$(document).ready(function() {
    var onMouseOutOpacity = 0.67;
    
    $.event.add(window, "load", resizeFrame);
    $.event.add(window, "resize", resizeFrame);

    $.localScroll({
        axis: 'y',
        queue: true
    });

    $("ul.thumbs li").opacityrollover({
        mouseOutOpacity: onMouseOutOpacity,
        mouseOverOpacity: 1.0,
        fadeSpeed: 'fast',
        exemptionSelector: '.selected'
    });

   var gallery = $('#thumbsCorporate').galleriffic({
       delay:                     2500,
       numThumbs:                 6,
       preloadAhead:              0,
       enableTopPager:            true,
       enableBottomPager:         true,
       maxPagesToShow:            7,
       imageContainerSel:         '#slideshowCorporate',
       controlsContainerSel:      '#controlsCorporate',
       captionContainerSel:       '#captionCorporate',
       loadingContainerSel:       '#loadingCorporate',
       renderSSControls:          true,
       renderNavControls:         true,
       playLinkText:              'Play Slideshow',
       pauseLinkText:             'Pause Slideshow',
       prevLinkText:              '‹ Previous Photo',
       nextLinkText:              'Next Photo›',
       nextPageLinkText:          'Next›',
       prevPageLinkText:          '‹ Prev',
       enableHistory:             false,
       autoStart:                 false,
       syncTransitions:           true,
       defaultTransitionDuration: 900,
       onSlideChange:             function(prevIndex, nextIndex) {
               // 'this' refers to the gallery, which is an extension of $('#thumbs')
               this.find('ul.thumbsCorporate').children()
                       .eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
                       .eq(nextIndex).fadeTo('fast', 1.0);
       },
       onPageTransitionOut:       function(callback) {
               this.fadeTo('fast', 0.0, callback);
       },
       onPageTransitionIn:        function() {
               this.fadeTo('fast', 1.0);
       }
   });


   var galleryPackaging = $('#thumbsPackaging').galleriffic({
       delay:                     2500,
       numThumbs:                 6,
       preloadAhead:              0,
       enableTopPager:            true,
       enableBottomPager:         true,
       maxPagesToShow:            7,
       imageContainerSel:         '#slideshowPackaging',
       controlsContainerSel:      '#controlsPackaging',
       captionContainerSel:       '#captionPackaging',
       loadingContainerSel:       '#loadingPackaging',
       renderSSControls:          true,
       renderNavControls:         true,
       playLinkText:              'Play Slideshow',
       pauseLinkText:             'Pause Slideshow',
       prevLinkText:              '‹ Previous Photo',
       nextLinkText:              'Next Photo›',
       nextPageLinkText:          'Next›',
       prevPageLinkText:          '‹ Prev',
       enableHistory:             false,
       autoStart:                 false,
       syncTransitions:           true,
       defaultTransitionDuration: 900,
       onSlideChange:             function(prevIndex, nextIndex) {
               // 'this' refers to the gallery, which is an extension of $('#thumbsVerpackung')
               this.find('ul.thumbsPackaging').children()
                       .eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
                       .eq(nextIndex).fadeTo('fast', 1.0);
       },
       onPageTransitionOut:       function(callback) {
               this.fadeTo('fast', 0.0, callback);
       },
       onPageTransitionIn:        function() {
               this.fadeTo('fast', 1.0);
       }
   });

   var galleryPrint = $('#thumbsPrint').galleriffic({
       delay:                     2500,
       numThumbs:                 6,
       preloadAhead:              0,
       enableTopPager:            true,
       enableBottomPager:         true,
       maxPagesToShow:            7,
       imageContainerSel:         '#slideshowPrint',
       controlsContainerSel:      '#controlsPrint',
       captionContainerSel:       '#captionPrint',
       loadingContainerSel:       '#loadingPrint',
       renderSSControls:          true,
       renderNavControls:         true,
       playLinkText:              'Play Slideshow',
       pauseLinkText:             'Pause Slideshow',
       prevLinkText:              '‹ Previous Photo',
       nextLinkText:              'Next Photo›',
       nextPageLinkText:          'Next›',
       prevPageLinkText:          '‹ Prev',
       enableHistory:             false,
       autoStart:                 false,
       syncTransitions:           true,
       defaultTransitionDuration: 900,
       onSlideChange:             function(prevIndex, nextIndex) {
               // 'this' refers to the gallery, which is an extension of $('#thumbsPrint')
               this.find('ul.thumbsPrint').children()
                       .eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
                       .eq(nextIndex).fadeTo('fast', 1.0);
       },
       onPageTransitionOut:       function(callback) {
               this.fadeTo('fast', 0.0, callback);
       },
       onPageTransitionIn:        function() {
               this.fadeTo('fast', 1.0);
       }
   });

   var galleryMisc = $('#thumbsMisc').galleriffic({
       delay:                     2500,
       numThumbs:                 6,
       preloadAhead:              0,
       enableTopPager:            true,
       enableBottomPager:         true,
       maxPagesToShow:            7,
       imageContainerSel:         '#slideshowMisc',
       controlsContainerSel:      '#controlsMisc',
       captionContainerSel:       '#captionMisc',
       loadingContainerSel:       '#loadingMisc',
       renderSSControls:          true,
       renderNavControls:         true,
       playLinkText:              'Play Slideshow',
       pauseLinkText:             'Pause Slideshow',
       prevLinkText:              '‹ Previous Photo',
       nextLinkText:              'Next Photo›',
       nextPageLinkText:          'Next›',
       prevPageLinkText:          '‹ Prev',
       enableHistory:             false,
       autoStart:                 false,
       syncTransitions:           true,
       defaultTransitionDuration: 900,
       onSlideChange:             function(prevIndex, nextIndex) {
               // 'this' refers to the gallery, which is an extension of $('#thumbsWeb')
               this.find('ul.thumbsMisc').children()
                       .eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
                       .eq(nextIndex).fadeTo('fast', 1.0);
       },
       onPageTransitionOut:       function(callback) {
               this.fadeTo('fast', 0.0, callback);
       },
       onPageTransitionIn:        function() {
               this.fadeTo('fast', 1.0);
       }
   });

   var galleryDivers = $('#thumbsDivers').galleriffic({
       delay:                     2500,
       numThumbs:                 6,
       preloadAhead:              0,
       enableTopPager:            true,
       enableBottomPager:         true,
       maxPagesToShow:            7,
       imageContainerSel:         '#slideshowDivers',
       controlsContainerSel:      '#controlsDivers',
       captionContainerSel:       '#captionDivers',
       loadingContainerSel:       '#loadingDivers',
       renderSSControls:          true,
       renderNavControls:         true,
       playLinkText:              'Play Slideshow',
       pauseLinkText:             'Pause Slideshow',
       prevLinkText:              '‹ Previous Photo',
       nextLinkText:              'Next Photo›',
       nextPageLinkText:          'Next›',
       prevPageLinkText:          '‹ Prev',
       enableHistory:             false,
       autoStart:                 false,
       syncTransitions:           true,
       defaultTransitionDuration: 900,
       onSlideChange:             function(prevIndex, nextIndex) {
               // 'this' refers to the gallery, which is an extension of $('#thumbsDivers')
               this.find('ul.thumbsDivers').children()
                       .eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
                       .eq(nextIndex).fadeTo('fast', 1.0);
       },
       onPageTransitionOut:       function(callback) {
               this.fadeTo('fast', 0.0, callback);
       },
       onPageTransitionIn:        function() {
               this.fadeTo('fast', 1.0);
       }
   });
});

function killIt(item)
{
    $('#' + item).fadeOut(1000);
}

function resizeFrame()
{
    var wh = $(window).height();
    var ww = $(window).width();
    
    var s = $("#p_1").height();
    var t = $("#p_2").height();
    var u = $("#p_3").height();
    var v = $("#p_4").height();
    var w = $("#p_5").height();
    var y = $("#p_6").height();
    var x = $("#p_7").height();
    var z = $("#p_8").height();

    if(wh < 700) 
    {
        $("#b_1").css("height", wh < 530 ? 530 : wh+20);
        $("#b_2").css("height", 800);
        $("#b_3").css("height", wh < 530 ? 530 : wh+20);
        $("#b_4").css("height", 800);
        $("#b_5").css("height", wh < 530 ? 530 : wh+20);
        $("#b_6").css("height", 800);
        $("#b_7").css("height", wh < 530 ? 530 : wh+20);
        $("#b_8").css("height", 800 + 300);

		$("#p_1").css("height", wh < 530 ? 530 : wh+20);
		$("#p_2").css("height", 800);
		$("#p_3").css("height", wh < 530 ? 530 : wh+20);
		$("#p_4").css("height", 800);
		$("#p_5").css("height", wh < 530 ? 530 : wh+20);
		$("#p_6").css("height", 800);
		$("#p_7").css("height", wh < 530 ? 530 : wh+20);
		$("#p_8").css("height", 800);
    }
    else 
    {
		$("#b_1").css("height", wh);
		$("#b_2").css("height", wh);
		$("#b_3").css("height", wh);
		$("#b_4").css("height", wh);
		$("#b_5").css("height", wh);
		$("#b_6").css("height", wh);
		$("#b_7").css("height", wh);
		$("#b_8").css("height", wh + 100);
		
		$("#p_1").css("height", wh);
		$("#p_2").css("height", wh);
		$("#p_3").css("height", wh);
		$("#p_4").css("height", wh);
		$("#p_5").css("height", wh);
		$("#p_6").css("height", wh);
		$("#p_7").css("height", wh);
		$("#p_8").css("height", wh + 100);
    }

    if(ww < 1096) 
    {
        $(".bg_block").css("width", 1096);
    }
    else 
    {
        $(".bg_block").css("width", ww);
    }
}