var subnav0_addon = 4,
 	subnav1_addon = 0,
 	subnav2_addon = 0,
 	subnav3_addon = 0,
	subnav4_addon = 0,
	toggle0 = 1;
	toggle1 = 1;
	toggle2 = 1;
	toggle3 = 1;
	toggle4 = 1;
	
var scrollFx;

window.addEvent('domready', function(){

  	var Tips1 = new Tips($$('.hometip1'));
  	var Tips2 = new Tips($$('.hometip2'));  	
  	
	/* [drew] Moo style reset (iFrame)
	-------------------------------*/
	$$('iframe').setProperty('tabindex', '-1');
	$$('iframe').addClass('holla');
	
	/* [drew] Moo Calendar
	-------------------------------*/
	/*  myCal = new Calendar({ date: 'd/m/Y' }, { direction: 1, tweak: { x: 6, y: 0 }}); */

	/* Top Nav
	-------------------------------*/


/* [drew] taking over */
	var subnav0_sizeNormal,
		subnav0_sizeSmall = 1,
		subnav1_sizeNormal,
		subnav1_sizeSmall = 1,
		subnav2_sizeNormal,
		subnav2_sizeSmall = 1,
		subnav3_sizeNormal,
		subnav3_sizeSmall = 1,
	    subnav4_sizeNormal,
		subnav4_sizeSmall = 1;
		
/* 	var subnav0 = new Fx.Style('subnav0', 'height',{duration: 500, transition: Fx.Transitions.Quart.easeOut,opacity:[1,0]}); */
	var subnav0 = new Fx.Style('subnav0', 'height',{duration: 500, transition: Fx.Transitions.Quart.easeOut,opacity:[1,0]});
	var subnav1 = new Fx.Style('subnav1', 'height',{duration: 500, transition: Fx.Transitions.Quart.easeOut,opacity:[1,0]});
	var subnav2 = new Fx.Style('subnav2', 'height',{duration: 500, transition: Fx.Transitions.Quart.easeOut,opacity:[1,0]});
	var subnav3 = new Fx.Style('subnav3', 'height',{duration: 500, transition: Fx.Transitions.Quart.easeOut,opacity:[1,0]});
	var subnav4 = new Fx.Style('subnav4', 'height',{duration: 500, transition: Fx.Transitions.Quart.easeOut,opacity:[1,0]});

	$('toggle-subnav0').addEvent('click',function(e){

		subnav0_sizeNormal = document.getElementById('subnav0-body').clientHeight + subnav0_addon;

		e = new Event(e);
		
		if(toggle0)
		{
			toggle0 = 0;
			subnav0.start(subnav0_sizeSmall,subnav0_sizeNormal);
		}
		else
		{
			toggle0 = 1;
			subnav0.start(subnav0_sizeNormal,subnav0_sizeSmall);			
		}
		e.stop();
	});
		
	$('toggle-subnav1').addEvent('click',function(e){

		subnav1_sizeNormal = document.getElementById('subnav1-body').clientHeight + subnav1_addon;
		$$('#subnav0').setStyle('height','auto');
		e = new Event(e);
		
		if(toggle1)
		{
			toggle1 = 0;
			toggle2 = 1;
			toggle3 = 1;
			toggle4 = 1;
			
			subnav1.start(subnav1_sizeSmall,subnav1_sizeNormal);
			subnav2.hide();
			subnav3.hide();
			subnav4.hide();
		}
		else
		{
			toggle1 = 1;
			subnav1.start(subnav1_sizeNormal,subnav1_sizeSmall);
		}
		e.stop();
		
	});


// toggle2
	$('toggle-subnav2').addEvent('click',function(e){

		subnav2_sizeNormal = document.getElementById('subnav2-body').clientHeight + subnav2_addon;
		$$('#subnav0').setStyle('height','auto');
		e = new Event(e);
		
		if(toggle2)
		{
			toggle2 = 0;
			toggle1 = 1;
			toggle3 = 1;
			toggle4 = 1;
			
			subnav2.start(subnav2_sizeSmall,subnav2_sizeNormal);
			subnav1.hide();
			subnav3.hide();
			subnav4.hide();
		}
		else
		{
			toggle2 = 1;
			subnav2.start(subnav2_sizeNormal,subnav2_sizeSmall);
			
		}
		e.stop();
		
	});

// toggle3

	$('toggle-subnav3').addEvent('click',function(e){

		subnav3_sizeNormal = document.getElementById('subnav3-body').clientHeight + subnav3_addon;
		$$('#subnav0').setStyle('height','auto');
		e = new Event(e);
		
		if(toggle3)
		{
			toggle3 = 0;
			toggle1 = 1;
			toggle2 = 1;
			toggle4 = 1;
			
			subnav3.start(subnav3_sizeSmall,subnav3_sizeNormal);
			subnav1.hide();
			subnav2.hide();
			subnav4.hide();
		}
		else
		{
			toggle3 = 1;
			
			subnav3.start(subnav3_sizeNormal,subnav3_sizeSmall);			
		}
		e.stop();
		
	});

	// toggle4
	$('toggle-subnav4').addEvent('click',function(e){

		subnav4_sizeNormal = document.getElementById('subnav4-body').clientHeight + subnav4_addon;
		$$('#subnav0').setStyle('height','auto');
		e = new Event(e);
		
		if(toggle4)
		{
			toggle4 = 0;
			toggle1 = 1;
			toggle2 = 1;
			toggle3 = 1;
			
			subnav4.start(subnav4_sizeSmall,subnav4_sizeNormal);
			subnav1.hide();
			subnav2.hide();
			subnav3.hide();
		}
		else
		{
			toggle4 = 1;
			subnav4.start(subnav4_sizeNormal,subnav4_sizeSmall);
			
		}
		e.stop();
		
	});

});

var currentDetails = "highlights"; // The default loaded section on the page
var tabTag = "-tab";

function scrollElem(elem_id, base_id){
	
	if (currentDetails == elem_id) {
		return;
	}

	lastDetails = currentDetails;
	currentDetails = elem_id;

    selTab = currentDetails + tabTag;
    document.getElementById(selTab).className = "sel";
    if (lastDetails) {
	    lastTab = lastDetails + tabTag;
	    document.getElementById(lastTab).className = "";
	}
};