// JavaScript Document

$(document).ready(function() {
   
		$("#hooks .hook ").hover(function(){ 
			   var thisHeight = $(this).children(".overlay").height();
			   var thisPadTop = parseInt($(this).children(".overlay").css('padding-top'));
			   var currTop = parseInt($(this).children(".overlay").css('top'));
			   var thisPadBot = parseInt($(this).children(".overlay").css('padding-bottom'));
			   
			   var totHeight = thisHeight+thisPadTop+thisPadBot;
			   
			   var newTop = currTop-totHeight
			   if ($(this).children(".overlay").position().top==126) {
					$(this).children(".overlay").animate({'top' : newTop});
			   }
			   
		},function(){ 
			   var thisHeight = 0;
			   var thisPadTop = 0;
			   var thisPadBot = 0;
				
			   $(this).children(".overlay").animate({'top' : 126});
		});

		// Home global content links
		$('.hook a').click(function(e){
			//e.preventDefault();
			var href = $(this).attr('href');
			$('#prod_type a').each(function(){
				if($(this).attr('href') == href){
					 $(this).addClass('active');
				}
			});
		});
		
		//////////////////////////////////////////////////////////////////////
		
		$('#mainCont .header form.topSearch input.field').clearType();
		
		/////////////////////////////////////////////////////////////////////


		var numberOfSlides = $('ul.slides li').length;
		var slidewidth = $('ul.slides li').width();
		var slideContWidth = numberOfSlides*slidewidth;
		var lessThanViewPort = slideContWidth-slidewidth;
		
		$('#slider ul.slides').css('width',slideContWidth);
		
		var numberOfDots = $('ul.nav li').length;
		var dotWidth = $('ul.nav li').width();
		var dotMarg = parseInt($('ul.nav li').css('margin-right'));
		var dotContWidth = numberOfDots*(dotWidth+dotMarg);
		$('#slider ul.nav').css('width',dotContWidth);

		setInterval(function() { moveSlider(slidewidth, slideContWidth, lessThanViewPort) } ,12000);
		
		$('ul.nav li a').click(function(){
		    
			$('ul.nav li a').removeClass('active');
			$(this).addClass('active');
						
			var thisDotId = $(this).attr('id');
				thisDotId = thisDotId.replace('dot', "");
				thisDotPos = thisDotId-1
				$("#slider ul.slides").animate({
							'margin-left': 	thisDotPos*(slidewidth*-1)							  
				},1000)
			
			return false;
		});
		
		$('#slider a.left').click(function(){
				
				var leftVal = $('ul.slides').css('margin-left');
				leftVal = parseInt(leftVal);
				leftVal = (leftVal*-1); 
				if (!$("#slider ul.slides").is(':animated')) {
					if (leftVal>0){
						$('ul.nav li a.active').removeClass('active').parent().prev('li').children('a').addClass('active');
						$("#slider ul.slides").animate({
								'margin-left': '+='+slidewidth								  
						},1000)	
					}
				}
				return false;
		});
		
		$('#slider a.right').click(function(){
				
				var leftVal = $('ul.slides').css('margin-left');
				leftVal = parseInt(leftVal);
				leftVal = (leftVal*-1); 
				
				if (!$("#slider ul.slides").is(':animated')) {
					if (leftVal<lessThanViewPort){
						$('ul.nav li a.active').removeClass('active').parent().next('li').children('a').addClass('active');
						$("#slider ul.slides").animate({
								'margin-left': '-='+slidewidth								  
						},1000)	
					}
				}
				return false;
			
		});
		
		
// LIGHT BOX //////////////////////
/*$(".lightBox-Newsletter").click(function(e){
	alert('testing');
	e.preventDefault();
});*/

$(".lightBox-Newsletter").colorbox({iframe:true, innerWidth:600, innerHeight:350, opacity:0.75, scrolling:false});
$(".lightBox-NewsletterFoot").colorbox({iframe:true, innerWidth:600, innerHeight:350, opacity:0.75, scrolling:false});
$("#main-img").colorbox({inline:true, opacity:0.75, href:".mainImg"});	

	//bind event handlers to the li
	//$('.miniPics img').click(switchPicture);
	
	function switchPicture(e){	
		var imgSrc;
		//get target src
		imgSrc = e.target.src;
			
		//set main image as its own background
		$('.prodImg img')[0].style.background = 'url(' + $('#main-img')[0].src + ') top left no-repeat'; 
		
		//Change main image opacity to zero
		$('#main-img')[0].style.opacity = 0;
		
		//Replace main image with target
		$('#main-img')[0].src = imgSrc;
		
		//fade new main image into view
		$('#main-img').animate({opacity: 1}, 500);
	}


});
		
		
		
		
function moveSlider(slidewidth, slideContWidth, lessThanViewPort){
	
	var leftVal = $('ul.slides').css('margin-left');
		leftVal = parseInt(leftVal);
		leftVal = (leftVal*-1); 
	
	if (leftVal<lessThanViewPort){
		$('ul.nav li a.active').removeClass('active').parent().next('li').children('a').addClass('active');
		$("#slider ul.slides").animate({
				'margin-left': '-='+slidewidth								  
		},1000)
	}else{
		$('ul.nav li a.active').removeClass('active');
		$('ul.nav li:first a').addClass('active');
		$("#slider ul.slides").animate({
				'margin-left': '0'								  
		},500)
	}
	
}
		
		
$.fn.clearType = function () {
	var thisVal = $(this).val();
	$(this).focus(function() {
		if($(this).val()==thisVal){
			$(this).val('');
		}
	});
	$(this).blur(function() {
		if($(this).val()==''){
			$(this).val(thisVal);
		}					  
	});
	
};