﻿function HandleMenuItem(reason)
{
    var divisions = document.getElementsByTagName ("div");
    
    // hiding all div elements
    for (i = 0;  i < divisions.length;  i++)
    {
        if ((divisions[i].id != null) && (divisions[i].id.substr(0,5) == "movie"))
            divisions[i].style.display = "none";
    }

    // Showing selected reason
    var selectedDiv = document.getElementById("movie" + reason);
    selectedDiv.style.display = "inline";
    OnMovieClick ('0');
    
    // Option for the future
    //alert(selectedDiv.getElementsByTagName("object")[0].getElementsByTagName("param")[0].value = "[movie link]");
}

function OnMovieClick (selectedMovieIndex)
{
    // Getting all div elements
    var divisions = document.getElementsByTagName ("div");
    var visibleDiv;
    
    // Finding visible div element
    for (var i = 0;  i < divisions.length;  i++)
    {
        // if div element: has id, movie div & visible
        if ((divisions[i].id != null) && (divisions[i].id.substr(0,5) == "movie"))
        {
            if (divisions[i].style.display != "none")
            {
                visibleDiv = divisions[i];
                break;
            }
        }
    }
    
    var subDivs = visibleDiv.getElementsByTagName ("div");
    var aElements = visibleDiv.getElementsByTagName ("a");
    //var movieDescriptionText = document.getElementById("movieDescriptionText");
    var movieDescriptionText = visibleDiv.getElementsByTagName ("input")[0];

    var objectDivs = new Array();
    for (var i = 0; i < subDivs.length;  i++)
    {
        if (subDivs[i].title == "objectDiv")
            objectDivs[objectDivs.length] = subDivs[i];
    }
    
    // Getting all ojbect/movie elements
    for (var i = 0;  i < objectDivs.length;  i++)
    {
        // if the current object's parent (span element) matches the selected index
        if (i == selectedMovieIndex)
        {
            objectDivs[i].style.display = "inline";      // Hide

            // Removing irrelevant <a> elements from the collection
            var relevantElements = new Array();
            for (var j = 0;  j < aElements.length;  j++)
            {
                if (aElements[j].title != "" && aElements[j].target == "")
                    relevantElements[relevantElements.length] = aElements[j];
            }
            // Updating the movie description lavel (objects.length = aElements.length)
            movieDescriptionText.value = relevantElements[i].title;
        }
        else
        {
            objectDivs[i].style.display = "none";    // Show
        }
    }   
}
