﻿$(document).ready(function(){

    
    $.harborkWatermark($("#txtSearch"));
    
    $("#txtSearch").keydown(function(){
		    $("#gtbtnsearch").addClass('btnsearch');
		    $("#gtbtnsearch").hover(
				    function(){$(this).animate({opacity: 0}, 500);},
				    function(){$(this).animate({opacity: 1.0}, 500);}
		    );
	    });
			
			
    $("#searchmenul>li").click(function(){
        $(this).siblings().removeClass('active');
        $(this).addClass('active');
        $("#txtSearchType").val($(this).attr('stype'));
        if($(this).attr('stype') == "product"){
           $("#searchcat,#searchprodcats").show(); 
           $("#nosearchcat,#searchstampcats").hide();
           $("#txtSearchSubType").val("all");
           $("#searchcat>strong:eq(0)").html("All Categories");
           $("#searchprodcats>li").removeClass('active');
           $("#searchprodcats>li:first").addClass('active');
        }else if($(this).attr('stype') == "stamp"){
           $("#txtSearchSubType").val("all");
           $("#searchstampcats>li").removeClass('active');
           $("#searchstampcats>li:first").addClass('active');
           $("#searchcat>strong:eq(0)").html("All Categories");
           $("#searchcat,#searchstampcats").show(); 
           $("#nosearchcat,#searchprodcats").hide();
        }else{
            if($(this).attr('stype') == "coupon"){
                $("#txtSearchSubType").val("coupon");
            }
            $("#searchcat").hide();
            $("#nosearchcat").show();
        }
    });
    
    $("#searchcat").click(function(){
        $("#searchsubcat").toggle(100); 
	}); 
    
    $("#searchstampcats>li,#searchprodcats>li").click(function(){
        $(this).siblings().removeClass('active');
        $(this).addClass('active');
        $("#txtSearchSubType").val($(this).attr('stype'));
        $("#searchcat>strong:eq(0)").html($(this).text());
    });
    
    
    $.gtAutoSubmit($("#txtSearch"),$("#gtbtnsearch"));
    
    
    $("#gtbtnsearch").click(function(){
        if($("#txtSearch").val() == ""){
            alert('Please input your keyword to search');
            return false;
        }
        $('form')[0].submit();
        return false;
    });
    
    $("li[stype='" + searchTab + "']").trigger('click');
});

