/**
 * @author BSH
 */

/* -----------------------------  Image Swap function ----------------------------------------- 
 * assumes that an image is inside of a link for example
 * <a href=""><img src="someimage.gif" /></a>
 * 
 * DOES NOT WORK FOR INPUTS USE swapImagesInput
 */

function swapImages(btnName,imgName,imgType){
	var imgNorm = "/assets/images/" + imgName + "."+imgType;
	var imgOver = "/assets/images/" + imgName + "_over." + imgType; 
	
	$(btnName).hover(
			function() { $(this).find('img').attr({src:imgOver});},
			function() { $(this).find('img').attr({src:imgNorm});});
}

/* -----------------------------  Image Swap for Inputs function ----------------------------------------- */

function swapImagesInput(btnName,imgName,imgType){
	var imgNorm = "/assets/images/" + imgName + "."+imgType;
	var imgOver = "/assets/images/" + imgName + "_over." + imgType;
	
	$(btnName).hover(
			function() { $(this).attr({src:imgOver});},
			function() { $(this).attr({src:imgNorm});});
}




$(document).ready(function(){
	$.preloadCssImages();
	
/* ------------------------------   Drop Down Stuff ------------------------ */
	$('#menuBottom ul#mainMenu li#menu1').hover(
			function() { $('div.menuDrop', this).css('display', 'block');
						$('img.menuBtn', this).attr({src:'/assets/images/btn_products_over.gif'});
			},
			function() { $('div.menuDrop', this).css('display', 'none'); 
						$('img.menuBtn', this).attr({src:'/assets/images/btn_products.gif'});
			});
			
			$('#menuBottom ul#mainMenu li#menu2').hover(
			function() { $('div.menuDrop', this).css('display', 'block');
						$('img.menuBtn', this).attr({src:'/assets/images/btn_collections_over.gif'});
			},
			function() { $('div.menuDrop', this).css('display', 'none'); 
						$('img.menuBtn', this).attr({src:'/assets/images/btn_collections.gif'});
			});
			
			$('#menuBottom ul#mainMenu li#menu3').hover(
			function() { $('div.menuDrop', this).css('display', 'block');
						$('img.menuBtn', this).attr({src:'/assets/images/btn_purchase_over.gif'});
			},
			function() { $('div.menuDrop', this).css('display', 'none'); 
						$('img.menuBtn', this).attr({src:'/assets/images/btn_purchase.gif'});
			});
	
/* -----------------------------   Search Stuff  ---------------------------- */
	$('#searchFieldContainer input.searchField').focus(
		    function(){
		        var curr = $(this).val();
		        if(curr == 'Keyword or Prod#'){
		            $(this).val('');
		        }
		    }
		);
		
		$('#searchFieldContainer input.searchField').blur(
		    function(){
		        var curr = $(this).val();
		        if(curr == ''){
		            $(this).val('Keyword or Prod#');
		        }
		    }
		);
		
		swapImagesInput("input.searchButton","searchBtn","gif");
			
		
/* -----------------------------   login & reg rollover  ---------------------------- */
			
	swapImages('#userShowLogin a','Btn_LoginRegister','gif');
	
	swapImagesInput("input.loginFormBtn","btn_login","gif");
	swapImagesInput("input.regFormBtn","btn_register","gif");
	swapImagesInput("input.profileBtn","btn_headerProfile","gif");
	swapImagesInput("input.logoutBtn","btn_headerLogout","gif");
	swapImagesInput("input.registerBtn","btn_headerRegNow","gif");		
		
	
/* -----------------------------   Search Results  ---------------------------- */
	
	swapImagesInput(".refineSubmit input","btn_refineSearch","gif");
	
	$('.searchResults .productBoxInner').hover(
			function() { $(this).css('cursor','pointer');},
			function() { $(this).css('cursor','default');});
	
	$('.searchResults .productBoxInner').click(
			function(){ 
				var prodTarg = $(this).children('.productInfo').children('a.learnMore').attr('href');
				document.location = prodTarg;
			});
	
/* -----------------------------   locator button rollovers  ---------------------------- */
	
	swapImagesInput(".colSearchBox .searchBtn input","btn_SearchText","gif");		

/* -----------------------------   display product images  ---------------------------- */			
	$('div.detailLeft div.largeImage').each(function (i){
		var currID = $(this).attr('id');
		var imgSRC = $(this).find('img.mainProdImg').attr('src');
		$('div.detailLeft ul.prodImages').append('<li><a href="#' + currID + '"><img src="' + imgSRC + '" /></a></li>');
	});

/* -----------------------------   display swatch thumbs  ---------------------------- */	
	$('ul.prodColors li').each(function (j){
		var swtchSRC = $(this).find('img').attr('src');
		$(this).find('div.swatchDetail img').attr({src:swtchSRC});
		$(this).hover(
			function() { $('div.swatchDetail', this).css('display', 'block');},
			function() { $('div.swatchDetail', this).css('display', 'none');});
	});
	
/*------------------------------- product page image swap -----------------------------*/
			
	swapImages('.productDetail .userBtns a.addWish','btn_addWishList','gif');
	swapImages('.productDetail .userBtns a.addOwned','btn_addOwnedList','gif');
	swapImages('.productDetail .userBtns a.removeWish','btn_removeWishList','gif');
	swapImages('.productDetail .userBtns a.removeOwned','btn_removeOwnedList','gif');
			
			
/* -----------------------------   lists pages image swap  ---------------------------- */
			
	swapImages('.listsPage #rightCol .userBtns .btnLeft','btn_printList','gif');
	swapImages('.listsPage #rightCol .userBtns .btnRight','btn_emailList','gif');		
	swapImages('#rightCol .profileDetails a.viewAllBtn','btn_viewAll','gif');
	swapImages('#rightCol .profileDetails a.viewEditBtn','btn_viewEdit','gif');
	
/* -----------------------------   profile stuff  ---------------------------- */
	
	swapImagesInput(".myProfile .updateBtn","btn_update","gif");

// -------------- change register boxes on focus ------------//
	$('input.regFirst').focus(
	    function(){
	        var curr = $(this).val();
	        if(curr == 'first name'){
	            $(this).val('');
	        }
	    }
	);
	
	$('input.regFirst').blur(
	    function(){
	        var curr = $(this).val();
	        if(curr == ''){
	            $(this).val('first name');
	        }
	    }
	);
	
	$('input.regLast').focus(
	    function(){
	        var curr = $(this).val();
	        if(curr == 'last name'){
	            $(this).val('');
	        }
	    }
	);
	
	$('input.regLast').blur(
	    function(){
	        var curr = $(this).val();
	        if(curr == ''){
	            $(this).val('last name');
	        }
	    }
	);
	
	$('input.regEml').focus(
	    function(){
	        var curr = $(this).val();
	        if(curr == 'email address'){
	            $(this).val('');
	        }
	    }
	);
	
	$('input.regEml').blur(
	    function(){
	        var curr = $(this).val();
	        if(curr == ''){
	            $(this).val('email address');
	        }
	    }
	);
	
	$('input.regZip').focus(
	    function(){
	        var curr = $(this).val();
	        if(curr == 'zip code'){
	            $(this).val('');
	        }
	    }
	);
	
	$('input.regZip').blur(
	    function(){
	        var curr = $(this).val();
	        if(curr == ''){
	            $(this).val('zip code');
	        }
	    }
	);
	
	$('.loginEmailInput').focus(
	    function(){
	        if($(this).val() == "email address"){
	            $(this).val('');
	        }
	    }
	);
	
	$('.loginEmailInput').blur(
	    function(){
	        if($(this).val() == ""){
	            $(this).val('email address');
	        }
	    }
	);
	
	$('.loginPasswordText').css('display','block');
	$('.loginPasswordInput').css('display','none');
	
	$('.loginPasswordText').focus(
	    function(){
	        if($(this).val() == "password"){
	            $(this).hide();
	            $('.loginPasswordInput').show();
	            $('.loginPasswordInput').val('');
	            $('.loginPasswordInput').focus();
	        }
	    }
	);
	
	$('.loginPasswordInput').blur(
	    function(){
	        if($(this).val() == ""){
	            $(this).hide();
	            $('.loginPasswordText').show();
	        }
	    }
	);

/* -----------------------------   dealer rollovers  ---------------------------- */
			
	swapImages('.locationsList a.makeFavorite','btn_makeFavorite','gif');
	swapImages('.locationsList a.removeDealer','btn_removeX','gif');
	swapImages('.locationTop a.addDealer','btn_addDealer','gif');
	
/* ----------------------------   warranty registration   ---------------------------- */
	
	swapImages('.warRegTable .warRegStartBtn','warranty/btn_warReg_begin','gif');
	
/* -----------------------------   End of Document Ready  ---------------------------- */
});
/* -----------------------------   End of Document Ready  ---------------------------- */





/* -----------------------------   Product Detail Tabs and prod images ---------------------------- */

$(function () {
    var tabContainers = $('div#prodDetailContent > div');
    
    $('div#prodTabs a').click(function () {
        tabContainers.addClass('displayNone').filter(this.hash).removeClass('displayNone');
        $('div#prodTabs a').removeClass('selectedTab');
        $(this).addClass('selectedTab');
        
        return false;
    }).filter(':first').click();
});

$(function () {
    var imageList = $('div.detailLeft > div.largeImage');
    
    $('div.detailLeft ul.prodImages li a').click(function () {
        imageList.hide().filter(this.hash).show();
        $('div.detailLeft ul.prodImages li a').removeClass('selectedImg');
        $(this).addClass('selectedImg');
        return false;
    }).filter(':first').click();
});


/* -----------------------------   Profile Tabs ---------------------------- */

$(function () {
    var tabContainers = $('div#profileContent > div');
    
    $('div#profileTabs a').click(function () {
        tabContainers.addClass('displayNone').filter(this.hash).removeClass('displayNone');
        $('div#profileTabs a').removeClass('selectedTab');
        $(this).addClass('selectedTab');
        
        return false;
    }).filter(':first').click();
});