document.observe('dom:loaded', function(){
	if($$('ul.nav a').length > 0) { mainNav(); }
	if($$('div.home').length > 0) { homeSlideshow(); }
	if($$('.spice-nav').length > 0) { spiceNav(); }
	if($$('div.product-detail').length > 0) { productDetailTabs(); }
	if($$('div.challenge').length > 0) { challengeTabs(); }
	if($$('div.recipe-detail div.slideshow a').length > 0) { recipeSlideshow(); }
	if($$('div.why-were-different').length > 0) {
		whyWereDiffTabs();
		whyWereDiffImages();
	}
	if($$('img.browse-spices-button').length > 0) { browseSpicesButton(); }
});


function browseSpicesButton() {
	var button = $$('img.browse-spices-button');
	button[0].observe('mouseover', buttonOver);
	button[0].observe('mouseout', buttonOut);
	function buttonOver(e) {
		button[0].src = '/webart/wrapper/browse-spices-button-over.gif';
		Event.stop(e);
	}
	function buttonOut(e) {
		button[0].src = '/webart/wrapper/browse-spices-button.gif';
		Event.stop(e);
	}
}

function mainNav() {
	var links = $$('ul.nav a');
	
	links.each(function(item) {
		if(item != $$('a.selected')[0]){
			item.observe('mouseover', mainNavOver);
			item.observe('mouseout', mainNavOut);
		}
	});
	
	function mainNavOver(e) {
		new Effect.Move(this, { x: 0, y: -25, mode: 'absolute', duration: 0.5, queue: { scope: 'menuScope' } });
		Event.stop(e);
	}
	
	function mainNavOut(e) {
		Effect.Queues.get('menuScope').invoke('cancel');
		new Effect.Move(this, { x: 0, y: 0, mode: 'absolute', duration: 0.5 });
		Event.stop(e);
	}
}


function homeSlideshow() {
	var slides = $$('div.home div.slideshow a');
	var slideNav = $$('div.home div.slideshow-nav a');
	var intervalId;
	var currentSlide = 0;
	var totalSlides = 4;
	
	slides[0].show();
	slides[1].hide();
	slides[2].hide();
	slides[3].hide();
	
	slideNav[0].observe('click', slideNav1Click);
	slideNav[1].observe('click', slideNav2Click);
	slideNav[2].observe('click', slideNav3Click);
	slideNav[3].observe('click', slideNav4Click);
		
	slideNav.each(function(item) {
		item.observe('mouseover', pause);
		item.observe('mouseout', play);
	});
		
	play();
	
	function play() {
		clearInterval(intervalId);
		intervalId = setInterval(nextSlide, 8000);
	}
	
	function pause() {
		clearInterval(intervalId);
	}
	
	function nextSlide() {			
		currentSlide ++;
		if(currentSlide == totalSlides) {
			currentSlide = 0;
		}
		showSlide(currentSlide);
	}
	
	function setSlideNav(number){
		slideNav.each(function(item) {
			item.removeClassName('selected');
		});
		slideNav[number].addClassName('selected');
	}
	
	function showSlide(number) {
		currentSlide = number;
		setSlideNav(number);
		slides.each(function(item) {
			if(item == slides[currentSlide]) {
				Effect.Queues.get('slidshow').invoke('cancel');
				slides[currentSlide].appear({ duration: 2.0, queue: { scope: 'slidshow' } });
			} else {
				item.fade({ duration: 2.0, queue: { scope: 'slidshow' } });
			}

});

if (number == 0) {
    $$('#BlogText')[0].appear({ duration: 2.0, queue: { scope: 'slidshow'} });
        } else {
        $$('#BlogText')[0].fade({ duration: 2.0, queue: { scope: 'slidshow'} });
        }
        
		
	}
	
	function slideNav1Click(e) {
		showSlide(0);
	}
	
	function slideNav2Click(e) {
		showSlide(1);
	}
	
	function slideNav3Click(e) {
		showSlide(2);
	}

	function slideNav4Click(e) {
	    showSlide(3);
	}	
}

function spiceNav() {
	var spiceNav = $$('.spice-nav')[0];
	var openButton = $$('img.browse-spices-button')[0]
	var closeButton = $$('div.spice-nav img.close')[0];
	
	spiceNav.hide();
	
	openButton.observe('click', openNav);
	function openNav(e) {
	    _gaq.push(['_trackEvent', 'Product Detail', 'Browse Spices panel']);
		spiceNav.show();
		Event.stop(e);
	}
	
	closeButton.observe('click', closeNav);
	function closeNav(e) {
		spiceNav.hide();
		Event.stop(e);
	}
	
	$$('div.spice-nav li.none span').each(function(item) {
		item.observe('click', Open);
    });
    $$('div.spice-nav li.open span').each(function(item) {
        item.observe('click', Open);
    });
	function Open(e) {
	    closeAll();
	    this.parentElement.removeClassName('none');
	    this.parentElement.addClassName('open');

	    var tmpLetters = $$('#' + this.parentElement.id + ' li.plus');

	    if (tmpLetters.length == 1)
	        tmpLetters[0].className = 'minus';
    }
	
	$$('div.spice-nav li.plus').each(function(item) {
		item.observe('click', plus);
	});
	$$('div.spice-nav li.minus').each(function(item) {
		item.observe('click', plus);
	});
	
	function plus(e) {
	    closeChildren();
		if(this.hasClassName('plus')){
			this.className = 'minus';
		} else if(this.hasClassName('minus')){
			this.className = 'plus';
		}
    }

    function closeChildren() {
        $$('div.spice-nav li.minus').each(function(item) {
            item.removeClassName('minus');
            item.addClassName('plus');
        });
    }
	
	function closeAll() {
		$$('div.spice-nav li.minus').each(function(item) {
			item.removeClassName('minus');
			item.addClassName('plus');
		});
		$$('div.spice-nav li.open').each(function(item) {
		    item.removeClassName('open');
		    item.addClassName('none');
		});
	}
}


function productDetailTabs() {
	var overview = $$('div.product-detail div.content')[0];
	var recipe = $$('div.product-detail div.recipe')[0];
	var tabOne = $$('div.product-detail ul.tab-nav a')[0];
	var tabTwo = $$('div.product-detail ul.tab-nav a')[1];
	var funFacts = $$('div.product-detail div.fun-facts')[0];
	var recipeImage = $$('div.product-detail div.recipe-image')[0];
		
	recipe.hide();
	if(recipeImage != null)
	    recipeImage.hide();
	
	tabOne.observe('click', showOverview);
	function showOverview(e) {
		recipe.hide();
		if(recipeImage != null)
		    recipeImage.hide();
		overview.show();
		if (funFacts != null)
		    funFacts.show();
		tabTwo.removeClassName('selected');
		tabOne.addClassName('selected');
		Event.stop(e);
	}
	
	tabTwo.observe('click', showRecipe);
	function showRecipe(e) {
	    _gaq.push(['_trackEvent', 'Product Detail', 'Recipes tab detail pg']);
		recipe.show();
		if(recipeImage != null)
		    recipeImage.show();
		overview.hide();
		if(funFacts != null)
		    funFacts.hide();
		tabOne.removeClassName('selected');
		tabTwo.addClassName('selected');
		Event.stop(e);
	}
}


function challengeTabs() {
	var slideOne = $$('div.challenge div.slide-one')[0];
	var slideTwo = $$('div.challenge div.slide-two')[0];
	var tabOne = $$('div.challenge ul.tab-nav a')[0];
	var tabTwo = $$('div.challenge ul.tab-nav a')[1];
	
	slideTwo.hide();
	
	tabOne.observe('click', showOverview);
	function showOverview(e) {
		slideOne.show();
		slideTwo.hide();
		tabTwo.removeClassName('selected');
		tabOne.addClassName('selected');
		Event.stop(e);
	}
	
	tabTwo.observe('click', showRecipe);
	function showRecipe(e) {
	    _gaq.push(['_trackEvent', 'Cinnamon Challenge', 'CC Recipes tab']);
		slideOne.hide();
		slideTwo.show();
		tabOne.removeClassName('selected');
		tabTwo.addClassName('selected');
		Event.stop(e);
	}
}


function whyWereDiffTabs() {
	var tabs = $$('div.why-were-different ul.tab-nav a');
	var promos = $$('div.why-were-different div.promos img');
	
	function clearSelected() {
		tabs.each(function(item) {
			item.removeClassName('selected');
		});
		promos.each(function(item) {
			item.hide();
		});
	}
	
	clearSelected();
	promos[0].show();
	tabs[0].addClassName('selected');
	
	tabs[0].observe('click', showPromo1);
	tabs[1].observe('click', showPromo2);
	tabs[2].observe('click', showPromo3);
	tabs[3].observe('click', showPromo4);
	tabs[4].observe('click', showPromo5);
	//tabs[5].observe('click', showPromo6);

	function showPromo1(e) {
	    _gaq.push(['_trackEvent', 'Why Different Comparisons', 'Bay Leaves']);
		clearSelected();
		this.addClassName('selected');
		promos[0].show();
		Event.stop(e);
	}
	function showPromo2(e) {
	    _gaq.push(['_trackEvent', 'Why Different Comparisons', 'Cinnamon']);
		clearSelected();
		this.addClassName('selected');
		promos[1].show();
		Event.stop(e);
	}
	function showPromo3(e) {
	    _gaq.push(['_trackEvent', 'Why Different Comparisons', 'Dill Weed']);
		clearSelected();
		this.addClassName('selected');
		promos[2].show();
		Event.stop(e);
	}
	function showPromo4(e) {
	    _gaq.push(['_trackEvent', 'Why Different Comparisons', ' Vanilla']);
		clearSelected();
		this.addClassName('selected');
		promos[3].show();
		Event.stop(e);
	}
	function showPromo5(e) {
	    _gaq.push(['_trackEvent', 'Why Different Comparisons', 'Cloves']);
		clearSelected();
		this.addClassName('selected');
		promos[4].show();
		Event.stop(e);
	}
//	function showPromo6(e) {
//		clearSelected();
//		this.addClassName('selected');
//		promos[5].show();
//		Event.stop(e);
//	}
	
}

function whyWereDiffImages() {
	var images = $$('div.why-were-different div.images div');
	images.each(function(item) {
		item.observe('mouseover', moveDown);
		item.observe('mouseout', moveUp);
	});
	function moveDown(e) {
		this.addClassName('selected');
		Event.stop(e);
	}
	function moveUp(e) {
		this.removeClassName('selected');
		Event.stop(e);
	}
}


function recipeSlideshow() {
	var slides = $$('div.recipe-detail div.slideshow a');
	var slideshowNav = $$('div.recipe-detail div.slideshow-nav a');
	if(slides.length > 0)
	{
	    slides[0].show();
	    if(slides[1] != null)
	        slides[1].hide();
	    if(slides[2] != null)
	        slides[2].hide();
	    slideshowNav[0].addClassName('selected');
	    slideshowNav[0].observe('click', navOne);
	    function navOne(e) {
	        slides[0].show();
	        if (slides[1] != null)
	            slides[1].hide();
	        if (slides[2] != null)
		        slides[2].hide();
		    slideshowNav[0].addClassName('selected');
		    if (slides[1] != null)
		        slideshowNav[1].removeClassName('selected');
		    if (slides[2] != null)
		        slideshowNav[2].removeClassName('selected');
		    Event.stop(e);
	    }
	    if(slides[1] != null)
	    {
	        slideshowNav[1].observe('click', navTwo);
	        function navTwo(e) {
		        slides[0].hide();
		        slides[1].show();
		        if (slides[2] != null)
		            slides[2].hide();
		        slideshowNav[0].removeClassName('selected');
		        slideshowNav[1].addClassName('selected');
		        if (slides[2] != null)
		            slideshowNav[2].removeClassName('selected');
		        Event.stop(e);
	        }
	    }
	    if(slides[2] != null)
	    {
	        slideshowNav[2].observe('click', navThree);
	        function navThree(e) {
		        slides[0].hide();
		        slides[1].hide();
		        slides[2].show();
		        slideshowNav[0].removeClassName('selected');
		        slideshowNav[1].removeClassName('selected');
		        slideshowNav[2].addClassName('selected');
		        Event.stop(e);
	        }
	    }
	}
}