$(document).ready(function() {
   var z= 22;

 

    //Browsersize
    browserwidth = ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) ;
    browserheight = ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight );

 
    if(browserwidth>1800)
    {
        $('#container').css('width',browserwidth-800);
        $('#container').css('height',$('#container').width()-400);
    }
    
    //Container-Position
    if(browserwidth>$('#container').width())
        $('#container').css('margin-left',(browserwidth-$('#container').width())/2);
    if(browserheight>$('#container').height())
        $('#container').css('margin-top',(browserheight-$('#container').height())/2);

 
    $('#slide-start').css('width',$('#container').width()/2);
    $('#slide-start').css('height',$('#container').height());

   

    $('#white-left').css('height',$('#container').height());
    $('#white-right').css('height',$('#container').height());
    //Startslider
    setInterval(function(){

          $('#slide-1').delay(2000).animate({'left':"-="+(parseInt($('#slide-1').attr('width'))-$('#slide-start').width())},7000).animate({'left':"-="+$('#slide-start').width(),'opacity':'0'},5000);
          $('#slide-2').delay(10000).animate({'right':"-="+(parseInt($('#slide-2').attr('width'))-$('#slide-start').width())},7000).animate({'right':"-="+$('#slide-start').width(),'opacity':'0'},5000);
          $('#slide-3').delay(18000).animate({'left':"-="+(parseInt($('#slide-3').attr('width'))-$('#slide-start').width())},7000).animate({'left':"-="+$('#slide-start').width(),'opacity':'0'},5000);

          $('#slide-1').delay(12000).animate({'left':"+="+(parseInt($('#slide-1').attr('width'))-$('#slide-start').width())},7000).animate({'left':"+="+$('#slide-start').width(),'opacity':'1'},5000);
          $('#slide-2').delay(17000).animate({'right':"+="+(parseInt($('#slide-2').attr('width'))-$('#slide-start').width())},1000).animate({'right':"+="+$('#slide-start').width(),'opacity':'1'},1000);
          $('#slide-3').delay(17000).animate({'left':"+="+(parseInt($('#slide-3').attr('width'))-$('#slide-start').width())},1000).animate({'left':"+="+$('#slide-start').width(),'opacity':'1'},1000);


          /*$('#slide-1').delay(4000).animate({'left':"+="+(parseInt($('#slide-1').attr('width'))-$('#slide-start').width())},7000).animate({'left':"+="+$('#slide-start').width(),'opacity':'1'},5000);
          $('#slide-2').delay(12000).animate({'right':"+="+(parseInt($('#slide-2').attr('width'))-$('#slide-start').width())},7000).animate({'right':"+="+$('#slide-start').width(),'opacity':'1'},5000);
          $('#slide-3').delay(20000).animate({'left':"+="+(parseInt($('#slide-3').attr('width'))-$('#slide-start').width())},7000).animate({'left':"+="+$('#slide-start').width(),'opacity':'1'},5000);
          */
    },
      2000);

    $('#collection-text').delay(1000).fadeIn('slow');
    $('#bottom-con').css('height',$('#container').height()/2);
    $('#flash-clip').attr('width',$('#container').width()/2);
    $('#flash-clip').attr('height',$('#container').height());
    if($('#navibox-2').length > 0 )
    {
       /* $('#navibox-2').css('width', $('#container').width()/2);
        $('#logobox-2').css('width', $('#container').width()/2);*/
        if($('.collection-navi').width()<$('#navibox-2').width()-25)
            $('.slider').hide();
        $('.sliderGallery ').css('width',$('#navibox-2').width()-50);
        $('.slider').css('width',$('#navibox-2').width()-70);
        $('.handle').css('width',$('#navibox-2').width()-50);
         $('.tx-j2collections-pi1').css('width',$('#container').width());
    $('.tx-j2collections-pi1').css('height',$('#container').height()/2);

    }
    else
    {
        if($('.collection-navi').width()<$('#navibox').width()-25)
            $('.slider').hide();
        $('.sliderGallery ').css('width',$('#navibox').width()-50);
        $('.slider').css('width',$('#navibox').width()-70);
        $('.handle').css('width',$('#navibox').width()-50);
         $('.tx-j2collections-pi1').css('width',$('#container').width()/2);
    $('.tx-j2collections-pi1').css('height',$('#container').height());
    }
    //Kollektionen
    /*$('.big-pics').each(function(){
       
        $(this).css('margin-left',-$(this).attr('width')/2);

        $(this).css('margin-top',-$(this).attr('height')/2);

    });*/
    
    $('ul#thumbs li').mouseover(function(){
        $(this).addClass('shower');
    });
    $('ul#thumbs li').mouseout(function(){
         $(this).removeClass('shower');
    });

    $('#pic-1').fadeIn();
    setInterval(function(){
      if(z==1)
         return false;
      $('.collection-pics :first-child').fadeOut()
         .next('img').fadeIn()
         .end().appendTo('.collection-pics');
      

    },
      5000);

      
   
    
    $('.thumbs').click(function(){
       z=1;
       $('.big-pics').fadeOut();
       $('#pic-'+$(this).attr('id')).fadeIn();
       
    });


    //Slider Kollektionsübersichtsnavi
    var container = $('.sliderGallery');
                    var ul = $('ul', container);

                    var itemsWidth = ul.innerWidth() - container.outerWidth();

                    $('.slider').slider({
                        min: 0,
                        max: itemsWidth,
                        handle: '.handle',
                        stop: function (event, ui) {
                            ul.animate({'left' : ui.value * -1}, 500);
                        },
                        slide: function (event, ui) {
                            ul.css('left', ui.value * -1);
                        }
                    });


                
    //Kollektionsthumbnavi
    if($('#top-con').length > 0 )
    {
        $('#thumbs-box').css('height',$('#top-con').height()-40);
        $('#right-scroller').click(function(){
        

        var maxslide=$('#thumbs').innerHeight() - ($('#top-con').height()-40);
        newval=$('#thumbs').css('top').split('px');
        val=parseFloat(newval[0])* -1;

        //alert(maxslide+'>='+val);
        if(maxslide>=val+30)
             $('#thumbs').animate({"top": "-=100px"}, "slow");
        
        });
        $('#left-scroller').click(function(){

            newval=$('#thumbs').css('top').split('px');
            val=parseFloat(newval[0])* -1;
            if(val>='10')
                $('#thumbs').animate({"top": "+=100px"}, "slow");

        });
    }
    else
    {
        var new_w=0;
        $('#thumbs-box').css('width',$('#right').width()-100);
        $('#thumbs li').each(function(){
            new_w=new_w+50;
        });
        $('#thumbs').css('width',new_w);
        $('#right-scroller').click(function(){


        var maxslide= new_w - ($('#right').width()-40);
        newval=$('#thumbs').css('left').split('px');
        val=parseFloat(newval[0])* -1;

        
        if(maxslide>=val)
             $('#thumbs').animate({"left": "-=50px"}, "slow");

        });
        $('#left-scroller').click(function(){

            newval=$('#thumbs').css('left').split('px');
            val=parseFloat(newval[0])* -1;
            if(val>='10')
                $('#thumbs').animate({"left": "+=50px"}, "slow");

        });
    }


    
    $('#right-scroller').mouseover(function(){
        $('#right-scroller').addClass('collection-scroll-show');
        
    });
    $('#right-scroller').mouseout(function(){
        $('#right-scroller').removeClass('collection-scroll-show');
    });

    $('#left-scroller').mouseover(function(){
        $('#left-scroller').addClass('collection-scroll-show');
    });

    $('#left-scroller').mouseout(function(){
        $('#left-scroller').removeClass('collection-scroll-show');
    });

    var anzahl=0;
    var rest=0;
    var einzelpadding=0;
    //Neuheiten padding
    $('.ms-box').each(function(){
     anzahl++;
    });

    rest= (130*anzahl-($('#container').width()*2));
    rest= rest*-1;
    einzelpadding=rest/anzahl;
    einzelpadding = Math.round(einzelpadding,0)-20;
    //alert(einzelpadding);

    $('.ms-box').css('padding-left',einzelpadding/2);
    $('.ms-box').css('padding-right',einzelpadding/2);
});


window.onresize = function (evt) {

    browserwidth = ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) ;
    browserheight = ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight );

    /*if(browserwidth>1500)
    {
        $('#container').css('width',browserwidth-800);
        $('#container').css('height',$('#container').width()-400);
    }*/

    
    if(browserwidth>$('#container').width())
        $('#container').css('margin-left',(browserwidth-$('#container').width())/2);
    if(browserheight>$('#container').height())
        $('#container').css('margin-top',(browserheight-$('#container').height())/2);

}