function showData(id){
  var html = $("#hover-content-" + id).html();
  $('#mojack-product-display').html(html);
}


$(document).ready(function() {
  
  
  //set up hand trucks as default carousel ul
  $("#product-quick-browse-bottom .infiniteCarousel .wrapper").html($("#data-mower-lifts-carousel").html());
  
  
  
  //set hand trucks as default clicked
   $("li.quick-browse-lifts").addClass("clicked");

  ////////////////////////////////////////////////////////////////
  ////////////////click action for each product///////////////////
  ////////////////////////////////////////////////////////////////
  //$("#product-quick-browse-bottom .infiniteCarousel .wrapper ul.hand-trucks-carousel li.one a").click(function() {
    //$("#mojack-product-display #product-display-left h3").html("PRODUCT TITLE");
   // $("#mojack-product-display #product-display-left p").html("PRODUCT DESCRIPTION");
   // $("#mojack-product-display #product-display-left .product-display-see-more-links a.see-this-product").attr("href", "http://google.com");
   // $("#mojack-product-display #product-display-left .product-display-see-more-links a.see-more-products").attr("href", "http://google.com");
   // $("#mojack-product-display #product-display-left .product-display-see-more-links a.see-more-products").html("See More THIS-TYPE Products »");
   // $("#mojack-product-display #product-display-right img").attr("src", "images/quick-browse-hand-trucks4.jpg");
    
   // return false;
  //});




  //set up hovers
  $("#quick-browse-nav li").hover (function() {
                    $(this).addClass('hovered');
  
          //hand trucks
          if ($("li.quick-browse-hand-trucks").hasClass("hovered")) {
            $("#product-quick-browse-top").css("background", "url(/images/home-slider-tabs-hand-trucks.jpg)");
          } else {
             $("li.quick-browse-hand-trucks").addClass('other-hovered');
          }
          
          //lifts
          if ($("li.quick-browse-lifts").hasClass("hovered")) {
            $("#product-quick-browse-top").css("background", "url(/images/home-slider-tabs-lifts.jpg)");
           } else {
             $("li.quick-browse-lifts").addClass('other-hovered');
          }
          
          //other products
          if ($("li.quick-browse-other-products").hasClass("hovered")) {
            $("#product-quick-browse-top").css("background", "url(/images/home-slider-tabs-other-products.jpg)");
           } else {
             $("li.quick-browse-other-products").addClass('other-hovered');
          }

          
          
                  },
              function(){
                    $(this).removeClass('hovered');
    
          if ($("li.quick-browse-hand-trucks").hasClass("clicked")) {
            $("#product-quick-browse-top").css("background", "url(/images/home-slider-tabs-hand-trucks.jpg)");
          };
          if ($("li.quick-browse-lifts").hasClass("clicked")) {
            $("#product-quick-browse-top").css("background", "url(/images/home-slider-tabs-lifts.jpg)");
          };
          if ($("li.quick-browse-other-products").hasClass("clicked")) {
            $("#product-quick-browse-top").css("background", "url(/images/home-slider-tabs-other-products.jpg)");
          };
    
                $('.other-hovered').removeClass('other-hovered');
    
                  }
          );
  
  
  //if($("li.quick-browse-hand-trucks").hasClass("clicked") && //$("li.quick-browse-hand-trucks").hasClass("hovered")) {
  
//}
  
  
  //set up clicks
  $("#quick-browse-nav li").click (function() {
                 $('#quick-browse-nav li.clicked').removeClass('clicked');
                 $(this).addClass('clicked');
      
      //CLICKED HAND TRUCKS
          if ($("li.quick-browse-hand-trucks").hasClass("clicked")) {
  
            
            //change background
            $("#product-quick-browse-top").css("background", "url(/images/home-slider-tabs-hand-trucks.jpg)");
            
            //switch ul
            $("#product-quick-browse-bottom .infiniteCarousel .wrapper").html($("#data-hand-trucks-carousel").html());
            
		        $(".infiniteCarousel #carousel-wrapper").jCarouselLite({
		            btnNext: ".infiniteCarousel .next",
		            btnPrev: ".infiniteCarousel .prev",
		          visible: 4,
		          circular: false,
		          speed: 700
		        });
          		      if ($.browser.mozilla){
				$("div#carousel-wrapper").css("left", "-295px");
				};

          };
          
      //CLICKED LIFTS
          if ($("li.quick-browse-lifts").hasClass("clicked")) {
            
            //change background
            $("#product-quick-browse-top").css("background", "url(/images/home-slider-tabs-lifts.jpg)");
            
            //switch ul
            $("#product-quick-browse-bottom .infiniteCarousel .wrapper").html($("#data-mower-lifts-carousel").html());
            
           	$(".infiniteCarousel #carousel-wrapper").jCarouselLite({
	            btnNext: ".infiniteCarousel .next",
	            btnPrev: ".infiniteCarousel .prev",
	          visible: 4,
	          circular: false,
	          speed: 700
	        });
        	      if ($.browser.mozilla){
			$("div#carousel-wrapper").css("left", "-295px");
			};
          };
          
      //CLICKED OTHER PRODUCTS
          if ($("li.quick-browse-other-products").hasClass("clicked")) {
            
            //change background
            $("#product-quick-browse-top").css("background", "url(/images/home-slider-tabs-other-products.jpg)");
            
            //switch ul
            $("#product-quick-browse-bottom .infiniteCarousel .wrapper").html($("#data-other-products-carousel").html());
            
            //populate products
            //create an li for each product and set up its hover (turn into loop?!?!)

           	$(".infiniteCarousel #carousel-wrapper").jCarouselLite({
	            btnNext: ".infiniteCarousel .next",
	            btnPrev: ".infiniteCarousel .prev",
	          visible: 4,
	          circular: false,
	          speed: 700
	        });
           	      if ($.browser.mozilla){
			$("div#carousel-wrapper").css("left", "-295px");
			};
          };
      
      
      return false;
              });


});