// JavaScript Document

$(function(){
	
	// Horizontal accordian for Design Elements
	$(".element").mouseenter(function(){
		$(".element:not(.shrinkElement) .elementContent").hide();							  
		$(".element:not(.shrinkElement)").toggleClass("shrinkElement");
		$(this).toggleClass("shrinkElement");
		$(this).find(".elementContent").show();
		return false;
	});
	
	// Horizontal accordian for Detail Pages
	$(".contentSlice").mouseenter(function(){
		$(".contentSlice:not(.shrinkSlice) .sliceContent").hide();							  
		$(".contentSlice:not(.shrinkSlice)").toggleClass("shrinkSlice");
		$(this).toggleClass("shrinkSlice");
		$(this).find(".sliceContent").show();
		return false;
	});
	
	// Paging mechanism for horizontal product displays
	var currentBox = 0;
	var numberBoxes = $("#textFeature .textBox").length;
	
	$("#nextBox").click(function(){
		$(".textBox:eq("+currentBox+")").toggleClass("collapseBox");					 
		currentBox++;
		$(".textBox:eq("+currentBox+")").toggleClass("collapseBox");
		togglePaging();
		return;
	});
	
	$("#previousBox").click(function(){
		$(".textBox:eq("+currentBox+")").toggleClass("collapseBox");
		currentBox--;
		$(".textBox:eq("+currentBox+")").toggleClass("collapseBox");
		togglePaging();
		return;
	});
	
	function togglePaging() {
		if (currentBox == (numberBoxes - 1)) {
			$("#nextBox").toggleClass("hideBox");
		} else if (currentBox == 0) {
			$("#previousBox").toggleClass("hideBox");
		} else {
			$("#previousBox, #nextBox").removeClass("hideBox");	
		}
		return;
	}
	
	//Show and hide product label
	$(".product").hover(function(){
		$(this).find(".imageLabel").toggle();
	});
	
	//Toggle views of products
	$(".pinguin").hover(function(){
		$(".pinguin").toggle();
	});
	
	$(".triple").hover(function(){
		$(".triple").toggle();
	});
	
	$(".itcMedium").hover(function(){
		$(".itcMedium").toggle();
	});
	
	$(".itcZip").hover(function(){
		$(".itcZip").toggle();
	});
	
	$(".itcBasic").hover(function(){
		$(".itcBasic").toggle();
	});
	
	$(".serpentine").hover(function(){
		$(".serpentine").toggle();
	});
	
	$(".book").hover(function(){
		$(".book").toggle();
	});
	
	//Media thumbs cleanup
	$(".mediaSlider a").click(function() { 
		$(".mediaEntry:not(.collapseBox)").addClass("collapseBox");
		var currentArticle = $(this).attr("href");
		$(currentArticle).toggleClass("collapseBox");
		return false;
	});
	
	//Media thumbs scrolling
    if ($('div.mediaSlider').length != 0) {
		var div = $('div.mediaSlider'),
					 ul = $('ul.mediaSlider'),
					 ulPadding = 15;
		var divWidth = div.width();
		var lastLi = ul.find('li:last-child');
		div.mousemove(function(e){
		  var ulWidth = lastLi[0].offsetLeft + lastLi.outerWidth() + ulPadding;
		  var left = (e.pageX - div.offset().left) * (ulWidth-divWidth) / divWidth;
		  div.scrollLeft(left);
		});
	};
	
	//People thumbs cleanup
	$(".peopleSlider a").click(function() { 
		$(".peopleEntry:not(.collapseBox)").addClass("collapseBox");
		var currentArticle = $(this).attr("href");
		$(currentArticle).toggleClass("collapseBox");
		return false;
	});
	
	//People thumbs scrolling
    if ($('div.peopleSlider').length != 0) {
		var div = $('div.peopleSlider'),
					 ul = $('ul.peopleSlider'),
					 ulPadding = 15;
		var divWidth = div.width();
		var lastLi = ul.find('li:last-child');
		div.mousemove(function(e){
		  var ulWidth = lastLi[0].offsetLeft + lastLi.outerWidth() + ulPadding;
		  var left = (e.pageX - div.offset().left) * (ulWidth-divWidth) / divWidth;
		  div.scrollLeft(left);
		});
	};

	//Front page hero image rotator
	if ($('div.heroImage').length != 0) {
		var activeHero = 0;
		var numberHeroes = $("#heroFeature .heroImage").length - 1;
		var slideDelay = 5000;
		
		slideHeroImage();
	};
	
	function slideHeroImage() {
		$(".heroImage:eq("+activeHero+")").hide();
		if (activeHero != numberHeroes) {
			activeHero++;
		} else {
			activeHero = 0;
		}
		$(".heroImage:eq("+activeHero+")").fadeIn('slow');
		
		var _f = arguments.callee;
		setTimeout(function (){_f.call(window);}, slideDelay);
	}
	
});