// @auth cvo
// @name customJS_home.js
// @desc custom javascript for home page
// @change
//   2011-09-26 cvo
//     file creation




jQuery(window).load(function() {
							 
	var $ = jQuery.noConflict();
	
	// rotating hero
	var index = 0;
	var images = $("#gallery img");
	var thumbs = $("#thumbs img");
	var imgHeight = $(thumbs).attr("height") + 15;
	$(thumbs).slice(0,3).clone().appendTo("#thumbs");
	for (i=0; i<thumbs.length; i++) {
		$(thumbs[i]).addClass("thumb-"+i);
		$(images[i]).addClass("image-"+i);
	}
	
	$("#next").click(sift);
	show(index);
	setInterval(sift, 8000);
	
	function sift(){
		if (index<(thumbs.length-1)){index+=1 ; }
		else {index=0}
		show (index);
	}
	
	function show(num){
		$(images).fadeOut(400);
		$(".image-"+num).stop().fadeIn(400);
		var scrollPos = (num+1)*imgHeight;
		$("#thumbs").stop().animate({scrollTop: scrollPos}, 400);		
		//console.log(scrollPos, "img.image-"+num);
	}
	
});

/*	
jQuery(document).ready(function() {
	jQuery('.productListWidget ul.productList li.product').live('load', function() {
		// call some function here to add the button
		addButton(jQuery(this));
	});

jQuery('#bottom-6 li.product').live('load', function() {
		addButton(jQuery(this));
	});
});

function addButton(elem) {
	var j = jQuery.noConflict();
	var productLink = elem.find('div.miniDetailTargetImage a').attr('href');
	var pdpDiv = j('<div />').addClass('pdpPage');
	var form = j('<form />').attr({
								  method: 'post',
								  action: productLink
								  });
	var btn = j('<button />').addClass('primaryAction').attr('type', 'submit');
	var img = j('<img>').attr('src', '/media/Site%20Files/Theme%20Files/Active%20Theme/Images/common/btn_viewItem.png');
	
	// build the form
	btn.append(img);
	form.append(btn);
	pdpDiv.append(form);
	elem.append(pdpDiv);
}
*/


/*
$(document).ready(function() {
	addViewItem();
	$("a.nextButton").attr("onclick","setTimeout('addViewItem()', 1000)");
});


// add View Item buttons to product list widget
function addViewItem() {
	$(".productListWidget").find('.carousel').find(".carouselWindow").find("ul.productList").find("li.product").each(function() {
		var pdpurl = $.trim($(this).find(".miniDetailTargetImage").find("a").attr("href"));
		var btnhtml = ""; 
		if($(this).html().indexOf("pdpPage") != -1) { 
			$(this).find(".pdpPage").html(''); 
			btnhtml = '<form method="post" action="' + pdpurl + '">' + '<button class="primaryAction" type="submit">';
			btnhtml = btnhtml + '<img src="/media/Site Files/Theme Files/Active Theme/Images/common/btn_viewItem.png"/>' + '</button></form>';
			$(this).find(".pdpPage").append(btnhtml);
		} 
		else { 
			$(this).append('<div class="pdpPage"></div>');
			btnhtml = '<form method="post" action="' + pdpurl + '">' + '<button class="primaryAction" type="submit">';
			btnhtml = btnhtml + '<img src="/media/Site Files/Theme Files/Active Theme/Images/common/btn_viewItem.png"/>' + '</button></form>';
			$(this).find(".pdpPage").append(btnhtml);
		} 
	});
}
*/
