$(document).ready(function() {
        $(document).pngFix();
	    //$('ul.sf-menu').superfish();
    	
	    // alpha colour background changer
	    $('.productColours .doHover').hover(function() {

		    $(this).addClass('hover');
	    },function(){
		    $(this).removeClass('hover');
	    });
	    
	    $('.productColours .colourTrio').hover(function() {
	        $('#defaultColourPalette').html(this.title);
	    },function(){
		    $(this).removeClass('hover');
	    });
	    
	    
	    $('.colourTrios .colourTrioItem').click(function() {


	            var paletteName = $(this)[0].title;
	            $('.selected').removeClass('selected'); 
		        $(this).addClass('selected');
	            $.ajax({
                   type: "POST",
                   url: "/admin/json/GetProductPalette.aspx",
                   data: "id_Product=" + $(this)[0].attributes['ProductId'].nodeValue + "&id_Palette=" + $(this)[0].attributes['PaletteId'].nodeValue,
                   success: function(msg){
                     
                     if(msg!="")
                     {
                        if($('.CurrentProduct').length>0)
                        {
                            $('.CurrentProduct')[0].src = "/resourcelib/" + msg;
                            $('#defaultColourPalette')[0].innerHTML = paletteName;
                        }
                     }
                   }
                 });
            
	    });
	    
	    if($('.colourTrios .colourTrioItem .selected').length==0)
	     {
	       if($('.colourTrios .colourTrioItem').length>0)
	       {
 	            $('.colourTrios .colourTrioItem')[0].className = 'colourTrioItem selected';
 	            var data = "id_Product=" + $('.colourTrios .colourTrioItem')[0].attributes['ProductId'].nodeValue ;
 	            
 	            if(querySt("id_Palette")!="")
 	            {
 	                data = data + "&id_Palette=" + querySt("id_Palette")
 	            }
 	            
 	             
 	              if(querySt("id_Palette")!="" && querySt("id_Palette")!="0")
	              {
 	                 $.ajax({
                       type: "POST",
                       url: "/admin/json/GetProductPalette.aspx",
                       data: data,
                       success: function(msg){
                         
                         if(msg!="")
                         {
                            if($('.CurrentProduct').length>0)
                            {
                                $('.CurrentProduct')[0].src = "/resourcelib/" + msg;
                                $('.selected').removeClass('selected'); 
                                $('#id_PaletteId_' + querySt("id_Palette")).addClass('selected');
                                $('#defaultColourPalette')[0].innerHTML = $('#id_PaletteId_' + querySt("id_Palette"))[0].title;
                            }
                         }
                       }
                     });
                  }
 	       }
	     }	
	    
	     $('.productColours .doHover').click(function() {
	        
	        	        
	        
	        $('.selected').removeClass('selected');
		    $(this).addClass('selected');
		    $(this).parent().next().next().css("background-color",$(this).css("background-color"));
		    $(this).parent().next().html($(this).html());
		    
		    
		        $.ajax({
                   type: "POST",
                   url: "/admin/json/GetProductPalette.aspx",
                   data: "id_Product=" + $(this)[0].attributes['ProductId'].nodeValue + "&id_Palette=" + $(this)[0].attributes['PaletteId'].nodeValue,
                   success: function(msg){
                     
                     if(msg!="")
                     {
                        if($('.CurrentProduct').length>0)
                        {
                            $('.CurrentProduct')[0].src = "/resourcelib/" + msg;
                        }
                     }
                   }
                 });

		    
	    });
	    
	    
	     if($('.productColours .doHover .selected').length==0)
	     {
	       if($('.productColours .doHover').length>0)
	       {
 	            $('.productColours .doHover')[0].className = 'doHover selected';
 	            
 	            
 	            if(querySt("id_Palette")!="" && querySt("id_Palette")!="0")
	            {
	                var data = "id_Product=" + $('.productColours .doHover')[0].attributes['ProductId'].nodeValue ;
	                
	                if(querySt("id_Palette")!="")
                    {
                        data = data + "&id_Palette=" + querySt("id_Palette")
                    }
 	            
 	                $.ajax({
                       type: "POST",
                       url: "/admin/json/GetProductPalette.aspx",
                       //data: "id_Product=" + querySt("ID") + "&id_Palette=" + $('.productColours .doHover')[0].attributes['PaletteId'].nodeValue,
                       data: data,
                       success: function(msg){
                         
                         if(msg!="")
                         {
                            if($('.CurrentProduct').length>0)
                            {
                                $('.CurrentProduct')[0].src = "/resourcelib/" + msg;
                                $('.selected').removeClass('selected');
                                $('#id_PaletteId_' + querySt("id_Palette")).addClass('selected');
                                
                                $('#colourPatch')[0].style.backgroundColor = $('#id_PaletteId_' + querySt("id_Palette"))[0].style.backgroundColor;
		                        $('#defaultColourPalette')[0].innerHTML =  $('#id_PaletteId_' + querySt("id_Palette"))[0].innerHTML;
                                
                            }
                         }
                       }
                     });
                  }
 	       }
	     }	   
	    
      });
      
      function querySt(ji) {
            hu = window.location.search.substring(1);
            gy = hu.split("&");
            for (i=0;i<gy.length;i++) {
                ft = gy[i].split("=");
                    if (ft[0] == ji) {
                    return ft[1];
                }
            }
            return "";
        }