var timer = null;
var headerImages = [];
var disableImageLinks;

function showHeader (elm, elmIdx) {

	var fadeDuration = 0;

	if (disableImageLinks == true) {
	
	} else {
	
		if (elm.hasClass('active') || elm.attr('rel') == '') {
		
			// DO NOTHING
		
		} else {
		
			disableImageLinks = true;

			var preloadElm = headerImages[elmIdx][0];
			var targetElm = $('#HeaderImage img');

			$(preloadElm).load(function(){
				headerImages[elmIdx][2] = true;
				elm.addClass('active').siblings().removeClass('active').blur();
				targetElm.replaceWith($(this)).animate({'opacity' : 1},{ duration: fadeDuration, queue: false, easing: 'easeInSine', complete: function(){ disableImageLinks = false; }}).parent().parent().removeClass('load');
			});
			
			targetElm.animate(
				{'opacity' : 0},
				{ duration: fadeDuration, queue: false, easing: 'easeOutSine', complete: function(){
					if (headerImages[elmIdx][2] != true) {
						$(preloadElm).attr({'src' : headerImages[elmIdx][1]});
					} else {
						elm.addClass('active').siblings().removeClass('active').blur();
						$(this).replaceWith($(preloadElm)).animate({'opacity' : 1},{ duration: fadeDuration, queue: true, easing: 'easeInSine', complete: function(){ disableImageLinks = false; }}).parent().parent().removeClass('load');					
					};
				}}
			);
		}
	}
};

function nextHeaderImage()
{
	var total = $('#ImageNav a').size();
	var current = -1;
	$('#ImageNav a').each(function(i) {
		if ($(this).hasClass("active")) current = i;
	});
	next_image = current + 1;
	if (next_image > total - 1) {
		next_image = 0;
	}
	showHeader($("#ImageNav a:eq(" + next_image + ")"), next_image);
	//clearInterval(timer);
}

function prepHeader () {
	
	if ($('#ImageNav a').size() > 1 ) {
		$('#ImageNav a').each(function(i) {
			var imgObj = $('<img>');
			var imgSrc = $(this).attr('rel');
			headerImages[i] = [imgObj, imgSrc, false];
			$(this).click(function(){
				showHeader($(this), i);
				return false;
			});
		});
		
		$('#ImageNav a:first').addClass('active');
		timer = setInterval("nextHeaderImage()", 10000);
	}
}

function setNav(activeElm) {
	
	if(activeElm != '') {
		
		var targetElm = $('li.' + activeElm);
		
		targetElm.each( function(i) {
			var currentItem = $(targetElm[i]);
			currentItem.addClass('active')
				.find('a:first')
					.addClass('active').end()
				.parents('li').each(
					function(){
					var elmID = $(this).attr('class');
					$(this).addClass('active').find('a:first').addClass('active');
					}
				);
				
		})
		
		$('li.active').find('a:has(img)').each( function(i){
			var imgElm = $('img', this);
			var oldSrc = imgElm.attr('src');
			var stringLength = oldSrc.length;
			var endIndex = stringLength - 4;
			var newSrc = oldSrc.substring(0, endIndex) + '_on' + oldSrc.substring(endIndex, stringLength);
			
			imgElm.attr('src', newSrc);
			
		});
	}
}

var currentPane = 1;

function initProductSlider () {
	
	if ($('#slideWrapper').length > 0 ) {

		// set wrapper width if element is present
		$('#slideWrapper').css({"width": ($('div.productItem','#productSlider').length * 90 + 'px')});
		
		var numPanes = Math.ceil($('#slideWrapper').width() / $('.productWrapper').width());
		
		var scroll_to_pane = Math.ceil(current_product_num / 5);
		var left_pos = (scroll_to_pane - 1) * (90 * 5);
		$("#slideWrapper").css("left", "-" + left_pos + "px");
		
		currentPane = scroll_to_pane;
		
		$("#leftScroll").click(function() {
			if ($(this).hasClass('inActive')) return;
			scrollProducts("left");
		}).hover(function () {
			$(this).addClass("hover");
		}, function () {
			$(this).removeClass("hover");
		});
		$("#rightScroll").click(function() {
			if ($(this).hasClass('inActive')) return;
			scrollProducts("right");
		}).hover(function () {
			$(this).addClass("hover");
		}, function () {
			$(this).removeClass("hover");
		});
		
		if (currentPane == 1) $("#leftScroll").addClass("inActive");
		if (currentPane == numPanes) $("#rightScroll").addClass('inActive');
		
	}
}

function scrollProducts (direction) {

	var wrapperWidth = $('.productWrapper').width();
	var slideWrapper = $('#slideWrapper');
	var numPanes = Math.ceil($('#slideWrapper').width() / $('.productWrapper').width());
	var targetX = 0;
	
	if ( direction == "left" ) {
		
		if (currentPane > 1 ) {
			currentPane -= 1;
			targetX = "+=" + wrapperWidth + "px";
		} else { targetX = "+=0px" }
	}
	
	else if ( direction == "right" ) {
		
		if (currentPane < numPanes) {
			currentPane += 1;
			targetX = "-=" + wrapperWidth + "px";
		} else {  targetX = "-=0px" }
	}
	
	slideWrapper.animate({
		"left": targetX
		}, 1250, 'easeOutQuad', function(){
			
			// ENABLE OR DISABLE BUTTONS
			if (currentPane == 1) {
				$("#leftScroll").addClass('inActive');
				$("#rightScroll").removeClass('inActive');
			} else if (currentPane > 1 && currentPane < numPanes) {
				$("#rightScroll, #leftScroll").removeClass('inActive');
			} if (currentPane == numPanes) {
				$("#leftScroll").removeClass('inActive');
				$("#rightScroll").addClass('inActive');
			}
			
		}, "", true );
	
	return false;
	
	
}
	
    
function clearcontents(field,content)
{
	if (field.value == content)
	{
		field.value = "";
	}
}

$(document).ready(function(){
	prepHeader();
});