$(document).ready(function() {
    $('#time').css('color','white');
    $('#time').css('background-color','#F2DA84');
    $('#seta_ca').css('color','#f1dbb1');
    

    
    $('#seta_ca_c').show();
    $('#canapa_c').hide();
    $('#canapa_ca_c').hide();
    $('#cristallo_c').hide();
    $('#grafite_c').hide();
    $('#legno_c').hide();
    $('#latte_c').hide();
    bg_stack=11;
    
    $('#seta_ca').click(function (){
        $(this).css('color','#f1dbb1');
        $('#seta_ca_c').show();
        $('#canapa_c').hide();
        $('#canapa_ca_c').hide();
        $('#cristallo_c').hide();
        $('#grafite_c').hide();
        $('#legno_c').hide();
        $('#latte_c').hide();
        $("#silk").css('z-index',bg_stack);
        bg_stack=bg_stack+1;
        
        $('#silk').animate({
            opacity: '1',
          }, 1500 );
        
        if ($('#hemp').css({"opacity": "1"})) {
            $('#hemp').animate({
                opacity: '0',
              }, 1500 );}
        if ($('#cach').css({"opacity": "1"})) {
            $('#cach').animate({
                opacity: '0',
              }, 1500 );}
        if ($('#cris').css({"opacity": "1"})) {
            $('#cris').animate({
                opacity: '0',
              }, 1500 );}
        if ($('#graf').css({"opacity": "1"})) {
            $('#graf').animate({
                opacity: '0',
              }, 1500 );}
        if ($('#wood').css({"opacity": "1"})) {
            $('#wood').animate({
                opacity: '0',
              }, 1500 );}
        if ($('#milk').css({"opacity": "1"})) {
            $('#milk').animate({
                opacity: '0',
              }, 1500 );}

        //$("#fourth").css('backgroundImage','url(http://dreamandbeauty.it/media/images/fds_bgs/materials/materials_seta.jpg)');
    });
    
    $('#canapa').click(function (){
        $(this).css('color','#f1dbb1');
        $('#seta_ca_c').hide();
        $('#canapa_c').show();
        $('#canapa_ca_c').hide();
        $('#cristallo_c').hide();
        $('#grafite_c').hide();
        $('#legno_c').hide();
        $('#latte_c').hide();
        $("#hemp").css('z-index',bg_stack);
        bg_stack=bg_stack+1;
        
        if ($('#silk').css({"opacity": "1"})) {
          $('#silk').animate({
              opacity: '0',
            }, 1500 );}
        
        $('#hemp').animate({
            opacity: '1',
            }, 1500 );

        if ($('#cach').css({"opacity": "1"})) {
            $('#cach').animate({
                opacity: '0',
              }, 1500 );}
        if ($('#cris').css({"opacity": "1"})) {
            $('#cris').animate({
                opacity: '0',
              }, 1500 );}
        if ($('#graf').css({"opacity": "1"})) {
            $('#graf').animate({
                opacity: '0',
              }, 1500 );}
        if ($('#wood').css({"opacity": "1"})) {
            $('#wood').animate({
                opacity: '0',
              }, 1500 );}
        if ($('#milk').css({"opacity": "1"})) {
            $('#milk').animate({
                opacity: '0',
              }, 1500 );}


        
        //$("#fourth").css('backgroundImage','url(http://dreamandbeauty.it/media/images/fds_bgs/materials/materials_canapa.jpg)');
    });
    
    $('#canapa_ca').click(function (){
        $(this).css('color','#f1dbb1');
        $('#seta_ca_c').hide();
        $('#canapa_c').hide();
        $('#canapa_ca_c').show();
        $('#cristallo_c').hide();
        $('#grafite_c').hide();
        $('#legno_c').hide();
        $('#latte_c').hide();
        //$("#fourth").css('backgroundImage','url(http://dreamandbeauty.it/media/images/fds_bgs/materials/materials_cachemere.jpg)');
        $("#cach").css('z-index',bg_stack);
        bg_stack=bg_stack+1;
        
        if ($('#silk').css({"opacity": "1"})) {
          $('#silk').animate({
              opacity: '0',
            }, 1500 );}
        
        if ($('#hemp').css({"opacity": "1"})) {
            $('#hemp').animate({
                opacity: '0',
              }, 1500 );}

        $('#cach').animate({
            opacity: '1',
            }, 1500 );
              
        if ($('#cris').css({"opacity": "1"})) {
            $('#cris').animate({
                opacity: '0',
              }, 1500 );}
              
        if ($('#graf').css({"opacity": "1"})) {
            $('#graf').animate({
                opacity: '0',
              }, 1500 );}
              
        if ($('#wood').css({"opacity": "1"})) {
            $('#wood').animate({
                opacity: '0',
              }, 1500 );}
              
        if ($('#milk').css({"opacity": "1"})) {
            $('#milk').animate({
                opacity: '0',
              }, 1500 );}

    });
    
    $('#cristallo').click(function (){
        $(this).css('color','#f1dbb1');
        $('#seta_ca_c').hide();
        $('#canapa_c').hide();
        $('#canapa_ca_c').hide();
        $('#cristallo_c').show();
        $('#grafite_c').hide();
        $('#legno_c').hide();
        $('#latte_c').hide();
        $("#cris").css('z-index',bg_stack);
        bg_stack=bg_stack+1;
        
        if ($('#silk').css({"opacity": "1"})) {
          $('#silk').animate({
              opacity: '0',
            }, 1500 );}
        
        if ($('#hemp').css({"opacity": "1"})) {
            $('#hemp').animate({
                opacity: '0',
              }, 1500 );}

        if ($('#cach').css({"opacity": "1"})) {
            $('#cach').animate({
                opacity: '0',
              }, 1500 );}
            
        $('#cris').animate({
            opacity: '1',
            }, 1500 );
            
        if ($('#graf').css({"opacity": "1"})) {
            $('#graf').animate({
                opacity: '0',
              }, 1500 );}
              
        if ($('#wood').css({"opacity": "1"})) {
            $('#wood').animate({
                opacity: '0',
              }, 1500 );}
              
        if ($('#milk').css({"opacity": "1"})) {
            $('#milk').animate({
                opacity: '0',
              }, 1500 );}

        //$("#fourth").css('backgroundImage','url(http://dreamandbeauty.it/media/images/fds_bgs/materials/materials_cristallo.jpg)');        
    });
    
    $('#grafite').click(function (){
        $(this).css('color','#f1dbb1');
        $('#seta_ca_c').hide();
        $('#canapa_c').hide();
        $('#canapa_ca_c').hide();
        $('#cristallo_c').hide();
        $('#grafite_c').show();
        $('#legno_c').hide();
        $('#latte_c').hide();
        $("#graf").css('z-index',bg_stack);
        bg_stack=bg_stack+1;
        
        if ($('#silk').css({"opacity": "1"})) {
          $('#silk').animate({
              opacity: '0',
            }, 1500 );}
        
        if ($('#hemp').css({"opacity": "1"})) {
            $('#hemp').animate({
                opacity: '0',
              }, 1500 );}

        if ($('#cach').css({"opacity": "1"})) {
            $('#cach').animate({
                opacity: '0',
              }, 1500 );}
              
        if ($('#cris').css({"opacity": "1"})) {
            $('#cris').animate({
                opacity: '0',
              }, 1500 );}
            
        $('#graf').animate({
            opacity: '1',
            }, 1500 );
            
        if ($('#wood').css({"opacity": "1"})) {
            $('#wood').animate({
                opacity: '0',
              }, 1500 );}
              
        if ($('#milk').css({"opacity": "1"})) {
            $('#milk').animate({
                opacity: '0',
              }, 1500 );}

        //$("#fourth").css('backgroundImage','url(http://dreamandbeauty.it/media/images/fds_bgs/materials/materials_grafite.jpg)');

    });
    
    $('#legno').click(function (){
        $(this).css('color','#f1dbb1');
        $('#seta_ca_c').hide();
        $('#canapa_c').hide();
        $('#canapa_ca_c').hide();
        $('#cristallo_c').hide();
        $('#grafite_c').hide();
        $('#legno_c').show();
        $('#latte_c').hide();
        $("#wood").css('z-index',bg_stack);
        bg_stack=bg_stack+1;
        
        if ($('#silk').css({"opacity": "1"})) {
          $('#silk').animate({
              opacity: '0',
            }, 1500 );}
        
        if ($('#hemp').css({"opacity": "1"})) {
            $('#hemp').animate({
                opacity: '0',
              }, 1500 );}

        if ($('#cach').css({"opacity": "1"})) {
            $('#cach').animate({
                opacity: '0',
              }, 1500 );}
              
        if ($('#cris').css({"opacity": "1"})) {
            $('#cris').animate({
                opacity: '0',
              }, 1500 );}
              
        if ($('#graf').css({"opacity": "1"})) {
            $('#graf').animate({
                opacity: '0',
              }, 1500 );}
              
        $('#wood').animate({
            opacity: '1',
            }, 1500 );
              
        if ($('#milk').css({"opacity": "1"})) {
            $('#milk').animate({
                opacity: '0',
              }, 1500 );}

        //$("#fourth").css('backgroundImage','url(http://dreamandbeauty.it/media/images/fds_bgs/materials/materials_wood.jpg)');

    });
    
    $('#latte').click(function (){
        $(this).css('color','#f1dbb1');
        $('#seta_ca_c').hide();
        $('#canapa_c').hide();
        $('#canapa_ca_c').hide();
        $('#cristallo_c').hide();
        $('#grafite_c').hide();
        $('#legno_c').hide();
        $('#latte_c').show();
        $("#milk").css('z-index',bg_stack);
        bg_stack=bg_stack+1;
        
        if ($('#silk').css({"opacity": "1"})) {
          $('#silk').animate({
              opacity: '0',
            }, 1500 );}
        
        if ($('#hemp').css({"opacity": "1"})) {
            $('#hemp').animate({
                opacity: '0',
              }, 1500 );}

        if ($('#cach').css({"opacity": "1"})) {
            $('#cach').animate({
                opacity: '0',
              }, 1500 );}
              
        if ($('#cris').css({"opacity": "1"})) {
            $('#cris').animate({
                opacity: '0',
              }, 1500 );}
              
        if ($('#graf').css({"opacity": "1"})) {
            $('#graf').animate({
                opacity: '0',
              }, 1500 );}
              
        if ($('#wood').css({"opacity": "1"})) {
            $('#wood').animate({
                opacity: '0',
              }, 1500 );}
            
        $('#milk').animate({
            opacity: '0',
            }, 1500 );

        //$("#fourth").css('backgroundImage','url(http://dreamandbeauty.it/media/images/fds_bgs/materials/materials_milk.jpg)');

    });
    
    $('#time').click(function (){
        $(this).css('color','white');
        $(this).css('background-color','#F2DA84');
    	$('#time_c').show();
    	$('#lux_c').hide();
    	$('#eth_c').hide();
    	$('#yacht_c').hide();
    	$('#golf_c').hide();
    	$('#little_c').hide();
    	$('#letto_c').hide();
    	$('#tavola_c').hide();
    	$('#bagno_c').hide();
    });
    
    $('#menu1_on').mouseover(function (){
        $("#t1").css('visibility','visible');
    });
    $('#menu1_on').mouseout(function (){
        $("#t1").css('visibility','hidden');
    });
    
    $('#menu2_on').mouseover(function (){
        $("#t2").css('visibility','visible');
    });
    $('#menu2_on').mouseout(function (){
        $("#t2").css('visibility','hidden');
    });
    
    $('#menu3_on').mouseover(function (){
        $("#t3").css('visibility','visible');
    });
    $('#menu3_on').mouseout(function (){
        $("#t3").css('visibility','hidden');
    });
    
    $('#menu4_on').mouseover(function (){
        $("#t4").css('visibility','visible');
    });
    $('#menu4_on').mouseout(function (){
        $("#t4").css('visibility','hidden');
    });
    
    $('#menu5_on').mouseover(function (){
        $("#t5").css('visibility','visible');
    });
    $('#menu5_on').mouseout(function (){
        $("#t5").css('visibility','hidden');
    });
    
    $('#menu6_on').mouseover(function (){
        $("#t6").css('visibility','visible');
    });
    $('#menu6_on').mouseout(function (){
        $("#t6").css('visibility','hidden');
    });
    
    $('#menu7_on').mouseover(function (){
        $("#t7").css('visibility','visible');
    });
    $('#menu7_on').mouseout(function (){
        $("#t7").css('visibility','hidden');
    });
    
    $('#menu8_on').mouseover(function (){
        $("#t8").css('visibility','visible');
    });
    $('#menu8_on').mouseout(function (){
        $("#t8").css('visibility','hidden');
    });
    
    $('#menu9_on').mouseover(function (){
        $("#t9").css('visibility','visible');
    });
    $('#menu9_on').mouseout(function (){
        $("#t9").css('visibility','hidden');
    });

    $('#lux').click(function (){
        $(this).css('color','white');
        $(this).css('background-color','#CACBCC');
        $('#time_c').hide();
    	$('#lux_c').show();
    	$('#eth_c').hide();
    	$('#yacht_c').hide();
    	$('#golf_c').hide();
    	$('#little_c').hide();
    	$('#letto_c').hide();
    	$('#tavola_c').hide();
    	$('#bagno_c').hide();
    });

    $('#eth').click(function (){
        $(this).css('color','white');
        $(this).css('background-color','#7C5C50');
        $('#time_c').hide();
    	$('#lux_c').hide();
    	$('#eth_c').show();
    	$('#yacht_c').hide();
    	$('#golf_c').hide();
    	$('#little_c').hide();
    	$('#letto_c').hide();
    	$('#tavola_c').hide();
    	$('#bagno_c').hide();
    });

    $('#yacht').click(function (){
        $(this).css('color','white');
        $(this).css('background-color','#072D5B');
        $('#time_c').hide();
    	$('#lux_c').hide();
    	$('#eth_c').hide();
    	$('#yacht_c').show();
    	$('#golf_c').hide();
    	$('#little_c').hide();
    	$('#letto_c').hide();
    	$('#tavola_c').hide();
    	$('#bagno_c').hide();
    });

    $('#little').click(function (){
        $(this).css('color','white');
        $(this).css('background-color',' #7FADD3');
        $('#time_c').hide();
    	$('#lux_c').hide();
    	$('#eth_c').hide();
    	$('#yacht_c').hide();
    	$('#golf_c').hide();
    	$('#little_c').show();
    	$('#letto_c').hide();
    	$('#tavola_c').hide();
    	$('#bagno_c').hide();
    });
    
    $('#golf').click(function (){
        $(this).css('color','white');
        $(this).css('background-color',' #A3C95B');
        $('#time_c').hide();
    	$('#lux_c').hide();
    	$('#eth_c').hide();
    	$('#yacht_c').hide();
    	$('#golf_c').show();
    	$('#little_c').hide();
    	$('#letto_c').hide();
    	$('#tavola_c').hide();
    	$('#bagno_c').hide();
    });

    $('#letto').mouseenter( function(){
        $(this).css('cursor','pointer');
    });

    $('#letto').click(function (){
        $('#time_c').hide();
    	$('#lux_c').hide();
    	$('#eth_c').hide();
    	$('#yacht_c').hide();
    	$('#golf_c').hide();
    	$('#little_c').hide();
    	$('#letto_c').show();
    	$('#tavola_c').hide();
    	$('#bagno_c').hide();
    });

    $('#tavola').mouseenter( function(){
        $(this).css('cursor','pointer');
    });

    $('#tavola').click(function (){
        $('#time_c').hide();
    	$('#lux_c').hide();
    	$('#eth_c').hide();
    	$('#yacht_c').hide();
    	$('#golf_c').hide();
    	$('#little_c').hide();
    	$('#letto_c').hide();
    	$('#tavola_c').show();
    	$('#bagno_c').hide();
    });

    $('#bagno').mouseenter( function(){
        $(this).css('cursor','pointer');
    });

    $('#bagno').click(function (){
        $('#time_c').hide();
    	$('#lux_c').hide();
    	$('#eth_c').hide();
    	$('#yacht_c').hide();
    	$('#golf_c').hide();
    	$('#little_c').hide();
    	$('#letto_c').hide();
    	$('#tavola_c').hide();
    	$('#bagno_c').show();
    });
    
    /*$('#logos').mouseenter( function(){       
        $('#logo_db').animate({
            marginTop: '+=50',
          }, 150,"swing",function() {
                $('#logo_dlux').animate({
                    marginTop: '+=100',
                }, 100);
            });
        
        $('#menu1_on').animate({
            opacity: '100',
          },300,'swing',function() {
                $('#menu1_on').animate({
                    opacity: '0'
                },100);
        });    
        
        $('#menu2_on').animate({
            opacity: '100',
          },600,'swing',function() {
                $('#menu2_on').animate({
                    opacity: '0'
                },200);
        }); 
        
        $('#menu3_on').animate({
            opacity: '100',
          },900,'swing',function() {
                $('#menu3_on').animate({
                    opacity: '0'
                },300);
        });
        
        $('#menu4_on').animate({
            opacity: '100',
          },1200,'swing',function() {
                $('#menu4_on').animate({
                    opacity: '0'
                },100);
        });    
        
        $('#menu5_on').animate({
            opacity: '100',
          },1000,'swing',function() {
                $('#menu5_on').animate({
                    opacity: '0'
                },400);
        }); 
        
        $('#menu6_on').animate({
            opacity: '100',
          },1800,'swing',function() {
                $('#menu6_on').animate({
                    opacity: '0'
                },500);
        });
        
        $('#menu7_on').animate({
            opacity: '100',
          },2100,'swing',function() {
                $('#menu7_on').animate({
                    opacity: '0'
                },600);
        }); 
        
        $('#menu8_on').animate({
            opacity: '100',
          },2400,'swing',function() {
                $('#menu8_on').animate({
                    opacity: '0'
                },700);
        }); 
        
        $('#menu9_on').animate({
            opacity: '100',
          },2700,'swing',function() {
                $('#menu9_on').animate({
                    opacity: '0'
                },800);
        });
            
    });*/
        
    $('.nav_div1').mouseover(function(){
        $('#menu1_on').animate({
            opacity: '100',
          },200,'swing');
    });
    
    $('.nav_div2').mouseover(function(){
        $('#menu2_on').animate({
            opacity: '100',
          },200,'swing');
    });
    
    $('.nav_div3').mouseover(function(){
        $('#menu3_on').animate({
            opacity: '100',
          },200,'swing');
    });
    
    $('.nav_div4').mouseover(function(){
        $('#menu4_on').animate({
            opacity: '100',
          },200,'swing');
    });
    
    $('.nav_div5').mouseover(function(){
        $('#menu5_on').animate({
            opacity: '100',
          },200,'swing');
    });       
    
    $('.nav_div6').mouseover(function(){
        $('#menu6_on').animate({
            opacity: '100',
          },200,'swing');
    });
    
    
    $('.nav_div7').mouseover(function(){
        $('#menu7_on').animate({
            opacity: '100',
          },200,'swing');
    });
        
    
    $('.nav_div8').mouseover(function(){
        $('#menu8_on').animate({
            opacity: '100',
          },200,'swing');
    });
    
    $('.nav_div9').mouseover(function(){
        $('#menu9_on').animate({
            opacity: '100',
          },200,'swing');
    });
    
    $('.nav_div1').mouseout(function(){
        $('#menu1_on').animate({
            opacity: '0',
          });
    });   
    
    $('.nav_div2').mouseout(function(){
        $('#menu2_on').animate({
            opacity: '0',
          });
    });        
    
    $('.nav_div3').mouseout(function(){
        $('#menu3_on').animate({
            opacity: '0',
          });
    });       
    
    $('.nav_div4').mouseout(function(){
        $('#menu4_on').animate({
            opacity: '0',
          });
    }); 
    
    $('.nav_div5').mouseout(function(){
        $('#menu5_on').animate({
            opacity: '0',
          });
    });
    
    $('.nav_div6').mouseout(function(){
        $('#menu6_on').animate({
            opacity: '0',
          });
    });    
    
    $('.nav_div7').mouseout(function(){
        $('#menu7_on').animate({
            opacity: '0',
          });
    });   
    
    $('.nav_div8').mouseout(function(){
        $('#menu8_on').animate({
            opacity: '0',
          });
    });    
    
    $('.nav_div9').mouseout(function(){
        $('#menu9_on').animate({
            opacity: '0',
          });
    });  
    
    /*$('#logos').mouseleave( function(){
        $('#logo_db').animate({
            marginTop: '-=50',
          }, 100,"swing",function() {
                $('#logo_dlux').animate({
                    marginTop: '-=100',
                }, 50);
            });
    });*/
    
});