// JavaScript Document
$(document).ready(function() { 
	$("#Tabs div.tab_button").click ( function ()
		{
			$("#Tabs div.tab_button").removeClass ( "selectedTab" );
			$(this).addClass ( "selectedTab" );
			$(".tab_page").hide ();
			$(".tab_page." + this.id).show ();
		}
	);

	$("#Tabs div.tab_button").hover (
		function ()
		{
			$(this).addClass ( "hoverTab" );
		},
		function ()
		{
			$(this).removeClass ( "hoverTab" );
		}
	);
	
	initHeaderCrossFade ();
	initProductSlider();
	
	
});

function setMenu(itemClass) {
	var targetLink = $('li.' + itemClass + ' > a');
	var parentElm = targetLink.parent();
	var ultimateParent = targetLink.parent().parent().parent();
	
	if (ultimateParent.hasClass('submenu')) {
		
		ultimateParent.addClass('current').children(' > a').addClass('current');
		targetLink.addClass('active').parent().parent().show();
		
	} else if (parentElm.hasClass('submenu')) {

		parentElm.addClass('current');
		targetLink.addClass('active').next('ul').show();
		
	} else {
		
		targetLink.addClass('active');
		
		}
	}
	
function showChildren (targetElm) {
		var topParent = targetElm.parent();
		var siblingElm = $('li.submenu > ul:visible');
		var childElm = $('ul:hidden', topParent);

		topParent.toggleClass('active');

		if(childElm.length > 0) {
			childElm.slideToggle(350,function(){

				});
			}

		if (siblingElm.length > 0) {
			siblingElm.slideToggle(250, function(){
				$(this).parent().removeClass('active');
				});
			}
			
			
		return false;
	}
	
function toggleDetail(elm) {
	
	var target = elm.prev('div.moreinfo');
	var closeMsg = 'hide extra »';
	var openMsg = 'read more »';
	var slideDelay = 250;
	
	var siblingElm = $('div.moreinfo:visible');
	
	if (target.is(':visible')) {
			target.slideToggle(slideDelay, function(){elm.removeClass('active').html(openMsg)}, 'easein');
		} else {
			target.slideToggle(slideDelay, '', 'easeout');
			elm.addClass('active').html(closeMsg);
			siblingElm.slideToggle().next('a.toggle').removeClass('active').html(openMsg);
		}
		
	return false;
	
	}
	
function MM_jumpMenu(targ,selObj,restore){ //v3.0
  eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
  if (restore) selObj.selectedIndex=0;
}

function clearcontents(field,content)
{
	if (field.value == content)
	{
		field.value = "";
	}
}

function refill(field,content)
{
	if (field.value == "")
	{
		field.value = content;
	}
}

function MM_openBrWindow(theURL,winName,features) { //v2.0
  window.open(theURL,winName,features);
}

var currentPane = 1;

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

		// set wrapper width if element is present
		$('#slideWrapper').css({"width": ($('div.item','#productSlider').length * 79 + 'px')});
		
		var numPanes = Math.ceil($('#slideWrapper').width() / $('.productWrapper').width());
		
		$("#leftScroll").click(function() { if ($(this).hasClass('inActive')) return; scrollProducts("left"); }).hover(function () { $(this).addClass("hover"); }, function () { $(this).removeClass("hover"); }).addClass('inActive');
		$("#rightScroll").click(function() { if ($(this).hasClass('inActive')) return; scrollProducts("right"); }).hover(function () { $(this).addClass("hover"); }, function () { $(this).removeClass("hover"); });
		
		if (currentPane == numPanes) { $("#leftScroll, #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
		}, 1000, "linear", 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');
			}
			
		}, "", false );
	
	return false;
	
	
}

function initHeaderCrossFade () {
	$('#fadeImages').cycle({
		delay: 2000,
		speed: 3000
	});
}