function getOffset() {
	// Breite Dokument
	var browserWidth;
	var browserHeight;
	var offsetX;

	if( typeof( window.innerWidth ) == 'number' ) { 
	// kluge Browser 
	browserWidth = window.innerWidth;
	browserHeight = window.innerHeight; 

	} else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) { 
	// dumme Browser
	browserWidth = document.documentElement.clientWidth; 
	browserHeight = document.documentElement.clientHeight; 
	
	} else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) { 

	// ganz dumme Browser
	browserWidth = document.body.clientWidth; 
	browserHeight = document.body.clientHeight; 
	}
	
	// Berechnung offset
	offsetX = ((browserWidth - 700) / 2) * -1
	
	return offsetX;
}

function calcFadeBlack() {
	var widthBars;
	
	widthBars = (getOffset() * -1) - 450;
	//alert(widthBars);
	if(widthBars < 0) {
		widthBars = 0;
	}
	$('#fadeBlackLeft').width(widthBars);
	$('#fadeBlackRight').width(widthBars);
}

var lastOpened;
lastOpened = 'Biografie';
function opened(name) {
	$('#nav'+lastOpened).removeClass('opened');
	$('#nav'+name).addClass('opened');
	lastOpened = name;
}

function slideToCurLoc() {
	var curLocation = document.location.toString();
	if (curLocation.match('#')) {
		var curAnchor = curLocation.split('#')[1];
		opened(curAnchor);
		scroll(window.scrollX,0);
	} else {
		window.location = $('#navBiografie').attr("href");
		scroll(window.scrollX,0);
	}
}

$(document).ready(function () {
	projekktor('video', {
		enableFullscreen: false,
		messages: 	{
			0:'Ein unbekannter Fehler ist aufgetreten. ',
			1:'Sie haben die Abspielung abgebrochen. ',
			2:'Ein Verbindungsfehler ist aufgetreten. ',
			3:'Die Videodatei scheint beschädigt zu sein. ',
			4:'Das Video konnte aufgrund von Netzwerkproblemen nicht geladen werden oder ihr Browser kann dieses Video nicht abspielen. ',
			5:'Ihr Browser unterstützt das Abspielen dieses Videos leider nicht. ',
			6:'Um dieses Video anzusehen, müssen Sie die Flash Version Ihres Browsers aktualisieren.',
			7:'Kein Video gefunden.',
			8:'! Invalid media model configured !',
			98:'Invalid or malformed playlist data!',
			99:'Click display to proceed. '
		}
	});
	slideToCurLoc();
});

$(window).load(function () {
	scroll(window.scrollX,0);
	$('#loading').remove();
	calcFadeBlack();
	$(".lightbox").lightbox({
		fitToScreen: true
	});
	var options = { 
		success: showResponse
	};
	$('#contactForm').ajaxForm(options);
	$('#portfolioPictures img').preload({
	    find: 'images/portfolio/',
	    replace: 'images/portfolio/color/'
	});
	$('#filmstripes img').preload({
	    find: '.jpg',
	    replace: '_active.jpg'
	});
	
	// set first portfolio active
	var image = $('#stripe1').attr("src");
	image = image.replace('.jpg', '_active.jpg');
	$('#stripe1').attr("src", image);
	
	oldBrowserAlert();
});

function oldBrowserAlert() {
	isIE6=(navigator.userAgent.toLowerCase().indexOf('msie 6') != -1) && (navigator.userAgent.toLowerCase().indexOf('msie 7') == -1);
	if(isIE6 == true) {
		alert('Sie verwenden eine sehr alte Version des Internet Explorers.\n\nMit diesem Browser können Sie auf diese Seite leider nicht alle Funktionen nutzen.\n\nIch empfehle Ihnen, schon allein aus Sicherheitsgründen, auf eine neuere Version zu aktualisieren.');
	}
}

function showResponse(responseText, statusText)  { 
    alert(responseText);
}

var scrollTimer;
function startScrollDown() {
	scrollTimer= setInterval(scrollDown, 100);
}

function scrollDown() {
	$("#lebenslauf").scrollTo('+=8px', 100);
}

function startScrollUp() {
	scrollTimer= setInterval(scrollUp, 100);
}

function scrollUp() {
	$("#lebenslauf").scrollTo('-=8px', 100);
}

function stopScroll() {
	if (scrollTimer) {
		clearInterval(scrollTimer);
	}
}

function colorImage(img) {
	var image = img.attr("src");
	image = image.replace('images/portfolio/', 'images/portfolio/color/');
	img.attr("src", image);
}

function bwImage(img) {
	var image = img.attr("src");
	image = image.replace('images/portfolio/color/', 'images/portfolio/');
	img.attr("src", image);
}

function hoverStripe(img) {
	if(img.attr("id") != "stripe"+lastPortfolio) {
		var image = img.attr("src");
		image = image.replace('.jpg', '_active.jpg');
		img.attr("src", image);
	}
}

function exitStripe(img) {
	if(img.attr("id") != "stripe"+lastPortfolio) {
		var image = img.attr("src");
		image = image.replace('_active.jpg', '.jpg');
		img.attr("src", image);
	}
}

var lastPortfolio;
lastPortfolio = '1';
function displayPortfolio(number) {
	if(lastPortfolio == '1')
		projekktor('video'+lastVideo+'player').setPause();
	$('#portfolio'+lastPortfolio).addClass('hidden');
	$('#portfolio'+number).removeClass('hidden');
	var image = $('#stripe'+lastPortfolio).attr("src");
	image = image.replace('_active.jpg', '.jpg');
	$('#stripe'+lastPortfolio).attr("src", image);
	lastPortfolio = number;
}

var lastVideo;
lastVideo = '1';
function displayVideo(number) {
	projekktor('video'+lastVideo+'player').setPause();
	$('#video'+lastVideo).addClass('hidden');
	$('#video'+number).removeClass('hidden');
	$('#buttonVideo'+lastVideo).removeClass('videoSelected');
	$('#buttonVideo'+number).addClass('videoSelected');
	lastVideo = number;
}


jQuery(function( $ ){
	// scrollen Navigation
	$.localScroll.defaults.axis = 'xy';
	
	$.localScroll.hash({
		target: '#slideBox', // Could be a selector or a jQuery object too.
		queue:true,
		duration:2000,
		offset:{left: getOffset(), top:0 }
	});
	
	$.localScroll({
		target: '#slideBox',
		queue:true,
		duration:2000,
		hash:true,
		offset:{left: getOffset(), top:0 },
		onBefore:function( e, anchor, $target ){
			// The 'this' is the settings object, can be modified
		},
		onAfter:function( anchor, settings ){
			// The 'this' contains the scrolled element (#content)
		}
	});
});