var isIE = false;
var internetexplorer = false;

$(document).ready(function(){

if(navigator.appName == "Microsoft Internet Explorer") { internetexplorer = true;}

if((internetexplorer == true) && (navigator.appVersion.substring(22, 23)<7))
{ $("#home").text(""); alert(unescape("Zur vollst%E4ndigen Darstellung dieser Seite ben%F6tigen Sie einen aktuelleren Browser.")); }
else
{
$(".menu_level a").hide();
$(".menu_level a#menu").show();
$(".menu_level a#menu").removeAttr("class");

	$(document).keydown(function(event){
		event = event || window.event;
		if (event.keyCode==39 || event.keyCode==40) 
		{
			showNextProject();
			$("#projektbox").hide("slow");
		} //right and down key
		if (event.keyCode==37 || event.keyCode==38) 
		{
			showPreviousProject();
			$("#projektbox").hide("slow");
		} //left and up key

	});

	loadFirstProject();
	
	$('a#closebox').click(function() {
		$("#projektbox").hide("slow");
		$("#image_data").show("slow");
	});
	
	$('a#menu').click(function() {
		if($('a#menu').attr("class")=="active"){
		$(".menu_level a").hide();
		$(".menu_level a#menu").show();
		$(".menu_level a#menu").removeAttr("class");
		}
		else {
		$(".menu_level a").show();
		
		$(".menu_level a#menu").attr("class", "active");
		}
		
	});

/**************** NAVI ******************/
$('#blog h1').live('click', function() {
$('#blog div.text').hide();
$('#blog h1').removeClass("active");
$(this).addClass("active");
$(this).parent("div.post").find("div.text:first").show();
});


$('#blog h1.active').live('click', function() {
$('#blog div.text').hide();
$('#blog h1').removeClass("active");
								
});

$('#content a#closecontent').click(function() {
$("#content").fadeOut(function() {
      $("#content").hide();
	  $('#nav a').removeClass("active");
    });   
return false;
});

$("#content").css("height", $(window).height());

$('#nav a').click(function() {
$('#nav a').removeClass("active");
$(this).addClass("active");
$("#content div.inner").css("height", $(window).height()-140);

url = $(this).attr("href");

if(url == "blog")
{
  $.ajax({
  	beforeSend: function(){
  		$("#content div.inner").html("");
  		},
  	type: "POST",
  	url: "index.php",
  	// <![CDATA[
  	data: "area="+url,
  	//]]>
  	success: function(returned){
  	$("#content div.inner").html(returned);
  	$('#blog div.text').not(":first").hide();
  	}
  }); //end ajax
}
else
{
  $.ajax({
  	beforeSend: function(){
  		$("#content div.inner").html("");
  		},
  	type: "POST",
  	url: "index.php",
  	// <![CDATA[
  	data: "story="+url,
  	//]]>
  	success: function(returned){
  	$("#content div.inner").html(returned);
  	}
  }); //end ajax
}
$("#content").fadeIn();

return false;
});

(function ($) {
    var proxied = $.fn.fadeTo;
    $.fn.fadeTo = function() {
        if ($(this).is(':hidden')) {
            $(this).css('opacity', 0).show();
        }
        
        return proxied.apply(this, arguments);
    }
})(jQuery);
	
	$('#image_data h1').click(function() {
	   $("#image_data").hide("slow");
		$("#projektbox").show("slow");
	});
	
	$('.project_previous').click(function(e) {
		$(this).oneTime(250, "next", showPreviousProject);
		e.preventDefault();
		$("#projektbox").hide("slow");
	});
	
	$('.project_next').click(function(e) {
		$(this).oneTime(250, "next", showNextProject);
		e.preventDefault();
		$("#projektbox").hide("slow");
	});
	
	if(internetexplorer==true){
		$('.project_previous').show();
		$('.project_next').show();
		if(navigator.appVersion.substring(22, 23)==7)
		{
		  $('.project_previous').hide();
		  $('.project_next').hide();
		}
	}
	
}	
});

$(window).resize(function(){
  // Die Hintergrundbilder an den Bildschirm anpassen
	resizeImageSCut();
});
		
var imgCenter = "#image_actual";
var imgLeft = "#image_previous";
var imgRight = "#image_next";
var imgUp = "#image_up";
var imgDown = "#image_down";

function resizeImageSCut() {
	
	var navWidth = $(window).width();
	var navHeight = $(window).height();
	var navRatio = navWidth / navHeight;

	if ($('#main_image').width() > 1) picWidth = $('#main_image').width();
	if ($('#main_image').height() > 1) picHeight = $('#main_image').height();
	picRatio = picWidth / picHeight;
	
	if (navRatio > picRatio) {
		var newHeight = (navWidth / picWidth) * picHeight;
		var newWidth = navWidth;
	} else {
		var newHeight = navHeight;
		var newWidth = (navHeight / picHeight) * picWidth;
	}
	
	// Bild zentrieren
	newTop = 0 - ((newHeight - navHeight) / 2);
	newLeft =  0 - ((newWidth - navWidth) / 2);

	$('#loaded_images').css({height: navHeight, width: navWidth});
	$('#loaded_images').css({visibility:"visible", display:"block"});
	
	$('.main_image').css({height: newHeight, width: newWidth});
	
	$(imgCenter).css({top: newTop, left: newLeft});
	$(imgLeft).css({top: newTop, left: newLeft-newWidth});
	$(imgRight).css({top: newTop, left: newLeft+newWidth});
	$(imgUp).css({top: newTop-newHeight, left: newLeft});
	$(imgDown).css({top: newTop+newHeight, left: newLeft});
	
	resizeElementsSCut();
	
}

function resizeElementsSCut() {
	var navWidth = $(window).width();
	var navHeight = $(window).height();
	
	var navProjectTop = (navHeight-$('#project_navigation .project_previous').height())/2;
	$('#project_navigation .project_previous').css("marginTop", navProjectTop+"px");
	$('#project_navigation .project_next').css("marginTop", navProjectTop+"px");
	
	var navProjectWidth = navWidth/2-100;
	$('#project_navigation_previous').width(navProjectWidth);
	$('#project_navigation_next').width(navProjectWidth);
	
	var preloadTop = (navHeight-40)/2;
	var preloadLeft = (navWidth-40)/2;
	$('#project_preload').css({top: preloadTop, left: preloadLeft});
}


function blancoButton(element, bckPos, bckPosBack) {
	element.css("backgroundPosition", bckPos);
	element.animate({opacity: 1}, "normal", function(){
		$(this).css("backgroundPosition", bckPosBack);
	});
}


function preloadImage(source, nextEvent) {
	$('#project_loading').show();
	if (imageActual!=1 || !projects[projectActual][4]){
	    $('<img />').attr('src', source).load(function(){
			if (imageActual==1) projects[projectActual][4] = true;
			$(this).oneTime(500, "preload", nextEvent);
		});
	} else {
		$(this).oneTime(250, "preload", nextEvent);
	}
}

function preloadNext() {
	// Das nächste Projekt vorladen
	preloadActual++;
	if (preloadActual==projects.length) preloadActual = 1;
	preloadActual = getNextToPreload();
	if (preloadActual != -1){
	var source = getPreloadImageSourceActual();
		$('<img />').attr('src', source).load(function(){
			projects[preloadActual][4] = true;
			preloadNext();
		});
	}
}

function getNextToPreload() {
	if (!projects[preloadActual][4]) return preloadActual;
	else {
		var someToPreload = -1;
		for (var i=preloadActual; i<projects.length; i++){
			if (!projects[i][4]){
				someToPreload = i;
				break;
			}
		}
		if (someToPreload == -1){
			for (var i=1; i<preloadActual; i++){
				if (!projects[i][4]){
					someToPreload = i;
					break;
				}
			}
		}
		return someToPreload;
	}
}

function hideProjectData() {
	if (isIE){
		$('#image_data').hide();
	} else {
		$('#image_data').stop().fadeTo('fast', 0);
	}
	$('#image_data_navigation').stop().fadeTo('fast', 0);
}

function showProjectData() {
  
	var idImage = projects[projectActual][0];
	var title = projects[projectActual][1];
	var desc = (isIE)? "<img src='"+imageDataSource+"' /><br /><br />" : "";
		desc += projects[projectActual][2];
	
	$('#image_data h1').html(title);
	$('#projektbox p.title').html(title);
	$('#projektbox p:eq(1)').html(desc);
	
	if (isIE){
		$('#image_data').show();
	} else {
		$('#image_data').show();
		$('#image_data').stop().css("opacity", 0).fadeTo('slow', 1);
	}
	
	if (isIE) resizeImageSCut();
}

function getImageSourceActual(){

	var idImage = projects[projectActual][3].split('|')[imageActual-1];
	var imageSource = imagePath+idImage;
	
	return imageSource;
}

function getPreloadImageSourceActual(){

	var idImage = projects[preloadActual][3].split('|')[0];
	var imageSource = imagePath+idImage;
	
	return imageSource;
}

function loadFirstProject() {
	resizeElementsSCut();
	var imageSource = getImageSourceActual();	
	preloadImage(imageSource, loadFirstProjectEnd);
}

function loadFirstProjectEnd() {
	var imageSource = getImageSourceActual();
	
	$(imgCenter)[0].src = imageSource;
	resizeImageSCut();
	showProjectData();
	$('#loaded_images').css({opacity:0}).fadeTo(1000, 1);
	
	if (!isIE) {
		projects[projectActual][4] = true;
		preloadNext();
	}
	
	$('#project_loading').stop().fadeOut('slow');
}
   
function showNextProject() {
	hideProjectData();
	
	$(this).oneTime(10, function() {
		projectActual += 1;
		if (projectActual == projects.length) projectActual = 1;
		imageActual = 1;
	
		var imageSource = getImageSourceActual();
		preloadImage(imageSource, showNextProjectEnd);	
  	});  		
}

function showNextProjectEnd() {
	var imageSource = getImageSourceActual();
	
	if (isIE) {
		$(imgCenter)[0].src = imageSource;
	} else {
		var centerLeftIni = $(imgCenter).position().left;
		var centerLeftEnd = $(imgCenter).position().left - $(imgCenter).width();
		var rightLeftIni = $(imgRight).position().left;
		var rightLeftEnd = $(imgCenter).position().left;
		
		$(imgRight)[0].src = imageSource;
		
		$(imgCenter).animate({left:centerLeftEnd}, 1000);
		$(imgRight).animate({left:rightLeftEnd}, 1000, function(){
			$(imgCenter)[0].src = imageSource;
			$(imgCenter).css({left:centerLeftIni});
			$(imgRight).css({left:rightLeftIni});
		});
	}
	showProjectData();
	
	$('#project_loading').stop().fadeOut('slow');
}

function showPreviousProject() {
	hideProjectData();
	
	$(this).oneTime(10, function() {
		projectActual -= 1;
		if (projectActual == 0) projectActual = (projects.length-1);
		imageActual = 1;
		
		var imageSource = getImageSourceActual();
		preloadImage(imageSource, showPreviousProjectEnd);
  	});
}

function showPreviousProjectEnd() {
	var imageSource = getImageSourceActual();

	if (isIE) {
		$(imgCenter)[0].src = imageSource;
	} else {	
		var centerLeftIni = $(imgCenter).position().left;
		var centerLeftEnd = $(imgCenter).position().left + $(imgCenter).width();
		var leftLeftIni = $(imgLeft).position().left;
		var leftLeftEnd = $(imgCenter).position().left;
		
		$(imgLeft)[0].src = imageSource;
		
		$(imgCenter).animate({left:centerLeftEnd}, 1000);
		$(imgLeft).animate({left:leftLeftEnd}, 1000, function(){
			$(imgCenter)[0].src = imageSource;
			$(imgCenter).css({left:centerLeftIni});
			$(imgLeft).css({left:leftLeftIni});
		});
	}
	
	showProjectData();
	
	$('#project_loading').stop().fadeOut('slow');
}

$(window).resize(function() {
$("#content").css("height", $(window).height());
$("#content div.inner").css("height", $(window).height()-140);
});