var fadeObjects = null;
var fadeIndex = 1;
var fadeObjectsLength = 0;

var fadeInterval = 7000; // Millisek. von Bildwechsel zu Bildwechsel
var fadeSpeed = 2000; // Dauer des Fader-Übergangs
var fadeObject = 'ul.crossfader'; // Fade-Objekt   
   
var showCaseOffset = 0;
var maxTeaserOffset = 0;
var showCaseCurrentOffset = 0;
var showCaseStepWidth = 910;

var moveStage = 0;

function fade(speedOverride) {			
       	
    if(fadeIndex >= fadeObjectsLength) {			
    	jQuery(fadeObjects[0]).fadeIn(speedOverride ? 1 : fadeSpeed, function() {				
    		if(!speedOverride) fadeIndex = 1;								
    		jQuery(fadeObjects).each(function(i, item) {
    			jQuery(item).show();
    		});						
    	});
    	jQuery('.controls span').removeClass("active");
    	jQuery('.controls span.ce0').addClass("active");				
    } else {
    	// Oberste Ebene ausblenden
    	jQuery(fadeObjects[fadeIndex - 1]).fadeOut(speedOverride ? 1 : fadeSpeed, function() {				
    		if(!speedOverride) fadeIndex += 1;				
    	});
    	jQuery('.controls span').removeClass("active");
    	jQuery('.controls span.ce' + fadeIndex).addClass("active");
    }				
}


function showCaseButtons(currentOffset, maxTeaserOffset) {
    if(currentOffset == maxTeaserOffset) {
            jQuery('.b2').css({ opacity : 0.1 });
    } else {
            jQuery('.b2').css({ opacity : 1 });

    }

    if(currentOffset == 0) {
            jQuery('.b1').css({ opacity : 0.1 });
    } else {
            jQuery('.b1').css({ opacity : 1 });

    }
}

function slideDownTopContent() {
	 jQuery('#top_content').animate({ top: 35 }, 800, 'easeOutExpo');
}

function loadhref(url) {
	jQuery('#top_content').animate({ top: -500 }, 800, 'easeInExpo', function() {
		jQuery('#bg_loader').fadeIn(300, function() {
			location.href=url;
		});		
	});
}
function fadeOutBGLoader() {
	jQuery('#bg_loader').fadeOut(500, function() {
		slideDownTopContent();
	});
}

function moveStageInterval() {
	if(moveStage != 0) {
		showCaseOffset += moveStage; 
		showCaseOffset = showCaseOffset > 0 ? 0 : showCaseOffset;
   		showCaseOffset = showCaseOffset < maxTeaserOffset ? maxTeaserOffset : showCaseOffset;   
		jQuery('.showcase_wrapper .stage').css({ marginLeft: showCaseOffset });
	} 
}

jQuery(function() {

	var pic = null;
	var pic2 = null;
	
	jQuery('.scrollpane').jScrollPane();
		
	jQuery('<div />').attr({'id' : 'bg_loader'}).appendTo('body');
	pic2 = new Image();
	jQuery(pic2).load(function() { fadeOutBGLoader();  });
	pic2.src = thisbg;
	
	if(jQuery('body').hasClass("omitSlide")) {
		jQuery('#bg_loader').hide();
	}
	
	
	jQuery('a.mb').colorbox({
            maxWidth:"80%",maxHeight:"80%",slideshowAuto:false,                            
            opacity:"0.45",
            transition:"elastic",
            speed:350,
            slideshowSpeed:2500,
            close:"Schließen",
            next:"Vor",
            previous:"Zurück",
            slideshowStart:"Slideshow starten",
            slideshowStop:"Slideshow beenden",
            current:"{current}/{total}"
        });
    

	if(jQuery('#team_scroller').length < 1) {
		maxTeaserOffset = 0 - Math.ceil(jQuery('.showcase_wrapper .item_wrapper').length) * 300;
	} else {
		maxTeaserOffset = 0 - Math.ceil(jQuery('.showcase_wrapper .item_wrapper').length) * 225;
	}
    maxTeaserOffset += jQuery('.showcase_wrapper').width();
    maxTeaserOffset = maxTeaserOffset > 0 ? 0 : maxTeaserOffset;
    
    showCaseStepWidth = jQuery('.showcase_wrapper').width() * 0.6;
    showCaseButtons(showCaseCurrentOffset, maxTeaserOffset);
    jQuery('.showcase_wrapper .stage').css({
        marginLeft: 0
    });
    jQuery('.scroller').unbind().click(function() {
    	showCaseOffset = showCaseOffset + (parseInt(jQuery(this).find('input').val()) * showCaseStepWidth);
        showCaseOffset = showCaseOffset > 0 ? 0 : showCaseOffset;
        showCaseOffset = showCaseOffset < maxTeaserOffset ? maxTeaserOffset : showCaseOffset;   
        if(showCaseCurrentOffset != showCaseOffset) {
                showCaseCurrentOffset = showCaseOffset;
                jQuery('.showcase_wrapper .stage').animate({
                        marginLeft: showCaseOffset
                }, 1000, 'easeInOutExpo', function() {
                        showCaseButtons(showCaseCurrentOffset, maxTeaserOffset);
                });
        }
    });
    var winW = jQuery(window).width();
    var winH = jQuery(window).height();
    
    var moveStageIntervall = window.setInterval("moveStageInterval()", 10);
    
    
    if(jQuery('#team_scroller').length < 1) {
	    jQuery(document).bind('mousemove',function(e){    
	    	if ( e.pageY > 300 && e.pageY < (winH - 50) && e.pageX < 100 ) {    		
	    		moveStage = 21;    		
	    	} else if ( e.pageY > (winH - 300) && e.pageY < (winH - 50) && e.pageX < 250 ) {    		
	    		moveStage = 8;    		
	    	} else if ( e.pageY > (winH - 300) && e.pageY < (winH - 50) && e.pageX < 400 ) {    		
	    		moveStage = 1;    		
	    	} else if ( e.pageY > (winH - 300) && e.pageY < (winH - 50) && e.pageX > (winW - 100) ) {    		
	    		moveStage = -21;    		
	    	} else if ( e.pageY > (winH - 300) && e.pageY < (winH - 50) && e.pageX > (winW - 250) ) {    		
	    		moveStage = -8;    		
	    	} else if ( e.pageY > (winH - 300) && e.pageY < (winH - 50) && e.pageX > (winW - 400) ) {    		
	    		moveStage = -1;    		
	    	} else {
	    		moveStage = 0;
	    	}   	
		});
    } 
     
    
    jQuery('.toggler').click(function() {
    	if(jQuery(this).closest('.toggle_target').hasClass('gone')) {
    		jQuery(this).closest('.toggle_target').removeClass('gone').animate({ bottom: 53 }, 1000, 'easeOutExpo'); 
    		jQuery('#claim').animate({ bottom: 390 }, 1000, 'easeOutExpo'); 
    		jQuery(this).closest('.toggle_target').find('.scroller, h2, .subline').fadeIn(500);      		
    		moveStage = 0;  	
    	} else {
    		jQuery(this).closest('.toggle_target').addClass('gone').animate({ bottom: -233 }, 1000, 'easeOutExpo');
    		jQuery('#claim').animate({ bottom: 103 }, 1000, 'easeOutExpo'); 
    		jQuery(this).closest('.toggle_target').find('.scroller, h2, .subline').fadeOut(500);    	
    	}    	
    });
    
    
    jQuery('.second_headline').appendTo('.steuer');
    
    
    jQuery('#navi').hover(function() {
   		jQuery('#hoverbalken').fadeIn(200);
    },function() {
   		jQuery('#hoverbalken').fadeOut(200);
    });
    
    
    jQuery('#navi li').mouseover(function() {
      	idx = jQuery('#navi li').index(jQuery(this));
       	jQuery('#hoverbalken').animate({ left: idx * 120 }, 200);
    });    
    
});