$(document).ready(function() {
      jQuery.preLoadImages("images/sidebarimages/price1-selected.png", "images/sidebarimages/price1-hover.png", 
                           "images/sidebarimages/price2-selected.png", "images/sidebarimages/price2-hover.png", 
                           "images/sidebarimages/price3-selected.png", "images/sidebarimages/price3-hover.png", 
                           "images/sidebarimages/color1-selected.png", "images/sidebarimages/color1-hover.png", 
                           "images/sidebarimages/color2-selected.png", "images/sidebarimages/color2-hover.png", 
                           "images/sidebarimages/color3-selected.png", "images/sidebarimages/color3-hover.png", 
                           "images/sidebarimages/size1-selected.png", "images/sidebarimages/size1-hover.png", 
                           "images/sidebarimages/size2-selected.png", "images/sidebarimages/size2-hover.png", 
                           "images/sidebarimages/size3-selected.png", "images/sidebarimages/size3-hover.png", 
                           "images/sidebarimages/texture1-selected.png", "images/sidebarimages/texture1-hover.png", 
                           "images/sidebarimages/texture2-selected.png", "images/sidebarimages/texture2-hover.png",
                           "images/sidebarimages/cross.png"
                           );
     
		
		var var_SFVID =$.query.get('SFVID');

		if(var_SFVID != "")
		{
			var i = 0;
			var var_s ; 

				if(var_SFVID.length ==undefined) 
				{	
					selectItem_Custom('#'+var_SFVID,i);
				
				}			
				else
				{
					if((var_SFVID.match('||')))
					{
						
						var_s = var_SFVID.split('||');
						for (i=0;i<var_s.length;i++) 
							{
								var var_t = var_s[i];							
								selectItem_Custom('#'+var_t,i);
							}
					}
				}
		}
		$(".side li a").mouseover(overItem_Custom);
	   $(".side li ").mouseleave(leaveItem_Custom);


    });
    
	function HideCross()
	{
		if ($(".side li a").parent().hasClass("selected"))
		{
			$(".side li a").next("img").hide();
		}
	}
    //*********************************
    function leaveItem(event){      
    //  $('#cross').remove();
    }

    //*********************************
	 function leaveItem_Custom(event){     
      
      if ($(this).hasClass("selected"))
	  {       
		$(this).children('#cross').hide();        
      }
    }
     function overItem_Custom(event){      
      
      if ($(this).parent().hasClass("selected")){        
        
		$(this).next('#cross').show();
		
		$(this).next('#cross').removeAttr("style");

      }
    }
	function selectItem_Custom(a,k){   
	    
	   
	    if(a=="73,80,81,82,83" ||a=="#73,80,81,82,83")
        {
            $('#5').parent("li").addClass("selected");
            $('#5').parent().append("<a id='cross' style='display:none;' class="+a+" href=javascript:ClearSF(SFID["+k+"]); >X</a>");
        }  
        else if(a=="5,6,71,72,75,76,84,85" ||a=="#5,6,71,72,75,76,84,85")
        {
            $('#6').parent("li").addClass("selected");
            $('#6').parent().append("<a id='cross' style='display:none;' class="+a+" href=javascript:ClearSF(SFID["+k+"]); >X</a>");
        }
        else if(a=="7,86,87"||a=="#7,86,87")
        {
            $('#7').parent("li").addClass("selected");
            $('#7').parent().append("<a id='cross' style='display:none;' class="+a+" href=javascript:ClearSF(SFID["+k+"]); >X</a>");
        }              
        else
        {
            $(a).parent("li").addClass("selected");
            $(a).parent().append("<a id='cross' style='display:none;' class="+a+" href=javascript:ClearSF(SFID["+k+"]); >X</a>");
        }
        $('#cross').click(deselectItem_Custom);   
	       
    }
    function deselectItem_Custom(a){      
      $(a).parent("li").removeClass("selected");      
      $(this).remove();
	  event.stopPropagation();
    }
    
	function overItem(event){     
      
      if ($(this).parent().hasClass("selected")){        
        $("#cross").click(deselectItem)                 
		}
    }
    function deselectItem(event){      
      $(this).parent("li").removeClass("selected")      
      event.stopPropagation()

    }
    
    function selectItem(event){      
      $(this).parent("li").addClass("selected")
      $(this).parent().append("<a id='cross' href='#'>X</a>")
      $('#cross').click(deselectItem)   
	       
    }


    (function($) {
      var cache = [];
      // Arguments are image paths relative to the current page.
      $.preLoadImages = function() {
        var args_len = arguments.length;
        for (var i = args_len; i--;) {
          var cacheImage = document.createElement('img');
          cacheImage.src = arguments[i];
          cache.push(cacheImage);
        }
      }
    })(jQuery)