// JavaScript Document
$(document).ready(function() {
   /* var usps = new Array(5);
    usps[0] = "WEEKLY SPECIALS";
    usps[1] = "FREE SAMPLES";
    usps[2] = "REWARDS POINTS";
    usps[3] = "PRICE MATCHING";
    usps[4] = "FREE U.S. SHIPPING. PERIOD.";

    var uspsurl = new Array(5);
    uspsurl[0] = "/specials/";
    uspsurl[1] = "/customerservice/freesamples.asp";
    uspsurl[2] = "/customerservice/rewardspoints.asp";
    uspsurl[3] = "/customerservice/pricematching.asp";
    uspsurl[4] = "/customerservice/freeshipping.asp";

    var i = 0;

    $('.usps span').everyTime(4000, function() {
        $(this).text(usps[i]);
        $('.usps a').each(function() {
            $(this).attr({ 'href': uspsurl[i], 'title': usps[i] });
        });
        i++;
        if (i >= 5) {
            i = 0;
        }
    });

*/
    function showSearchPanel() {
        $('span.search-area').css({ 'background-image': 'url(/images/common/search-btn-over.gif)', 'background-repeat': 'no-repeat' });
        $('#search-dropdown').css({ 'top': '35px' });
        $('ul#search-dropdown').show();
    }
    function hideSearchPanel() {
        $('span.search-area').css({ 'background-image': 'none' });
        $('#search-dropdown').css({ 'top': '-999px' });
        $('ul#search-dropdown').hide();
    }

    $('#SEARCH').keyup
			(
				function() {
				    if (document.getElementById('frmSearch').SEARCH.value.replace(/^\s+/, '') != '') {
				        showSearchPanel();
				    }
				    else {
				        hideSearchPanel();
				    }
				}
			);


    $('#nav-two li').hover
			(
				function() {
				    if (document.getElementById('frmSearch').SEARCH.value != '' && document.getElementById('frmSearch').SEARCH.value != 'Search 1000\'s of Products') {
				        showSearchPanel();
				    }
				},
				function() {
				    hideSearchPanel();
				}
			);


    $("#nav-one li").hover
			(
				function() { $("ul", this).show(); },
				function() { $("ul", this).hide(); }
			);
    $("#utility-links li").hover
			(
				function() { $("ul#hide", this).show(); },
				function() { $("ul#hide", this).hide(); }
			);
    $.fn.hoverClass = function(c) {
        return this.each(function() {
            $(this).hover(
					function() { $(this).addClass(c); },
					function() { $(this).removeClass(c); }
				);
        });
    }
    if (document.all) {
        $("#nav-one li").hoverClass("sfHover");
        $("#utility-links li").hoverClass("sfHover");
    }
    // -------- Large Tab Panels -------- 
    // ---------------------------------- 
    $('.tab-panel-panel').hide();
    $('#panel1').show();
    $('#tab1').addClass('selected');
    $('#tab1 span').addClass('selected-color');

    $('#tab1').click(function() {
        $('.tab-panel-panel').hide();
        $('#panel1').show();
        $('.tab-panel-tab').removeClass('selected');
        $('.tab-panel-tab span').removeClass('selected-color');
        $(this).addClass('selected');
        $('#tab1 span').addClass('selected-color');
    });
    $('#readMore').click(function() {
        $('.tab-panel-panel').hide();
        $('#panel1').show();
        $('.tab-panel-tab').removeClass('selected');
        $('.tab-panel-tab span').removeClass('selected-color');
        $('#tab1').addClass('selected');
        $('#tab1 span').addClass('selected-color');
    });
    $('#tab2').click(function() {
        $('.tab-panel-panel').hide();
        $('#panel2').show();
        $('.tab-panel-tab').removeClass('selected');
        $('.tab-panel-tab span').removeClass('selected-color');
        $(this).addClass('selected');
        $('#tab2 span').addClass('selected-color');
    });
    $('#reviewLink').click(function() {
        $('.tab-panel-panel').hide();
        $('#panel2').show();
        $('.tab-panel-tab').removeClass('selected');
        $('.tab-panel-tab span').removeClass('selected-color');
        $('#tab2').addClass('selected');
        $('#tab2 span').addClass('selected-color');
    });
	$('#readReviewLink').click(function() {
        $('.tab-panel-panel').hide();
        $('#panel2').show();
        $('.tab-panel-tab').removeClass('selected');
        $('.tab-panel-tab span').removeClass('selected-color');
        $('#tab2').addClass('selected');
        $('#tab2 span').addClass('selected-color');
    });

    $('#tab3').click(function() {
        $('.tab-panel-panel').hide();
        $('#panel3').show();
        $('.tab-panel-tab').removeClass('selected');
        $('.tab-panel-tab span').removeClass('selected-color');
        $(this).addClass('selected');
        $('#tab3 span').addClass('selected-color');
    });
    $('#tab4').click(function() {
        $('.tab-panel-panel').hide();
        $('#panel4').show();
        $('.tab-panel-tab').removeClass('selected');
        $('.tab-panel-tab span').removeClass('selected-color');
        $(this).addClass('selected');
        $('#tab4 span').addClass('selected-color');
    });
    $('#tab5').click(function() {
        $('.tab-panel-panel').hide();
        $('#panel5').show();
        $('.tab-panel-tab').removeClass('selected');
        $('.tab-panel-tab span').removeClass('selected-color');
        $(this).addClass('selected');
        $('#tab5 span').addClass('selected-color');
    });

    // -------- Small Tab Small -------- 
    // ---------------------------------- 
    $('.sm-tab-panel-panel').hide();
    $('#sm-tab1').removeClass('sm-tab-panel-tab');
    $('#sm-panel1').show();
    $('#sm-tab1').addClass('sm-selected');
    $('#sm-tab1 span').addClass('sm-selected-color');

    $('#sm-tab1').click(function() {
        $('.sm-tab-panel-panel').hide();
        $('#sm-panel1').show();
        $('.sm-tab-panel-tab').removeClass('sm-selected');
        $('#sm-tab1').addClass('sm-tab-panel-tab');
        $('#sm-tab2').addClass('sm-tab-panel-tab');
        $(this).removeClass('sm-tab-panel-tab');
        $('.sm-tab-panel-tab span').removeClass('sm-selected-color');
        $(this).addClass('sm-selected');
        $('#sm-tab1 span').addClass('sm-selected-color');
    });
    $('#sm-tab2').click(function() {
        $('.sm-tab-panel-panel').hide();
        $('#sm-panel2').show();
        $('.sm-tab-panel-tab').removeClass('sm-selected');
        $('#sm-tab1').addClass('sm-tab-panel-tab');
        $('#sm-tab2').addClass('sm-tab-panel-tab');
        $(this).removeClass('sm-tab-panel-tab');
        $('.sm-tab-panel-tab span').removeClass('sm-selected-color');
        $(this).addClass('sm-selected');
        $('#sm-tab2 span').addClass('sm-selected-color');
    });
});