var temp = 0;
var t2;
var t;

var t3;
var t4;
var t5;
var t6;
var t7;
var t8;
var t9;
var t10;
var t11;
var t12;
var t13;
var t14;
var t15;
var t16;
var t17;
var t18;
var t19;
var t20;
$(document).ready(function() {
	$("#image_table").animate({ opacity: 0,marginLeft: "-10px"}, 0 );	
	$("#image_pandent").animate({ opacity: 0,marginLeft: "-10px"}, 0 );
	$("#image_inground").animate({ opacity: 0,marginLeft: "-10px"}, 0 );
	$("#image_wall").animate({ opacity: 0,marginLeft: "-10px"}, 0 );
	$("#image_downlight").animate({ opacity: 0,marginLeft: "-10px"}, 0 );	
	$("#image_floor").animate({ opacity: 0,marginLeft: "-10px"}, 0 );	
	$("#image_custom").animate({ opacity: 0,marginLeft: "-10px"}, 0 );
	$("#image_ceiling").animate({ opacity: 0,marginLeft: "-10px"}, 0 );
	$("#image_chandeliers").animate({ opacity: 0,marginLeft: "-10px"}, 0 );
	$("#image_forniture").animate({ opacity: 0,marginLeft: "-10px"}, 0 );
	$("#image_carpet").animate({ opacity: 0,marginLeft: "-10px"}, 0 );
						   
	$("#image_cat").animate({ 
        opacity: 0,
        marginLeft: "-30px"
      }, 0 );
	
	   $("#image_cat").animate({ 
        opacity: 1,
        marginLeft: "0px"
      }, 1000 );

	
	
	$("#cat_ceiling").hover(
      function () {
		  clearTimeout(t2);
		   t = setTimeout(function(){
				$("#image_ceiling").animate({opacity: 1, marginLeft: "0px"}, 300 );			
				$("#cat_ceiling").fadeTo("fast",0.3);	
		   },100);			
      }, 
      function () {
		clearTimeout(t);
		t2 = setTimeout(function(){
			$("#image_ceiling").animate({ opacity: 0, marginLeft: "-10px"}, 200 );
			$("#cat_ceiling").fadeTo("fast",1);
		},100);	
	 }

    );
	
	 $("#cat_chandeliers").hover(
      function () {
		  clearTimeout(t3);
		   t4 = setTimeout(function(){
				$("#image_chandeliers").animate({opacity: 1, marginLeft: "0px"}, 300 );
				$("#cat_chandeliers").fadeTo("fast",0.3);
		 },100);	
      }, 
      function () {
		  clearTimeout(t4);
		  t3 = setTimeout(function(){
				$("#cat_chandeliers").fadeTo("fast",1);
				$("#image_chandeliers").animate({ opacity: 0,marginLeft: "-10px"}, 300 );
		},100);
      }
    );
	 
	 
	
	 $("#cat_floor").hover(
      function () {
          clearTimeout(t5);
		  t6 = setTimeout(function(){
				$("#image_floor").animate({opacity: 1, marginLeft: "0px"}, 300 );
				$("#cat_floor").fadeTo("fast",0.3);
		  },100);
      }, 
      function () {
        clearTimeout(t6);
		   t5 = setTimeout(function(){
				$("#cat_floor").fadeTo("fast",1);
				$("#image_floor").animate({ opacity: 0,marginLeft: "-10px"}, 300 );
		},100);
      }
    );
	
	$("#cat_inground").hover(
      function () {
        clearTimeout(t7);
		  t8 = setTimeout(function(){
				$("#image_inground").animate({opacity: 1, marginLeft: "0px"}, 300 );
				$("#cat_inground").fadeTo("fast",0.3);
		  },100);
      }, 
      function () {
        clearTimeout(t8);
		   t7 = setTimeout(function(){
				$("#cat_inground").fadeTo("fast",1);
				$("#image_inground").animate({ opacity: 0,marginLeft: "-10px"}, 300 );
		},100);
      }
    );
	
	$("#cat_pandent").hover(
      function () {
         clearTimeout(t9);
		  t10 = setTimeout(function(){
				$("#image_pandent").animate({opacity: 1, marginLeft: "0px"}, 300 );
				$("#cat_pandent").fadeTo("fast",0.3);
		  },100);
      }, 
      function () {
           clearTimeout(t10);
		   t9 = setTimeout(function(){
				$("#cat_pandent").fadeTo("fast",1);
				$("#image_pandent").animate({ opacity: 0,marginLeft: "-10px"}, 300 );
		},100);
      }
    );
	
	$("#cat_table").hover(
      function () {
              clearTimeout(t11);
		  t12 = setTimeout(function(){
				$("#image_table").animate({opacity: 1, marginLeft: "0px"}, 300 );
				$("#cat_table").fadeTo("fast",0.3);
		  },100);
      }, 
      function () {
         clearTimeout(t12);
		   t11 = setTimeout(function(){
				$("#cat_table").fadeTo("fast",1);
				$("#image_table").animate({ opacity: 0,marginLeft: "-10px"}, 300 );
		},100);
      }
    );
		
	$("#cat_wall").hover(
      function () {
             clearTimeout(t13);
		  t14 = setTimeout(function(){
				$("#image_wall").animate({opacity: 1, marginLeft: "0px"}, 300 );
				$("#cat_wall").fadeTo("fast",0.3);
		  },100);
      }, 
      function () {
         clearTimeout(t14);
		   t13 = setTimeout(function(){
				$("#cat_wall").fadeTo("fast",1);
				$("#image_wall").animate({ opacity: 0,marginLeft: "-10px"}, 300 );
		},100);
      }
    );
			
	$("#cat_downlight").hover(
      function () {
              clearTimeout(t15);
		  t16 = setTimeout(function(){
				$("#image_downlight").animate({opacity: 1, marginLeft: "0px"}, 300 );
				$("#cat_downlight").fadeTo("fast",0.3);
		  },100);
      }, 
      function () {
         clearTimeout(t16);
		   t15 = setTimeout(function(){
				$("#cat_downlight").fadeTo("fast",1);
				$("#image_downlight").animate({ opacity: 0,marginLeft: "-10px"}, 300 );
		},100);
      }
    );
	
	$("#cat_custom").hover(
      function () {
		  clearTimeout(t17);
		   t18 = setTimeout(function(){
				$("#image_custom").animate({opacity: 1, marginLeft: "0px"}, 300 );
				$("#cat_custom").fadeTo("fast",0.3);
		 },100);	
      }, 
      function () {
		  clearTimeout(t18);
		  t17 = setTimeout(function(){
				$("#cat_custom").fadeTo("fast",1);
				$("#image_custom").animate({ opacity: 0,marginLeft: "-10px"}, 300 );
		},100);
      }
    );
	
	$("#cat_forniture").hover(
      function () {
		  clearTimeout(t19);
		   t18 = setTimeout(function(){
				$("#image_forniture").animate({opacity: 1, marginLeft: "0px"}, 300 );
				$("#cat_forniture").fadeTo("fast",0.3);
		 },100);	
      }, 
      function () {
		  clearTimeout(t20);
		  t17 = setTimeout(function(){
				$("#cat_forniture").fadeTo("fast",1);
				$("#image_forniture").animate({ opacity: 0,marginLeft: "-10px"}, 300 );
		},100);
      }
    );
	
	$("#cat_carpet").hover(
      function () {
		  clearTimeout(t19);
		   t18 = setTimeout(function(){
				$("#image_carpet").animate({opacity: 1, marginLeft: "0px"}, 300 );
				$("#cat_carpet").fadeTo("fast",0.3);
		 },100);	
      }, 
      function () {
		  clearTimeout(t20);
		  t17 = setTimeout(function(){
				$("#cat_carpet").fadeTo("fast",1);
				$("#image_carpet").animate({ opacity: 0,marginLeft: "-10px"}, 300 );
		},100);
      }
    );

	
});