// JavaScript Document

window.addEvent('domready', function() {
	var sliders = $$(".vertical_slide");
	var triggers = $$(".v_toggle") ;
	var sls = new Array();
	var mys = new Array();
		function GOTO(x){
			if(sls[x].open) {
				var myPage = "";
				switch(x) {
				case 0:
				myPage = 'ksm.php';
				break; 
				case 1:
				myPage = 'courlake.php';
				break; 
				case 2:
				myPage = 'nevadaex.php';
				break; 
				case 3:
				myPage = 'grassymount.php';
				break; 
				case 4:
				myPage = 'redmount.php';
				break; 
				case 5:
				myPage = 'quartzmount.php';
				break; 
				case 6:
				myPage = 'castleblack.php';
				break;
				}
				location.href=myPage;
			}
		}
	triggers.each(function( o, x ){ 
		var sl = new Fx.Slide( sliders[x], {'onComplete': function(step){ GOTO(x) } } ).hide();	
		sls[x] = sl;
		var myEffect = new Fx.Morph(triggers[x], {duration: 'short', transition: Fx.Transitions.Sine.easeOut} );
 		mys[x] = myEffect;
		$(triggers[x]).addEvent('click',function(e){
			e = new Event(e);		 
			triggers.each(function(a, b){ 
				if(sls[b].open) {
					sls[b].toggle();
					mys[b].start({
						'color': '#000000'
					});	
				}	
			});
			
			
			mys[x].start({
				'color': '#981200'
			});	
			
			sl.toggle();
			e.stop();
		})
		
	
		
		if($myVar == x) { 	
			sl.show();
			mys[x].start({
				'color': '#840000'
			});	
		}
	});
	

});