// JavaScript Document
var total = null;
window.addEvent('domready', function() {
	//Gets the ul with the highest number of sliderWrapper within it so we know how much sliding we can do!
	if ($('sliderWrapper')!=null) {
		var ul = $$('#sliderWrapper ul');
		var margin = 0;
		total = (ul[0].getChildren('li').length) * 118;
		
		//store titles and text   
		$$('a.tips').each(function(element,index) {   
			var content = element.get('title').split('::');   
			element.store('tip:title', content[0]);   
			element.store('tip:text', content[1]);   
		});   
		   
		//create the tooltips   
		var tipz = new Tips('.tips',{   
			className: 'tips',   
			fixed: false,   
			hideDelay: 50,   
			showDelay: 50   
		}); 
		
		//if more than 4 shows then we need to setup the sliding
		if (total>354) {		
			$('previous').setStyle('visibility','visible');
			$('next').setStyle('visibility','hidden');
			
		} else {
			$('previous').setStyle('visibility','hidden');
			$('next').setStyle('visibility','hidden');
		}
			
	
		//sets up the sliding of the sliderWrapper when clicking on the previous button
		$('previous').addEvent('click', function(event) {
			event.stop();									 
			var tmp = (total-354)-((total-354)*2);
			if (tmp<margin) {
				var Slide = new Fx.Morph('slider', {duration:500, transition:Fx.Transitions.Sine.easeOut, link:'ignore'});
				margin=margin-354;
				
				Slide.addEvent('complete', function() { 
					if (tmp>=margin) {
						$('previous').setStyle('visibility','hidden');
						$('next').setStyle('visibility','visible');
					} else {
						$('previous').setStyle('visibility','visible');
						$('next').setStyle('visibility','visible');
					}
				});
				
				//margin=margin-208;
				Slide.start({ 'margin-left': [margin + 'px'] });	
			}
		});
		
		//sets up sliding when click on next button
		$('next').addEvent('click', function(event) {
			event.stop();
			if (margin<0) {
				var Slide = new Fx.Morph('slider', {duration:500, transition:Fx.Transitions.Sine.easeOut, link:'ignore'});
				//Slide.addEvent('complete', function() { margin=margin+208; })
				margin=margin+354;
				
				Slide.addEvent('complete', function() { 
					if (margin>=0) {
						$('previous').setStyle('visibility','visible');
						$('next').setStyle('visibility','hidden');
					} else {
						$('previous').setStyle('visibility','visible');
						$('next').setStyle('visibility','visible');
					}
				});
				
				Slide.start({ 'margin-left': [margin + 'px'] });	
			}
		});
	}

}); //Ends dom ready