/*
Description: controls the slide in/out function of the navigation
*/

var openSlide = -1; //Create a flag variable to be checked and test if any slide is opened;
var IE6 = false /*@cc_on || @_jscript_version < 5.7 @*/;

window.addEvent('domready', function() {
	var btns = [$('v_shell_nav_gtl_toggle'), $('v_shell_nav_snakewell_toggle'), $('v_shell_nav_more_toggle')]; //The buttons to trigger the slides;
	var slides = [$('shell_nav_gtl'), $('shell_nav_snakewell'), $('shell_nav_more')]; //The elements to be slides;
	var btnImages = ['v_shell_nav_gtl_img', 'v_shell_nav_snakewell_img', 'v_shell_nav_more_img']; //The elements to be slides;
	var mySlide = [];
	
	slides.each(function(slide, idx) { //For each element in slides do...
				
		mySlide[idx] = new Fx.Slide(slide, 'height', {duration: 500}).hide(); //Create an array with the Fx.Slide for each element in slides and hides it;
		
		//button events
		btns[idx].addEvent('click', function(e) { //Add a click event for each element in btns;
			e = new Event(e);
			if ( openSlide == -1 ) { //Check if a slide has been opened before;
				openSlide = idx;
				document.getElementById(btnImages[openSlide]).src = "images/global/toggle_plus.gif"
				
				mySlide[idx].slideIn(); //Slide In the slide;
				document.getElementById(btnImages[idx]).src = "images/global/toggle_minus.gif"
				//set a cookie state to show the content div as open
				Cookie.dispose('slide' + idx);
				var slideCookie = Cookie.write('slide' + idx, 'open');
			} else {
				document.getElementById(btnImages[openSlide]).src = "images/global/toggle_plus.gif"
				mySlide[openSlide].slideOut(); //Slide Out the previous openened slide;
				Cookie.dispose('slide' + openSlide);
				var slideCookie = Cookie.write('slide' + openSlide, 'closed');
								
				mySlide[idx].slideIn(); //Slide In the slide;
				document.getElementById(btnImages[idx]).src = "images/global/toggle_minus.gif"
				
					
				if ( openSlide != idx ) {
					Cookie.dispose('slide' + idx);
					var slideCookie = Cookie.write('slide' + idx, 'open');
					openSlide = idx; //openSlide will now be the current open slide;
				} else {
					document.getElementById(btnImages[openSlide]).src = "images/global/toggle_plus.gif"
					openSlide = -1; //If closing the open item, will reset openSlide to it's initial state;
					//set a cookie state to show the content div as closed
					Cookie.dispose('slide' + idx);
					var slideCookie = Cookie.write('slide' + idx, 'closed');
				}
			}
			e.stop();
			
		});
		
		if (Cookie.read('slide' + idx) == 'open') {
			openSlide = idx;
			mySlide[openSlide].show();
			document.getElementById(btnImages[openSlide]).src = "images/global/toggle_minus.gif"
//			Cookie.dispose('slide' + idx);
		} else if (Cookie.read('slide' + idx) == 'closed') {
			mySlide[idx].hide();
			document.getElementById(btnImages[idx]).src = "images/global/toggle_plus.gif"
//			Cookie.dispose('slide' + idx);
		}
		
		//ugly IE6 hack 
		if (IE6 == true) {
			mySlide[idx].wrapper.setStyle('margin', '-2px 0 -2px 0');
			mySlide[idx].wrapper.setStyle('height', '0px');
		}
	});
	
});