var animation_start = function(){
			currSlider.element.style.visibility="visible";
	}

	var animation_stop = function(){
		if(currSlider.element.style.width!='0px'){
			currSlider.element.style.width='830px';
		}
	}

	var varProducts = new Spry.Effect.Slide('slideProducts', {duration: 1000, from: '0px', to: '160px', toggle: true});
	var varOdorSolutions = new Spry.Effect.Slide('slideOdorSolutions', {duration: 1000, from: '0px', to: '160px', toggle: true});
	var varFreshFun = new Spry.Effect.Slide('slideFreshFun', {duration: 1000, from: '0px', to: '160px', toggle: true});
	var varSpecialOffers = new Spry.Effect.Slide('slideSpecialOffers', {duration: 1000, from: '0px', to: '160px', toggle: true});
	var varReviews =  new Spry.Effect.Slide('slideReviews', {duration: 1000, from: '0px', to: '160px', toggle: true});

	var varWhatsNew = new Spry.Effect.Slide('whatsNew', {duration: (lenWhatsNew.replace('px','')/216)*450, from: '0px', to: lenWhatsNew,horizontal: true, toggle: true, setup: animation_start, finish: animation_stop});
	var varByCollection = new Spry.Effect.Slide('byCollection', {duration: (lenByCollection.replace('px','')/216)*450, from: '0px', to: lenByCollection,horizontal: true, toggle: true, setup: animation_start, finish: animation_stop});
	var varByProduct = new Spry.Effect.Slide('byProduct', {duration: (lenByProducts.replace('px','')/216)*450, from: '0px', to: lenByProducts,horizontal: true, toggle: true, setup: animation_start, finish: animation_stop});
	var varByScent = new Spry.Effect.Slide('byScent', {duration: (lenByScents.replace('px','')/216)*450, from: '0px', to: lenByScents,horizontal: true, toggle: true, setup: animation_start, finish: animation_stop});
	var varByOdor = new Spry.Effect.Slide('byOdor', {duration: (lenByOdor.replace('px','')/216)*450, from: '0px', to: lenByOdor,horizontal: true, toggle: true, setup: animation_start, finish: animation_stop});
	var varPartnerProducts = new Spry.Effect.Slide('partnerProducts', {duration: (lenPartenerProducts.replace('px','')/216)*450, from: '0px', to: lenPartenerProducts,horizontal: true, toggle: true, setup: animation_start, finish: animation_stop});
	var varReviewslide = new Spry.Effect.Slide('byReview',{duration: (lenByReviews.replace('px','')/216)*450, from: '0px', to: lenByReviews,horizontal: true, toggle: true, setup: animation_start, finish: animation_stop});


	varWhatsNew.custom_scroller = new SlideShow('whatsnew_panel');
	varByCollection.custom_scroller = new SlideShow('collection_panel');
	varByProduct.custom_scroller = new SlideShow('product_panel');
	varReviews.custom_scroller = new SlideShow('review_panel');
	varByScent.custom_scroller = new SlideShow('scent_panel');
	varByOdor.custom_scroller = new SlideShow('odor_panel');
	varPartnerProducts.custom_scroller = new SlideShow('partner_products_panel');
	varSpecialOffers.custom_scroller = new SlideShow('special_offers_panel');
	varOdorSolutions.custom_scroller = new SlideShow('odor_solutions_panel');
	varFreshFun.custom_scroller = new SlideShow('fresh_fun_panel');
	varReviewslide.custom_scroller = new SlideShow('review_panel');



	var currSlider;
	if(tabId == 'collection'){
		currSlider = varByCollection;
	}else if(tabId == 'products'){
		currSlider = varByProduct;
	}else if(tabId == 'scent'){
		currSlider = varByScent;
	}else if(tabId == 'odor_problem'){
		currSlider = varByOdor;
	}
	//else if(tabId== 'reviews'){
	//	currSlider = varReviewslide;
	//}
	else {
		currSlider = varByProduct;
	}
	currSlider.start();

	if(tabId!= 'reviews'){
	document.getElementById(currSlider.element.id+"Style").className="subNavtextselected";
	}

	var currMSlider=null;

function showSlider(){
	document.getElementById('slideProducts').style.display='block';
	document.getElementById('slideSpecialOffers').style.display='block';
	document.getElementById('slideOdorSolutions').style.display='block';
	document.getElementById('slideFreshFun').style.display='block';
	document.getElementById('slideReviews').style.display='block';
}
function slide(vSlider){
	document.getElementById(currSlider.element.id+"Style").className="subNavtext";
	document.getElementById(vSlider.element.id+"Style").className="subNavtextselected";

	if(vSlider != currSlider){
		currSlider.custom_scroller.stopListen();
		vSlider.custom_scroller.startListen();
		vSlider.start();
		currSlider.start();
		currSlider = vSlider;
	}
}

var posY=0;

function mainSlider(vSlider){
	showSlider();
	if(currMSlider!=null){
		if(currMSlider.element.style.height!='0px'){
			currMSlider.start();
			onTopnav=false;
			if(currMSlider!=varProducts ){
				currMSlider.custom_scroller.stopListen();
			}else {
				currSlider.custom_scroller.stopListen();
			}
		}
		if(vSlider.element.style.height=='0px'){
			vSlider.start();
			currMSlider = vSlider;
			onTopnav=true;
			if(currMSlider!=varProducts ){
				currMSlider.custom_scroller.startListen();
			}else {
			currSlider.custom_scroller.startListen();
			}
		}
	}else{
		vSlider.start();
		currMSlider = vSlider;
		onTopnav=true;
		if(currMSlider!=varProducts ){
			currMSlider.custom_scroller.startListen();
		}else {
		currSlider.custom_scroller.startListen();
		}
	}
}

function resetMainSlider(){
	if(currMSlider!=null){
		if(currMSlider.element.style.height!='0px'){
		currMSlider.start();
		}
	}
}

function close_top_nav(y){
		if(currMSlider!=null && currMSlider.element.style.height!='0px' && y>186){
			currMSlider.start();
			onTopnav=false;
			clearTimeout(navTimer);
		}
}

var tid, time, action,coordY ,cnt=0;

document.onmousedown =  function (evt) {
	  var ie=document.all?true:false;
	  y=ie?event.clientY:evt.pageY;
	  close_top_nav(y);
      return true;
    };

var onTopnav, navTimer;
document.getElementById("main").onmouseout =  function (evt) {
	  var ie=document.all?true:false;
	  y=ie?event.clientY:evt.pageY;
	
	if(currMSlider!=null && currMSlider.element.style.height!='0px' && y>186){
		onTopnav=false;
		clearTimeout(navTimer);
		navTimer = setTimeout('close()',5000);
	}else if(currMSlider!=null && currMSlider.element.style.height!='0px' && y<186){
		onTopnav=true;
		clearTimeout(navTimer);
	}
      return true;
    };

function close(){
	if(onTopnav==false){
			currMSlider.start();
			clearTimeout(navTimer);
	}
}


document.getElementById('topnav').style.visibility='visible';