﻿window.addEvent('domready', function(){
    var slideItem = $$('.slideItem');
    var k = 1;
	var firstVisit = false; //this will override the functionality of having the first tout rotate for a long time. set this to true if we ever want to use thta again
	if (!Cookie.read(s.pageName + "_numOfVisit"))
	{
		Cookie.write(s.pageName + "_numOfVisit", k, {duration: .0138}); //duration unit in days
	}
	else
	{
		firstVisit = false;
	}
	//else {
	//	var k = Cookie.read(s.pageName + "_numOfVisit");
	//	k++;
	//	Cookie.write(s.pageName + "_numOfVisit", k);
	//}
	
    slideItem.each(function(el,i){
        el.store('index', i);  
        el.set('morph', {duration: 4000, transition: Fx.Transitions.Sine.easeIn});            
    });
	var j = 0;
    slideItem[0].store('active', j);
    //alert(slideItem[1].retrieve('index'));

    function rotate(index){
       if ( slideItem[0].retrieve('active') == 0 ) { fadeOut(0); fadeIn(1); }
       else { fadeOut(1); fadeIn(0); }
    }
	function rotateHomePageTout(index){
	   fadeOut(slideItem[0].retrieve('active')); 
	   if (slideItem[0].retrieve('active') == 4) { j = 0; slideItem[0].store('active', j);}
	   else { j++; slideItem[0].store('active', j); }
	   fadeIn(slideItem[0].retrieve('active')); 
    }	
    function fadeIn(index) {
        var fadeInFx = new Fx.Morph(slideItem[index], {duration: 1000, transition: Fx.Transitions.Sine.easeIn});               fadeInFx.start({'opacity': [0,1], 'display': 'block'}); 
        slideItem[0].store('active', index);
    }
    function fadeOut(index) {
        var fadeOutFx = new Fx.Morph(slideItem[index], {duration: 1000, transition: Fx.Transitions.Sine.easeIn});              fadeOutFx.start({'opacity': [1,0], 'display': 'none'}); 
    }
    if (s.pageName == 'PR_clipon')
		rotate.pass(slideItem[0].retrieve('active')).periodical(4000);   
	else if (s.pageName == 'Homepage'){
		var init = function() {rotateHomePageTout.pass(slideItem[0].retrieve('active')).periodical(4000);   }
		if (firstVisit) {
			init.delay(18000);
		}
		else {
			init();
		}		
	} else {}
	

});
