$(document).ready(function(){

    $("#view_holder_bottom").html($("#view_holder").html());
    
    var templateType = $.cookie("CategoryTemplateId");
    templateType = templateType == 3 ? "grid" : (templateType == 5 ? "line" : "grid");
    
    var changeTemplate = function(type){
		  var typeInt = 3;
		  
		  $(".product-in-details").hide();
		  $(".product-grid").hide();
		  $(".product-list1").hide();
		  
		  switch(type)
		  {
		    case "grid":
		         
		         $(".product-grid").show();
		        var grid = $(".product-grid");
                if(grid.width() != null)
                {
                    var temp = Math.round(grid.width()/224)
                    $(".product-grid > .product-item").width(Math.floor((grid.width()-5 - temp)/temp))
                }  
		        typeInt = 3; 
		    break;
		    case "line":
		         $(".product-list1").show();
	              typeInt = 5;
		    break;
		    case "detail":
		         $(".product-in-details").show();  
		         typeInt = 6;
		    break;
		  }

		  $(".view-cate > ." + templateType).attr("class", type); 
	 
		  templateType = type;

		   $.cookie('CategoryTemplateId', typeInt, {expires: 10});
	   }; 
    
    $(".hplDetail").click(function(e){
        changeTemplate("detail");
    });
    
    $(".hplGrid").click(function(e){
        changeTemplate("grid");
    });
    
    $(".hplLine").click(function(e){
        changeTemplate("line");
    });
    
});