// Extended dropdown functionality

	function easeInOut(minValue,maxValue,totalSteps,actualStep,powr) { 
		//Generic Animation Step Value Generator By www.hesido.com 
		var delta = maxValue - minValue; 
		var stepp = minValue+(Math.pow(((1 / totalSteps) * actualStep), powr) * delta); 
		return Math.ceil(stepp) 
    }

    function rollOut(id, targetheight) {
        if (targetheight == undefined)
            targetheight = 250;
		var aniElm = document.getElementById(id);
		if (!aniElm.currentHeight) aniElm.currentHeight = 0;
		doWidthChangeMem(aniElm, aniElm.currentHeight, targetheight, 50, 10, 0.5); 
	}
	
	function rollIn(id) {
		var aniElm = document.getElementById(id);
		if (!aniElm.currentHeight) return;
		doWidthChangeMem(aniElm,aniElm.currentHeight,0,50,10,0.5); 
	}
	
	function doWidthChangeMem(elem,startWidth,endWidth,steps,intervals,powr) 
	{ 
		//Width changer with Memory by www.hesido.com
		if (elem.widthChangeMemInt)
		window.clearInterval(elem.widthChangeMemInt);
		var actStep = 0;	
		elem.widthChangeMemInt = window.setInterval(
		function() { 
		  elem.currentHeight = easeInOut(startWidth,endWidth,steps,actStep,powr);
		  //elem.style.width = elem.currentWidth + "px"; 
		  elem.style.height = elem.currentHeight + "px";
		  actStep++;
		  if (actStep > steps) 
		  {
			window.clearInterval(elem.widthChangeMemInt);
		  }
		} 
		,intervals)
	}

	
var timeout_time	= 500;
var closetimer	= 0;
var ddmenuitem	= 0;

// go close timer
function mclosetime()
{
	closetimer = window.setTimeout(mclose, timeout_time);
}

// cancel close timer
function mcancelclosetime()
{
	if(closetimer)
	{
		window.clearTimeout(closetimer);
		closetimer = null;
	}
}

// close layer when click-out
//document.onclick = mclose;

function toggletargetpops(caller, group)
{
	var groups = new Array();
	groups[0]="student";
	groups[1]="parent";
	groups[2]="employee";
	groups[3]="business";
	var i = 0;
	var exElm;
	var exElm2
	for(i = 0;i < groups.length;i++)
	{
		if(groups[i] == group)
		{
			exElm = document.getElementById("extended_" + group);
			exElm2 = document.getElementById("extended2_" + group);
		}
		else
		{
			//Here we hide all others 
			var tempElm = document.getElementById("extended_" + groups[i]);
			var tempElm2 = document.getElementById("extended2_" + groups[i]);
			var tempElm3 = document.getElementById("targetpops_" + groups[i]);

			if(tempElm.className == "extended_main")
			{
				//Hide content
				tempElm.className = "extended_main hidden";
				tempElm2.className = "extended_mycsv hidden";
				//Switch button to inactive
				tempElm3.className = "targetpops white";
				var j = 0;			
				for(j = 0;j < tempElm3.childNodes.length;j++)
				{
					if(tempElm3.childNodes[j].nodeName == "A")
					{
						tempElm3.childNodes[j].className = "normal";
					}
				}	
			}
		}
	}	
	
	if(caller.className == "normal")
	{
		//Switch button to active
		caller.className = "normal active";
		caller.parentNode.className = "targetpops";
		//Show content
		exElm.className = "extended_main";
		exElm2.className = "extended_mycsv";
		
		//mcancelclosetime();
		//rollOut("extended_" + group);
		//rollOut("extended2_" + group);
	}
	else
	{
		//Switch button to inactive
		caller.className = "normal";
		caller.parentNode.className = "targetpops white";
		//Hide content
		exElm.className = "extended_main hidden";
		exElm2.className = "extended_mycsv hidden";
		
		//rollIn("extended_" + group);
		//rollIn("extended2_" + group);
	}
}

function togglesubmenu(caller)
{	
	//Close all other ones
	/*
	$('#extended_main .ifsub').removeClass("active");
	$('#extended_main .ifsub').find("ul").removeClass("active");
	$('#extended_main .ifsub').addClass("normal");
	$('#extended_main .ifsub').find("ul").addClass("normal");
	
	//Display the one that was clicked
	var underul = '#' + caller;
	var t = underul.replace(/Link/gi,"List");
	$(t).addClass("active");
	t = underul.replace(/Link/gi,"Item");
	$(t).addClass("active");
	*/
}


$(document).ready(function() {
			
	////////////////////////////////////////////
	//SWITCHBOX ANIMATIONS
	///////////////////////////////////////////
	

    $('#sb1link').click(function() {
        $('#sb1header').addClass('active');
        $('#sb2header').removeClass('active');
        $('#sb3header').removeClass('active');
        $('#sb1box').slideDown('fast');
        $('#sb2box').slideUp('fast');
        $('#sb3box').slideUp('fast');
        $('#sb1cont').fadeIn('fast');
        $('#sb2cont').fadeOut('fast');
        $('#sb3cont').fadeOut('fast');
    });

    $('#sb2link').click(function() {
        $('#sb1header').removeClass('active');
        $('#sb2header').addClass('active');
        $('#sb3header').removeClass('active');
        $('#sb1box').slideUp('fast');
        $('#sb2box').slideDown('fast');
        $('#sb3box').slideUp('fast');
        $('#sb1cont').fadeOut('fast');
        $('#sb2cont').fadeIn('fast');
        $('#sb3cont').fadeOut('fast');
    });

    $('#sb3link').click(function() {
        $('#sb1header').removeClass('active');
        $('#sb2header').removeClass('active');
        $('#sb3header').addClass('active');
        $('#sb1box').slideUp('fast');
        $('#sb2box').slideUp('fast');
        $('#sb3box').slideDown('fast');
        $('#sb1cont').fadeOut('fast');
        $('#sb2cont').fadeOut('fast');
        $('#sb3cont').fadeIn('fast');
    });

    $('#sb1link').click();
	
	$('#extended_main .ifsub').children("a").attr("href", "#")
	$('#extended_main .ifsub a').click(function() {
		togglesubmenu($(this).attr("id"));
	});
	
	
	//////////////////////////////////////////////////////
	//TARGET POPS ANIMATIONS
	/////////////////////////////////////////////////////
	
	//SETTINGS
	var slidespeed = 400;
	var slidewait = 500;
	
	$('#extended_student').removeClass('hidden');
	$('#extended2_student').removeClass('hidden');
	$('#extended_parent').removeClass('hidden');
	$('#extended2_parent').removeClass('hidden');
	$('#extended_employee').removeClass('hidden');
	$('#extended2_employee').removeClass('hidden');
	$('#extended_business').removeClass('hidden');
	$('#extended2_business').removeClass('hidden');	
	
	$('#extended_student').slideUp(10);
	$('#extended2_student').slideUp(10);
	$('#extended_parent').slideUp(10);
	$('#extended2_parent').slideUp(10);
	$('#extended_employee').slideUp(10);
	$('#extended2_employee').slideUp(10);
	$('#extended_business').slideUp(10);
	$('#extended2_business').slideUp(10);
	
	function tog_student() { 		
		$('#targetpops_student a').toggleClass('active');
		$('#targetpops_employee a').removeClass('active');
		$('#targetpops_parent a').removeClass('active');
		$('#targetpops_business a').removeClass('active');
		
		$('#targetpops_main #targetpops_student').removeClass('white');
		$('#targetpops_main #targetpops_employee').addClass('white');
		$('#targetpops_main #targetpops_parent').addClass('white');
		$('#targetpops_main #targetpops_business').addClass('white');
		
		$('#extended_student').slideToggle(slidespeed);
		$('#extended2_student').slideToggle(slidespeed);
	}

	
	$('#targetpops_student').click(function() {
		$('#extended_parent').slideUp(slidespeed);
		$('#extended2_parent').slideUp(slidespeed);
		$('#extended_employee').slideUp(slidespeed);
		$('#extended2_employee').slideUp(slidespeed);
		$('#extended_business').slideUp(slidespeed);
		$('#extended2_business').slideUp(slidespeed);
		
		if($('#targetpops_parent a').hasClass('active') || $('#targetpops_employee a').hasClass('active') || $('#targetpops_business a').hasClass('active') )
		{
			setTimeout(tog_student, slidewait);
		}
		else
		{
			tog_student();
		}	

	});
	
	function tog_parent() { 		
		$('#targetpops_parent a').toggleClass('active');
		$('#targetpops_employee a').removeClass('active');
		$('#targetpops_student a').removeClass('active');
		$('#targetpops_business a').removeClass('active');
		$('#targetpops_main #targetpops_parent').removeClass('white');
		$('#targetpops_main #targetpops_employee').addClass('white');
		$('#targetpops_main #targetpops_student').addClass('white');
		$('#targetpops_main #targetpops_business').addClass('white');
		
		$('#extended_parent').slideToggle(slidespeed);
		$('#extended2_parent').slideToggle(slidespeed);
	}
	
	$('#targetpops_parent').click(function() {
		$('#extended_student').slideUp(slidespeed);
		$('#extended2_student').slideUp(slidespeed);
		$('#extended_employee').slideUp(slidespeed);
		$('#extended2_employee').slideUp(slidespeed);
		$('#extended_business').slideUp(slidespeed);
		$('#extended2_business').slideUp(slidespeed);		
		
		if($('#targetpops_student a').hasClass('active') || $('#targetpops_employee a').hasClass('active') || $('#targetpops_business a').hasClass('active') )
		{
			setTimeout(tog_parent, slidewait);
		}
		else
		{
			tog_parent();
		}	
	});
	
	function tog_employee() { 		
		$('#targetpops_employee a').toggleClass('active');
		$('#targetpops_parent a').removeClass('active');
		$('#targetpops_student a').removeClass('active');
		$('#targetpops_business a').removeClass('active');
		$('#targetpops_main #targetpops_employee').removeClass('white');
		$('#targetpops_main #targetpops_parent').addClass('white');
		$('#targetpops_main #targetpops_student').addClass('white');
		$('#targetpops_main #targetpops_business').addClass('white');
		
		$('#extended_employee').slideToggle(slidespeed);
		$('#extended2_employee').slideToggle(slidespeed);
	 }
	
	$('#targetpops_employee').click(function() {
		$('#extended_student').slideUp(slidespeed);
		$('#extended2_student').slideUp(slidespeed);
		$('#extended_parent').slideUp(slidespeed);
		$('#extended2_parent').slideUp(slidespeed);
		$('#extended_business').slideUp(slidespeed);
		$('#extended2_business').slideUp(slidespeed);		
		
		if($('#targetpops_student a').hasClass('active') || $('#targetpops_parent a').hasClass('active') || $('#targetpops_business a').hasClass('active') )
		{
			setTimeout(tog_employee, slidewait);
		}
		else
		{
			tog_employee();
		}		
	});
	
	function tog_business() { 		
		$('#targetpops_business a').toggleClass('active');
		$('#targetpops_employee a').removeClass('active');
		$('#targetpops_student a').removeClass('active');
		$('#targetpops_parent a').removeClass('active');
		$('#targetpops_main #targetpops_business').removeClass('white');
		$('#targetpops_main #targetpops_employee').addClass('white');
		$('#targetpops_main #targetpops_student').addClass('white');
		$('#targetpops_main #targetpops_parent').addClass('white');
		
		$('#extended_business').slideToggle(slidespeed);
		$('#extended2_business').slideToggle(slidespeed);		
	}
	
	$('#targetpops_business').click(function() {
		$('#extended_student').slideUp(slidespeed);
		$('#extended2_student').slideUp(slidespeed);
		$('#extended_employee').slideUp(slidespeed);
		$('#extended2_employee').slideUp(slidespeed);
		$('#extended_parent').slideUp(slidespeed);
		$('#extended2_parent').slideUp(slidespeed);
		
		if($('#targetpops_student a').hasClass('active') || $('#targetpops_parent a').hasClass('active') || $('#targetpops_employee a').hasClass('active') )
		{
			setTimeout(tog_business, slidewait);
		}
		else
		{
			tog_business();
		}
	});

});