var h = 600;
var $act;
var $rem = null;

var index = 0;
var remIndex = -1;

var picAmount = 0;
var picCount = 1;

var mouseX = 0;
var showRmd = '';
var hideRmd = '';

var starts = ['01','02','03','04','05','06','07']

var first = true;
var h_inhalt;

var base = "http://www.ingridhaug.com/";
var $actImg;
var allPics = false;
var block = false;

var isloading = false;
var dislay = false;
var $actDisplay;

$(document).ready(function(){
			   
	
	$F = $('div#frame');
	
	var rand = parseInt(Math.random()*(starts.length)) +1;
/* 	$('div#bg > img').attr("src","files/start/0"  + rand +".jpg"); */
	
	$('div#bg > img').attr("src","files/start/xmas.jpg");
	
	var cssFile;
	switch(rand){
		case 2:  cssFile = "gelb"; break;
		case 1:  cssFile = "green_dark"; break;
		case 6:  cssFile = "blau";break;
		case 4:  cssFile = "grau";break;
		case 3:  cssFile = "grau";break;
		default: cssFile = "black";
	}
	
/* 	$('head').append('<link rel="stylesheet" href="css/start_' + cssFile + '.css" type="text/css" media="all" />'); */
	$('head').append('<link rel="stylesheet" href="css/all.css" type="text/css" media="all" />');

	var w_h = document.documentElement.clientHeight;
	var w_w = document.body.clientWidth;


	if(w_w > 1440 || w_h > 900){
		if(w_h*1.6 < w_w) {
			$('div#bg > img').css("height","auto");
			$('div#bg > img').css("width","100%");	
		}else{
			$('div#bg > img').css("height","100%");
			$('div#bg > img').css("width","auto");	
		}
	}else{
		$('div#bg > img').width(1440);
		$('div#bg > img').height(900);
	}
	changeLang();
	h_inhalt = $('div#site').height();
	$('div#site').height(0);

	
	$('div#bg > img').load(function(){
		setTimeout("show()",1000);
	})

	
	$('div#site > div#head > div#lang > a').click(function(){
		$(this).siblings().removeClass("act");
		$(this).addClass("act");
		lang = $(this).attr("id");
		changeLang();
	})
	
	$(window).resize(function(){
		if(first){
			var w_h = document.documentElement.clientHeight;
			var w_w = document.body.clientWidth;
			
			if(w_w > 1440 || w_h > 900){
				if(w_h*1.6 < w_w) {
					$('div#bg > img').css("height","auto");
					$('div#bg > img').css("width","100%");	
				}else{
					$('div#bg > img').css("height","100%");
					$('div#bg > img').css("width","auto");	
				}
			}else{
				$('div#bg > img').width(1440);
				$('div#bg > img').height(900);
			}
		}
	});

	
	$('div#site > div#projects > a').click(function(){
		$(this).siblings().removeClass("act");
		$(this).addClass("act");
		$('div#site').children(':not(:last)').css("display","none");
		$('div#site').children(':not(:last)').stop();
		$('div#site > div#head').css("display","block");
		$('div#site > div#projects').css("display","block");
		
		if($(this).attr("id") == "pro"){
			$('div#site > div#inhalt').slideDown(1000);
		}else if($(this).attr("id") == "info"){
			if(lang=="de"){

				$('div#site > div#info_de').slideDown(1000);
			}else{

				$('div#site > div#info_en').slideDown(1000);
			}
		}else{
			if(lang=="de"){

				$('div#site > div#kontakt').slideDown(1000);
			}else{

				$('div#site > div#contact').slideDown(1000);
			}
		}
	})
	
	$('div#site > div#inhalt > div.title > a').click(function(){
		if(first){
			!first;
			$('div#bg > img').css('display','none');
			$('head').append('<link rel="stylesheet" href="css/all.css" type="text/css" media="all" />');
			$('div#site > div#head > span').css("color","black");
		}
		$act = $(this).parent().next();
		$act.children().remove();
		index = $('*').index($act);
		var cont = $(this).parent().attr('id');
		loader(cont);
		allPics = false;
		dislay = false;
		if($rem != null){
			window.clearInterval(showRmd);
			showRmd = '';
			$rem.verstecken();
		}
		if(index != $('*').index($rem)){
			$act.anzeigen();
			$rem = $act;
		}else{
			$act.verstecken();
			$rem = null;
		}
		return false;
	});
	
	$('div#site > div#inhalt > div.content > div.imgs > a').livequery('click', function(event){
		if(!block){
			$('div#site div#inhalt div.content div.nums').css("color","black");
			
			var tit = $(this).parent().attr("title");
			$actImg = $(this);
			
			if(picCount == picAmount){
			 	picCount = 1;
			 	allPics = true;
			}else{ 
				picCount++;
			}
			
			if(!allPics){
				block = true;
				$(this).parent().append('<a href="javascript:void(0)"></a>');
				isloading = true;
				$('div#loader').width(0).css("visibility","visible");
				loadi();
			 	$(this).parent().children("a:last").image(base + tit + picCount + ".jpg",function(){
			 		isloading = false;
			 		$('div#loader').css("visibility","hidden");
		 			$actImg.fadeOut(300, function () { 
						$actImg.css("display","none");
						picCng($actImg);
		     		});
		 		});
		 	}else{
		 		block = true;
		 		$actImg.fadeOut(300, function () { 
					$actImg.css("display","none");
					picCng($actImg);
		     	});
		 	}
	 	}
	});
	
});

function loadi(){
	var lh = $('div#loader').width()+1;
	$('div#loader').width(lh);
	if(isloading) setTimeout("loadi()",10);
}


$.fn.image = function(src, f){ 
	return this.each(function(){ 
	 	var i = new Image(); 
	 	i.src = src; 
	 	i.onload = f;
	 	this.appendChild(i);
	}); 
} 

function picCng($clk){
   	if(picCount == 1){
	  $clk.parent().children(':first').css("display","block"); 
	  $clk.parent().children(':first').fadeIn(300);  
	}else{
	  $clk.next().css("display","block"); 
	  $clk.next().fadeIn(300); 
	}
	counter(picCount);
	block = false;
}

function show(){
	$('div#site').css('display','block');
	$('div#site').animate({height:h_inhalt},2500);
}


function changeLang(){
	if(lang == "de"){
		$('span.de').css('display','inherit');
		$('span.en').css('display','none');
		$("div#site > div#inhalt > div.content").each(function(){
			$(this).children('div.txt:first').css('display','block');
			$(this).children('div.txt:last').css('display','none');
		});
	}else{
		$('span.de').css('display','none');
		$('span.en').css('display','inherit');
		$("div#site > div#inhalt > div.content").each(function(){
			$(this).children('div.txt:first').css('display','none');
			$(this).children('div.txt:last').css('display','block');
		});
	}
	if($('div#site > div#info_de').css("display") == "block" || $('div#site > div#info_en').css("display") == "block"){ 
		if(lang=="de"){
			$('div#site > div#info_de').css("display","block");
			$('div#site > div#info_en').css("display","none");
		}else{
			$('div#site > div#info_de').css("display","none");
			$('div#site > div#info_en').css("display","block");
		}
	}
	
	if($('div#site > div#kontakt').css("display") == "block" || $('div#site > div#contact').css("display") == "block"){ 
		if(lang=="de"){
			$('div#site > div#kontakt').css("display","block");
			$('div#site > div#contact').css("display","none");
		}else{
			$('div#site > div#kontakt').css("display","none");
			$('div#site > div#contact').css("display","block");
		}
	}
}

function getVis($pic){
	return $pic.filter(function (index){return $(this).css("display") == "block";})
}



function loader(cont){
	if(cont != '' && index != remIndex){
		$act.load(cont +".html", function(){	
			var $obj =  $act.children('div.imgs');
			picCount = 1;
			picAmount = $obj.attr("id");
		});	
	}
}

function counter(count){
	$act.children('div.nums').html(count + " / " + picAmount);
}

function displayer(){
	if(dislay && $actDisplay.children('div.imgs').children(':first').css("display") != "block"){
		var $temp = $actDisplay.children('div.imgs').children(':first');
		$temp.css("display","block");
		if(lang == 'de'){
			$actDisplay.children('div.txt:first').css('display','block');	
		}else{
			$actDisplay.children('div.txt:last').css('display','block');
		}
		setTimeout("displayer()",10);
	}
}


$.fn.anzeigen = function(){
	var $this = $(this);
	$actDisplay = $(this);
	var myVal = window.setInterval(function(){								
		var h = $this.attr('id');
		var temp = $this.height();
		showRmd = myVal;
		if(temp != h){
			var diff = Math.ceil((h-temp)/10);
			$this.height(temp + diff);
		}else{
			window.clearInterval(myVal);
			valRmd = '';
			counter(1);
			dislay = true;
			displayer();
			var $temp = $this.children('div.imgs').children(':first');
			$temp.css("display","block");
			if(lang == 'de'){
				$this.children('div.txt:first').css('display','block');	
			}else{
				$this.children('div.txt:last').css('display','block');
			}
		}
	}, 1);
};

$.fn.verstecken = function(){
	dislay = false;
	var $this = $(this);
	var myVal = window.setInterval(function(){								
		var temp = $this.height();
		hideRmd = myVal;
		if(temp != 0){
			var diff = Math.ceil((temp)/10);
			$this.height(temp - diff);
		}else{
			window.clearInterval(myVal);
			valRmd = '';
			var $temp = $this.children('div.imgs').children();
			$temp.css("display","none");
			$this.children('div.nums').html("");
		}
	}, 1);
};