// These are the only variables you should touch here.
var sub_maxDisplace = 10;
var sub_minDisplace = 0;
var sub_moveTime = 150;
var sub_colourTime = 100;
var sub_overColour = '#6900a6';
var sub_outColour = 'black';
var curSelectBG = '#E6E6E6';  // The background colour of the menu item being viewed.



var sub_obj = null;
var sub_count = 1;
var sub_elements = new Array();
var sub_elementColour = new Array();
var sub_numElements = 0;
var sub_totalTime = sub_moveTime + sub_colourTime;
var done = true;

function sub_mouseOverMove(d){
    if (browserName=="Microsoft Internet Explorer")
    {
        moveMenu(d, "margin-left", sub_maxDisplace, sub_moveTime);
        //d.animate({marginLeft: sub_maxDisplace+"px"}, sub_moveTime);
        d.css('color', sub_overColour);
        //d.css('margin-left', sub_maxDisplace+"px");
    } else {
        d.animate({marginLeft: sub_maxDisplace+"px"}, sub_moveTime);
        d.animate({ color: sub_overColour }, sub_colourTime);
    }

}

function sub_mouseOutMove(d){
    if (browserName=="Microsoft Internet Explorer")
    {
        //d.animate({marginRight: maxDisplace+"px"}, moveTime);
        d.css('color', sub_outColour);
        moveMenu(d, "margin-left", sub_minDisplace, sub_moveTime);
        //d.css('margin-left', sub_minDisplace+"px");
    } else {
        d.animate({marginLeft: sub_minDisplace+"px"}, sub_moveTime);
        d.animate({ color: sub_outColour }, sub_colourTime);
    }
}

function sub_colourTransition(index, state){
	var d = $("#Nav2 li:eq("+index+")").find('.subMenuLink');
	if(sub_elementColour[index] == 0)
	{
		if(state == 0){
			sub_elementColour[index] = 1;
            sub_mouseOverMove(d);
			setTimeout("sub_tansitionComplete("+index+", 0)", sub_totalTime);
		}
	}
	else if(sub_elementColour[index] == 1)
	{
		if(state == 1)
		{
			sub_elementColour[index] = 3;
		}
	}
	else if(sub_elementColour[index] == 2)
	{
		if(state == 1){
			sub_elementColour[index] = 3;
            sub_mouseOutMove(d);
			setTimeout("sub_tansitionComplete("+index+", 1)", sub_totalTime);
		}
	}
	else
	{
		if(state == 0){
			sub_elementColour[index] = 1;
		}
	}
}

function sub_tansitionComplete(index, state){
	var d = $("#Nav2 li:eq("+index+")").find('.subMenuLink');
	if(state == 0){

		if(	sub_elementColour[index] == 1){
			sub_elementColour[index] = 2;
			//Done Animation;
		} else {
			//alert("earlyOut");
			sub_elementColour[index] = 3;
            sub_mouseOutMove(d);
			setTimeout("sub_tansitionComplete("+index+", 1)", sub_totalTime);
			//undo animation
		}
	} else {
		//alert("out");
		if( sub_elementColour[index] == 3){
			sub_elementColour[index] = 0;
		} else {
			sub_elementColour[index] = 1;
            sub_mouseOverMove(d);
			setTimeout("sub_tansitionComplete("+index+", 0)", sub_totalTime);

			//forward animation
		}

	}
}

function getElementNumber(element){
    var $p=element.parent().children();
    return $p.index(element);
}

$(document).ready(function() {
	$("#Nav2").children("li").hide();
    var path = window.location;
    sub_numElements = $('#Nav2').children().size();
    $("#Nav2").find('.subMenuLink').css('color', sub_outColour);
    $("#Nav2").children("li").find('.subMenuLink').css('margin-left', sub_minDisplace+"px");
    for(var i = 0; i  < sub_numElements; i++){
		sub_elements[i] = 0;
		sub_elementColour[i] = 0;
        //var elementLink = $('Nav2 li:eq('+i+')').find('a').attr('href');
        var elementLink = $('#Nav2 li:eq('+i+')').find('a').attr('href');
        if( elementLink == path)
        {
            var menuID = $('#Nav2 li:eq('+i+')').attr('class');
            menuID = menuID.substring(8, menuID.length);
            menuID = parseInt(menuID);
            setVisible(menuID);
            //colourTransition(menuID, 0);
            elementColour[menuID] = 4;
            //if (browserName!="Microsoft Internet Explorer")
            //{

                $("#Nav1 li:eq("+menuID+")").find('.menuText').css('margin-right', maxDisplace+"px");
            //}
            $("#Nav1 li:eq("+menuID+")").find('.menuText').css('color', overColour);
            $('#Nav2 li:eq('+i+')').find('div').css('background-color', curSelectBG);
        }
        //alert(elementLink);
	}



	$('#Nav2 > li').hover(function() {
        var sub_obj = $(this);
        var i;
        if (browserName=="Microsoft Internet Explorer")
        {
            i = $('#Nav2 li').index(this);
        } else {
            i = getElementNumber(sub_obj);
        }
        //
        sub_elements[i] = 1;
		sub_colourTransition(i, 0);


	}, function() {
		sub_obj = $(this);
        var i;
        if (browserName=="Microsoft Internet Explorer")
        {
            i = $('#Nav2 li').index(this);
        } else {
            i = getElementNumber(sub_obj);
        }
        sub_elements[i] = 0;
		sub_colourTransition(i, 1);

	});
});



//