var currentDiv = 0;
var TotalDivspick = -1;
var TotalDivsclearence = -1;

window.addEvent('domready', function(){
	SetPick();
	
	
});

function SetPick(){
	currentDiv = 0;
	TotalDivspick = -1;
	//our picks
	try{
	$('clearenceprev').setStyle('display','none');
	$('clearencenext').setStyle('display','none');
	}catch(err){
		//nada
	}
	$$('[id=pick]').each(function(el){
			TotalDivspick = TotalDivspick + 1;	
			if(TotalDivspick > 0){
				el.setStyle('left','625px');
			}else{
				el.setStyle('left','50px');
			}
	});
	

	if(TotalDivspick < 1){
		$('pickprev').setStyle('display','none');
		$('picknext').setStyle('display','none');
	}else{
		$('pickprev').setStyle('display');
		$('picknext').setStyle('display');
	}
	
	
	$$("a.pickprev").removeEvents('click');
	$$("a.picknext").removeEvents('click');
	
	$$("a.pickprev").addEvent('click',function(){
		if(currentDiv == 0){
			SlideIt(currentDiv,TotalDivspick,'left','pick');			   
		}else{
				if(currentDiv+1 > TotalDivspick){
						SlideIt(currentDiv,0,'left','pick');	
				}else{
					SlideIt(currentDiv,currentDiv+1,'left','pick');	
				}
		}
		return false;
		});
	
	$$("a.picknext").addEvent('click',function(){
		if(currentDiv == TotalDivspick){
			SlideIt(currentDiv,0,'right','pick');			   
		}else{
				if(currentDiv-1 < 0){
						SlideIt(currentDiv,TotalDivspick,'right','pick');	
				}else{
					SlideIt(currentDiv,currentDiv-1,'right','pick');	
				}
		}
		return false;
		});
}

function setClearence(){
	currentDiv = 0;
	TotalDivsclearence = -1;
	//clearance
	try{
	$('pickprev').setStyle('display','none');
	$('picknext').setStyle('display','none');
	}catch(err){
		//nada
	}
	$$('[id=clearence]').each(function(el){
			TotalDivsclearence = TotalDivsclearence + 1;	
			if(TotalDivsclearence > 0){
				el.setStyle('left','625px');
			}else{
				el.setStyle('left','50px');
			}
	});
	

	if(TotalDivsclearence < 1){
		$('clearenceprev').setStyle('display','none');
		$('clearencenext').setStyle('display','none');
	}else{
		$('clearenceprev').setStyle('display');
		$('clearencenext').setStyle('display');
	}
	
	$$("a.clearenceprev").removeEvents('click');
	$$("a.clearencenext").removeEvents('click');
	
	$$("a.clearenceprev").addEvent('click',function(){
		if(currentDiv == 0){
			SlideIt(currentDiv,TotalDivsclearence,'left','clearence');			   
		}else{
				if(currentDiv+1 > TotalDivsclearence){
						SlideIt(currentDiv,0,'left','clearence');	
				}else{
					SlideIt(currentDiv,currentDiv+1,'left','clearence');	
				}
		}
		return false;
		});
	
	$$("a.clearencenext").addEvent('click',function(){
		if(currentDiv == TotalDivsclearence){
			SlideIt(currentDiv,0,'right','clearence');			   
		}else{
				if(currentDiv-1 < 0){
						SlideIt(currentDiv,TotalDivsclearence,'right','clearence');	
				}else{
					SlideIt(currentDiv,currentDiv-1,'right','clearence');	
				}
		}
		return false;
		});	
}

function SlideIt(slideout,slidein,direction,prefix){
	if(direction == 'left'){
		afrom = 50;
		ato = -625;
		bfrom = 625;
		bto = 50;
	}else{
		afrom = 50;
		ato = 625;
		bfrom = -625;
		bto = 50;
	}
	
	var e1 = $$('[rel=' + prefix + slideout + ']');
	var e2 = $$('[rel=' + prefix + slidein + ']');
	

	try{
		var FX1 = new Fx.Morph(e1[0], {duration: 'long', transition: Fx.Transitions.Sine.easeOut});
		var FX2 = new Fx.Morph(e2[0], {duration: 'long', transition: Fx.Transitions.Sine.easeOut});
	}catch(err){
			alert('cant find the elements');
			return;
	}
	
	FX1.start({
		'left': [afrom,ato]
			  });
	FX2.start({
		'left': [bfrom,bto]
			  });
	currentDiv = slidein;
		
}