/*****************************************/
/* Patch for IE
/*****************************************/
/*
jQuery.fn.fadeIn = function(speed, callback) { 
    return this.animate({opacity: 'show'}, speed, function() { 
        if (jQuery.browser.msie)  
            this.style.removeAttribute('filter');  
        if (jQuery.isFunction(callback)) 
            callback();  
    }); 
}; 
 
jQuery.fn.fadeOut = function(speed, callback) { 
    return this.animate({opacity: 'hide'}, speed, function() { 
        if (jQuery.browser.msie)  
            this.style.removeAttribute('filter');  
        if (jQuery.isFunction(callback)) 
            callback();  
    }); 
}; 
 
jQuery.fn.fadeTo = function(speed,to,callback) { 
    return this.animate({opacity: to}, speed, function() { 
        if (to == 1 && jQuery.browser.msie)  
            this.style.removeAttribute('filter');  
        if (jQuery.isFunction(callback)) 
            callback();  
    }); 
}; 
*/

/*****************************************/
/* Onload
/*****************************************/
$(document).ready(function() {

/* Init Stage */
	if($('div#stage-navi ul li:eq(0) a:eq(0)')){
	   changeStageContent($('div#stage-navi ul li:eq(0) a:eq(0)'));	
	}
/* Stage - begin */
	$(function() {
		// Stage Content / automatische Slide Show
		intStageItems = $('div#stage-navi ul li').length;
		intStageCounter = 2; // 2, da das erste Element beim ersten Aufruf angezeigt wird
		objStageTimer = $(this).everyTime(8000, 'stage',function(item) {
					intListItem = intStageCounter - 1;
					changeStageContent($('div#stage-navi ul li:eq(' + intListItem + ') a:eq(0)'));
					if (intStageCounter == intStageItems) {
						intStageCounter = 0;	
					}
					intStageCounter++;
				});
		// Stage Content beim Klick ändern
		$('div#stage-navi ul li a').mouseover(function() {
			changeStageContent($(this));
			objStageTimer.stopTime('stage');
		});
		
	});
/* Stage - end */
	
/* Project Realization / Slider - begin */
	$(function() {
		$('#project-list').wrap('<div id="project-slider" />');
		$("#project-slider").easySlider({
			vertical: false,
			auto: true,
			continuous: true,
			pause: 1000,
			pause: 12000,
			numeric: true,
			numericId: 'col1_nav'
		});
	});	
/* Project Realization / Slider - end */	
	
});

/*****************************************/
/* Funktionen
/*****************************************/
function changeStageContent(objListItem) {
	// Variablen-Initialisierung
	intVisualFading = 400;
	
	// Inhalte des Listenpunkts auslesen (new content)
	strStageTitle = objListItem.text();
	strStageContent = objListItem.next('div').html();
	strStageImgSrc = objListItem.nextAll("a.stage-image").attr('href');
	strStageImgTitle = objListItem.nextAll("a.stage-image").text();
	
	// Bestehende Inhalte entfernen (old content)
	$('div#stage-content *').remove();
	// Active Klasse entfernen und neu setzen
	$('div#stage-navi li').removeClass('active');
	objListItem.parent('li').addClass('active');

	// Visual austauschen
	$('div#stage-visual').stop().fadeOut(intVisualFading, function () {
		// Bestehendes Bild entfernen
		$('div#stage-visual').remove();
		// Neues Bild versteckt einfügen
		$('div#stage').append('<div id="stage-visual" style="display: none; background-image:url(' + strStageImgSrc + ')"></div>');
		// Neues Bild einfaden
		$('div#stage-visual').stop().fadeIn(intVisualFading, function () {
			// Überschrift verstecken
			$('div#stage-content').hide().html('<div><h2>' + strStageTitle + '</h2>' + strStageContent + '</div>');
			$('div#stage-content div h2').css({'margin-left': '-355px'}); //'margin-left': '-50px', 'opacity': '0.25'
			
			// Restlicher Inhalt zwischenspeichern
			strStageText = $('div#stage-content div *:not(h2)').html();
			$('div#stage-content div *:not(h2)').remove();
			
			// Restlicher Inhalt ausblenden
			$('div#stage-content div').append('<div>' + strStageText + '</div>');
			$('div#stage-content div div').css({'width': '355px', 'margin-left': '-455px'});//, 'margin-left': '-80px', 'opacity': '0.25'
			
			// Inhalt einfliegen lassen
            //$('div#stage-content').hide();
			$('div#stage-content').css({'display': 'none'});
			$('div#stage-content').fadeIn(1250, function(){});
			
			$('div#stage-content div h2').animate({ // Überschrift
				marginLeft: '0px'
				//opacity: '1'
				}, 900, function() {});				
			$('div#stage-content div div').animate({ // Inhalt
				marginLeft: '0px'
				//opacity: '1'
			}, 1250, function() {});								

		});			
	});

}