YAHOO.util.Event.addListener(window, 'load', startup);

function klapOpen(id, level)
{
	if (level == "lvl1")
	{
        var otnElements = YAHOO.util.Dom.getElementsByClassName("otn");
	
	    for(var i=0;i<otnElements.length;i++)
	    {
    	    document.getElementById(otnElements[i].id).style.display="none";
	    }
        
		var subotnElements = YAHOO.util.Dom.getElementsByClassName("sub-otn");

		for(var i=0;i<subotnElements.length;i++)
		{
			document.getElementById(subotnElements[i].id).style.display="none";
		}
		
		berekenActive('hide');
		var activeElements = YAHOO.util.Dom.getElementsByClassName("active");
		if (activeElements.length > 0)
		{
			var childID = "o"+id;
			if(childID)
			{
				document.getElementById(childID).style.display="block";
			}
		}				
	}
	else
	{
		if (level == "lvl3")
		{
			var subotnElements = YAHOO.util.Dom.getElementsByClassName("sub-otn");

            for(var i=0;i<subotnElements.length;i++)
			{
				document.getElementById(subotnElements[i].id).style.display="none";
			}
		
			var childID = "o"+id;
			if(childID)
			{
				document.getElementById(childID).style.display="block";
			}
        }
		else
		{
			berekenActive('hide');
			document.getElementById(id).style.display="block";
		}
    }
}

function klapDicht(id, level)
{
	if (level == "lvl1")
	{
		var childID = "o"+id;
		document.getElementById(childID).style.display="none";
		berekenActive('show');
	}
	else
	{
		if (level == "lvl3")
		{
			var childID = "o"+id;
			document.getElementById(childID).style.display="none";
		}
		else
		{
    		document.getElementById(id).style.display="none";
			berekenActive('show');
		}						
	}
}

function berekenActive(action)
{
	var activeElements = YAHOO.util.Dom.getElementsByClassName("active");
    
    for(var i=0;i<activeElements.length;i++)
	{
        if (activeElements[i].nodeName == 'UL')
        {
            if(action == 'show')
            {
                document.getElementById(activeElements[i].id).style.display="block";
            }
            if(action == 'hide')
            {
                document.getElementById(activeElements[i].id).style.display="none";
            }
        }
        else
        {
		    var parent = activeElements[i].parentNode.id;
		    var temp = new Array();
		    temp = parent.split('_');
	    
		    if (temp[0] == 'otn')
		    {
    			if (temp[1].length == 2)
			    {
    				newID = temp[0]+"_"+temp[1];
				    
				    if(action=='show')
				    {
    					document.getElementById(newID).style.display="block";
				    }
				    if(action=='hide')
				    {
    					document.getElementById(newID).style.display="none";
				    }
			    }
			    if (temp[1].length == 4)
			    {
    				newID = temp[0]+"_"+temp[1];
				    
				    if(action=='show')
				    {
    					document.getElementById(newID).style.display="block";
				    }
			    }	
		    }
        }    
    }
}

function startup()
{
	var otnElements = YAHOO.util.Dom.getElementsByClassName("otn");
	
	for(var i=0;i<otnElements.length;i++)
	{
    	document.getElementById(otnElements[i].id).style.display="none";
	} 
	
	var subotnElements = YAHOO.util.Dom.getElementsByClassName("sub-otn");
	
	for(var i=0;i<subotnElements.length;i++)
	{
		document.getElementById(subotnElements[i].id).style.display="none";
	}
	
	berekenActive('show');
}

/**
* Custom button state handler for enabling/disabling button state. 
* Called when the carousel has determined that the previous button
* state should be changed.
* Specified to the carousel as the configuration
* parameter: prevButtonStateHandler
**/
var handlePrevButtonState = function(type, args) 
{
    var enabling = args[0];
	var leftImage = args[1];
	if(enabling) 
    {
        if(YAHOO.util.Dom.hasClass('container','products'))
        {
	        leftImage.src = "/ImageLib/Patisfrance/images/left-enabled_products.gif";
        }
        if(YAHOO.util.Dom.hasClass('container','recipes'))
        {
	        leftImage.src = "/ImageLib/Patisfrance/images/left-enabled_recipes.gif";
        }
    }
    else 
    {
        if(YAHOO.util.Dom.hasClass('container','products'))
        {
		    leftImage.src = "/ImageLib/Patisfrance/images/left-disabled_products.gif";
        }
        if(YAHOO.util.Dom.hasClass('container','recipes'))
        {
	        leftImage.src = "/ImageLib/Patisfrance/images/left-disabled_recipes.gif";
        }
	}
};

/**
* Custom button state handler for enabling/disabling button state. 
* Called when the carousel has determined that the next button
* state should be changed.
* Specified to the carousel as the configuration
* parameter: nextButtonStateHandler
**/

var handleNextButtonState = function(type, args) 
{

    var enabling = args[0];
	var rightImage = args[1];
	if(enabling)
    {
        if(YAHOO.util.Dom.hasClass('container','products'))
        {
		    rightImage.src = "/ImageLib/Patisfrance/images/right-enabled_products.gif";
        }
        if(YAHOO.util.Dom.hasClass('container','recipes'))
        {
	        rightImage.src = "/ImageLib/Patisfrance/images/right-enabled_recipes.gif";
        }
	}
    else
    {
        if(YAHOO.util.Dom.hasClass('container','products'))
        {
		    rightImage.src = "/ImageLib/Patisfrance/images/right-disabled_products.gif";
        }
        if(YAHOO.util.Dom.hasClass('container','recipes'))
        {
	        rightImage.src = "/ImageLib/Patisfrance/images/right-disabled_recipes.gif";
        }
	}
};