jQuery(function($){
    
    var photos = [ {
        "title" : "Title 1",
        "image" : "img/slide-5.jpg",
        "url" : "referenz_loreal_urspruengliche_schoenheit.php",
        "firstline" : "First line 1",
        "secondline" : "Second line 1"
    }, {
        "title" : "Title 2",
        "image" : "img/slide-1.jpg",
        "url" : "referenz_asisi_pergamonpanorama.php",
        "firstline" : "First line 2",
        "secondline" : "Second line 2"
    },
    {
        "title" : "Title 32",
        "image" : "img/slide-2.jpg",
        "url" : "referenz_loreal_sylvie_van_der_vaart.php",
        "firstline" : "First line 2",
        "secondline" : "Second line 2"
    },
    {
        "title" : "Title 4",
        "image" : "img/slide-3.jpg",
        "url" : "referenz_teekanne_sammelaktion.php",
        "firstline" : "First line 2",
        "secondline" : "Second line 2"
    },
    {
        "title" : "Title 5",
        "image" : "img/slide-4.jpg",
        "url" : "referenz_loreal_inoa.php",
        "firstline" : "First line 2",
        "secondline" : "Second line 2"
    }];
   // More pictures if we want
    if($('#slide-container').length){
        $('#slide-container').bgimgSlideshow({
            photos : photos
        });
    }

    $('.subnavi').hide();

    $('#top-nav > li').bind({
        mouseenter : function(){
            if($(this).children('.subnavi').length){
                $(this).children('.subnavi').show();
            }
        },

        mouseleave : function(){
            if($(this).children('.subnavi').length){
                $(this).children('.subnavi').hide();
            }
        }
    })
    
    function fixSlideContainerWidth(){
       if($(window).width() <= 1130){
           $('#slide-container').css('width', '1130');
       }else{
           $('#slide-container').css('width', '');
       }
   }

   $(window).load(function(){
       fixSlideContainerWidth()
   })

   $(window).bind('resize', function(){
       fixSlideContainerWidth()
   })

})