var viewportwidth;
 var viewportheight;
 var lastAction ="home";
 var newAction ="";
 var browser ="";
 var flashOn ="nope";

function checkScreen(){
	checkBrowser();
	if (typeof window.innerWidth != 'undefined')
	{
	  viewportwidth = window.innerWidth;
	  viewportheight = window.innerHeight;
	}
	else if (typeof document.documentElement != 'undefined'
	 && typeof document.documentElement.clientWidth !=
	 'undefined' && document.documentElement.clientWidth != 0)
	{
	   viewportwidth = document.documentElement.clientWidth;
	   viewportheight = document.documentElement.clientHeight;
	} 
	else
	{
	   viewportwidth = document.getElementsByTagName('body')[0].clientWidth;
	   viewportheight = document.getElementsByTagName('body')[0].clientHeight;
	}
	
	if(viewportheight <= 700){
		document.getElementById('gallerywrapper').style.marginTop = "150px";	
	}
}
function checkBrowser(){
	var browserCheck=navigator.appName;
	if(browserCheck=="Microsoft Internet Explorer"){
		browser = "IE";
	}
}
function loadPage(){
	var Qstring =  document.location.hash;
	sInhoud = Qstring.substring(2,20);
	if(sInhoud != ""){
		
		document.getElementById('content_' + lastAction).style.display = 'none';
		document.getElementById('content_' + lastAction).style.opacity = 0;
		document.getElementById(sInhoud).style.backgroundPosition = 'bottom';
		
		if(sInhoud =="blog"){
			document.getElementById('headwrapper').style.height = "120px";
			document.getElementById('headwrapper').style.bottom = '';	
			document.getElementById('content_blog').style.display = 'block';
			document.getElementById('content_blog').style.opacity = '1';
			document.getElementById('wrapper').style.height = 'auto';
			document.getElementById('wrapper').style.bottom = '0';
			document.getElementById('wrapper').style.top = '117px';
			lastAction = "blog";
		}
		if(sInhoud =="about"){
			document.getElementById('headwrapper').style.height = "120px";
			document.getElementById('headwrapper').style.bottom = '';	
			document.getElementById('content_about').style.display = 'block';
			document.getElementById('content_about').style.opacity = '1';
			document.getElementById('wrapper').style.height = 'auto';
			document.getElementById('wrapper').style.bottom = '0';
			document.getElementById('wrapper').style.top = '117px';
			lastAction = "about";
		}
		if(sInhoud =="bookmarks"){
			document.getElementById('headwrapper').style.height = "120px";
			document.getElementById('headwrapper').style.bottom = '';	
			document.getElementById('content_bookmarks').style.display = 'block';
			document.getElementById('content_bookmarks').style.opacity = '1';
			document.getElementById('wrapper').style.height = 'auto';
			document.getElementById('wrapper').style.bottom = '0';
			document.getElementById('wrapper').style.top = '117px';
			lastAction = "bookmarks";
		}
		if(sInhoud =="gallery"){
			document.getElementById('headwrapper').style.height = "auto";
			document.getElementById('headwrapper').style.top = "0px";
			document.getElementById('headwrapper').style.bottom = "10px";
			document.getElementById('wrapper').style.top = '';
			document.getElementById('wrapper').style.height = "10px";
			document.getElementById('content_gallery').style.display = 'block';
			document.getElementById('content_gallery').style.opacity = '1';
			document.getElementById('content_gallery').style.bottom = '120px';
			document.getElementById('gallerywrapper').style.opacity = '1';
			lastAction = "gallery";
		}
		if(sInhoud =="contact"){
			document.getElementById('wrapper').style.height = 50 + "% !important";
			document.getElementById('headwrapper').style.height = 50 + "% !important";
			document.getElementById('headwrapper').style.bottom = '';
			document.getElementById('wrapper').style.top = '';
			document.getElementById('content_contact').style.display = 'block';
			document.getElementById('content_contact').style.opacity = '1';
			lastAction = "contact";
		}
	}
}

function startHome(){		
		document.getElementById('wrapper').style.height = 50 + "% !important";
		document.getElementById('headwrapper').style.height = 50 + "% !important";
		document.getElementById('headwrapper').style.bottom = '';
		document.getElementById('wrapper').style.top = '';
		if(lastAction == "gallery"){
			document.getElementById('content_' + lastAction).style.display = 'none';
		}
	}
function startGallery(){		
		
		if(browser != "IE"){
			document.getElementById('headwrapper').style.height = "auto";
			document.getElementById('headwrapper').style.top = "0px";
			document.getElementById('headwrapper').style.bottom = "10px";
			document.getElementById('wrapper').style.top = '';
			document.getElementById('wrapper').style.height = "10px";
		}
		else{
			alert("IE");
			document.getElementById('wrapper').style.height = "10px";
			document.getElementById('gallery_wrapper').style.bottom = "120px";	
		}
		
	}
function startContent(){		
		document.getElementById('headwrapper').style.height = "120px";
		document.getElementById('headwrapper').style.bottom = '';		
		if(lastAction == "gallery"){
			document.getElementById('content_' + lastAction).style.display = 'none';
		}
	}
function fixContent(){		
		if(document.getElementById('content_' + newAction).clientHeight > viewportheight-120){
			document.getElementById('wrapper').style.bottom = '0px;';
		}
		else{
			document.getElementById('wrapper').style.bottom = '0px';
		}
}

function showPage(id){		
	if(flashOn == "joat"){
		hideFlash();
	}
	checkScreen();
	
	
	if(id =="blog" || id =="about" || id =="bookmarks" && lastAction != id){
		document.getElementById("footer").style.display = "block";
		if(lastAction == "home" || lastAction =="contact" ){	
			document.getElementById("content_" + id).style.display = "block";
			document.getElementById('content_' + lastAction).style.display = 'none';
			document.getElementById('content_' + lastAction).style.opacity = 0;
			new Fx.Style('headwrapper', 'height', { duration: 500 }).custom(viewportheight/2, 120);
			new Fx.Style('wrapper', 'top', { duration: 500 }).custom(viewportheight/2, 117);
			new Fx.Style('content_' + id, 'opacity', { duration: 500 }).custom(0, 1);
			setTimeout("document.getElementById('wrapper').style.height = 'auto'",100);
			setTimeout("startContent()",550);		
		}
		if(lastAction == "gallery"){	
			document.getElementById("content_" + id).style.display = "block";
			new Fx.Style('headwrapper', 'bottom', { duration: 500 }).custom(10, viewportheight-120);
			new Fx.Style('wrapper', 'top', { duration: 500 }).custom(viewportheight-10, 117);				
			new Fx.Style('content_' + id, 'opacity', { duration: 500 }).custom(0, 1);
			new Fx.Style('content_' + lastAction, 'bottom', { duration: 500}).custom(120, viewportheight);	
			new Fx.Style('gallerywrapper', 'opacity', { duration: 500}).custom(1, 0);	
			setTimeout("document.getElementById('wrapper').style.height = 'auto'",100);
			setTimeout("startContent()",550);		
		}
		else{
			document.getElementById('content_' + lastAction).style.display = 'none';
			document.getElementById('content_' + lastAction).style.opacity = 0;
			document.getElementById("content_" + id).style.display = "block";
			new Fx.Style('content_' + id, 'opacity', { duration: 500 }).custom(0, 1);
			setTimeout("fixContent()",0);		
		}
		
	}
	if(id=="home" || id =="contact"  && lastAction != id){			
		document.getElementById("footer").style.display = "none";
		if(lastAction == "blog" || lastAction =="about" || lastAction =="bookmarks" ){	
			document.getElementById("content_" + id).style.display = "block";
			document.getElementById('content_' + lastAction).style.display = 'none';
			document.getElementById('content_' + lastAction).style.opacity = 0;
			document.getElementById('wrapper').style.bottom = '0';
			new Fx.Style('headwrapper', 'height', { duration: 500 }).custom(120, viewportheight/2);
			new Fx.Style('wrapper', 'top', { duration: 500 }).custom(117, viewportheight/2);
			new Fx.Style('content_' + id, 'opacity', { duration: 500}).custom(0, 1);	
		}
		if(lastAction == "gallery"){	
			document.getElementById("content_" + id).style.display = "block";
			new Fx.Style('headwrapper', 'bottom', { duration: 500 }).custom(10, viewportheight/2);			
			new Fx.Style('wrapper', 'height', { duration: 500 }).custom(10, viewportheight/2);		
			new Fx.Style('content_' + id, 'opacity', { duration: 500}).custom(0, 1);				
			new Fx.Style('content_' + lastAction, 'bottom', { duration: 500}).custom(120, viewportheight);	
			new Fx.Style('gallerywrapper', 'opacity', { duration: 500}).custom(1, 0);	
		}
		else{
			document.getElementById('content_' + lastAction).style.display = 'none';
			document.getElementById('content_' + lastAction).style.opacity = 0;
			document.getElementById("content_" + id).style.display = "block";
			new Fx.Style('content_' + id, 'opacity', { duration: 500 }).custom(0, 1);
		}
		setTimeout("startHome()",550);		
	}
	if(id=="gallery" && lastAction != id){			
		document.getElementById("footer").style.display = "none";
		if(lastAction == "home" || lastAction =="contact" ){			
			document.getElementById('content_' + lastAction).style.display = 'none';
			document.getElementById('content_' + lastAction).style.opacity = 0;
			document.getElementById('content_' + id).style.display = 'block';
			new Fx.Style('headwrapper', 'height', { duration: 500 }).custom(viewportheight/2, viewportheight-10);
			new Fx.Style('wrapper', 'height', { duration: 500 }).custom(viewportheight/2,10);
			new Fx.Style('content_' + id, 'bottom', { duration: 500}).custom(viewportheight,120);	
			new Fx.Style('gallerywrapper', 'opacity', { duration: 500}).custom(0, 1);	
			setTimeout("startGallery()",550);				
		}
		if(lastAction == "blog" || lastAction =="about" || lastAction =="bookmarks"){						
			document.getElementById('content_' + lastAction).style.display = 'none';
			document.getElementById('content_' + lastAction).style.opacity = 0;
			document.getElementById('content_' + id).style.display = 'block';
			document.getElementById('wrapper').style.bottom = '0';			
			new Fx.Style('headwrapper', 'height', { duration: 500 }).custom(120, viewportheight-10);
			new Fx.Style('wrapper', 'top', { duration: 500 }).custom(117,viewportheight-10);
			new Fx.Style('content_' + id, 'bottom', { duration: 500}).custom(viewportheight,120);	
			new Fx.Style('gallerywrapper', 'opacity', { duration: 500}).custom(0, 1);				
			setTimeout("document.getElementById('wrapper').style.height = 'auto'",100);			
			setTimeout("startGallery()",550);				
		}
	}	
	if(lastAction != "home"){document.getElementById(lastAction).style.backgroundPosition = '';}
	if(id != "home"){document.getElementById(id).style.backgroundPosition = 'bottom';}
	newAction = id;
	setTimeout("setId()",560);
}
function setId(){
	lastAction = newAction;
}
var selectedCat = "";
function showCat(id){			
	selectedCat = id;
	if(id!=""){	
		document.getElementById("blog_nav").style.display = "none";
		document.getElementById("pager").style.display = "none";
	
		ret=getElementsByClassName("entries");
		for (i=1;i<ret.length+1;i++) {
			document.getElementById("entries" + i).style.display = "block";	
		}
		
		ret=getElementsByClassName("blog-entry");
		for (i=0;i<ret.length;i++) {
			ret[i].style.display = "none";
		}
	
		ret=getElementsByClassName(id);
		for (i=0;i<ret.length;i++) {
			ret[i].style.display = "block !important";
		}
	}
	else{
		document.getElementById("pager").style.display = "block";
		ret=getElementsByClassName("blog-entry");
		for (i=0;i<ret.length;i++) {
			ret[i].style.display = "block";
		}
		Pager();
	}	
}
function showMonth(id){	
	document.getElementById("blog_nav").style.display = "none";
	document.getElementById("pager").style.display = "none";
	if(id!=""){	
		ret=getElementsByClassName("entries");
		for (i=0;i<ret.length;i++) {
			ret[i].style.display = "block";
		}
	
		ret=getElementsByClassName("blog-entry");
		for (i=0;i<ret.length;i++) {
			ret[i].style.display = "none";
		}
	
		ret=getElementsByClassName(id);
		for (i=0;i<ret.length;i++) {
			ret[i].style.display = "block !important";
		}
	}
	else{
		document.getElementById("pager").style.display = "block";
		ret=getElementsByClassName("blog-entry");
		for (i=0;i<ret.length;i++) {
			ret[i].style.display = "block";
		}
		Pager();
	}	
}
function getElementsByClassName(needle) {
	var my_array = document.getElementsByTagName("*");
	var retvalue = new Array();
	var i;
	var j;
	for (i=0,j=0;i<my_array.length;i++) {
		var c = " " + my_array[i].className + " ";
		if (c.indexOf(" " + needle + " ") != -1) retvalue[j++] = my_array[i];
	}
	return retvalue;
}

var check = "false";

function showMenu(){
	if(check == "false"){
		check = "...";
		new Fx.Style('gallery_menu', 'top', { duration: 200 }).custom(0,120);
		setTimeout("setCheckTrue()",210);
	}
}
function setCheckFalse(){
	check = "false";	
}
function setCheckTrue(){
	check = "true";
}
function hideMenu(){
	if(check == "true"){
		check = "...";
		new Fx.Style('gallery_menu', 'top', { duration: 200 }).custom(120,0);
		setTimeout("setCheckFalse()",210);
	}
}

function showImage(id){
		if(flashOn == "joat"){
			hideFlash();
		}
		ret=getElementsByClassName("images");
		for (i=0;i<ret.length;i++) {
			ret[i].style.display = "none";
		}
		document.getElementById(id).style.display = 'block';
}

function showSet(id){
		ret=getElementsByClassName("img_cats");
		for (i=0;i<ret.length;i++) {
			ret[i].style.display = "none";
		}
		ret=getElementsByClassName(id);
		for (i=0;i<ret.length;i++) {
			ret[i].style.display = "block";
		}
		ret=getElementsByClassName("arrow_cat");
		for (i=0;i<ret.length;i++) {
			ret[i].style.display = "none";
		}
		ret=getElementsByClassName("cat");
		for (i=0;i<ret.length;i++) {			
			ret[i].style.backgroundColor="";
			ret[i].style.textIndent="";
			ret[i].style.color="";
			ret[i].style.backgroundImage="";
			ret[i].style.backgroundPosition="";
		}
		
		document.getElementById(id).style.backgroundColor="#1D2529";
		document.getElementById(id).style.textIndent="18px";
		document.getElementById(id).style.color="#AAAEAF";
		document.getElementById(id).style.backgroundImage="url(themes/site_themes/studenten/images/arrow_hover.gif)";
		document.getElementById(id).style.backgroundPosition="10px 7px";		
		document.getElementById(id + "_arrow").style.display = 'block';
}

var entries = 1;
var lastentries = 0;
var entries_aantal = 0;
function Pager(){
	ret=getElementsByClassName("entries");
	entries_aantal = ret.length;
	for (i=1;i<ret.length+1;i++) {
		document.getElementById("entries" + i).style.display = "none";	
	}
	document.getElementById("entries" + entries).style.display = "block";	
	if(lastentries != 0 && lastentries != entries ){
		document.getElementById("entries" + lastentries).style.display = "none";	
	}
	if(entries == 1){	
		document.getElementById("previous_entries").innerHTML = "previous entries";
	}
	else{
		document.getElementById("previous_entries").innerHTML = "<a href='#?blog' onClick='entriesPrevious()'>previous entries</a>";
	}	
	if(entries == entries_aantal){
		document.getElementById("next_entries").innerHTML = "next entries";
	}
	else{
		document.getElementById("next_entries").innerHTML = "<a href='#?blog' onClick='entriesNext()'>next entries</a>";
	}
	lastentries = entries;
}

function entriesPrevious(){
	entries--;	
	Pager();
}
function entriesNext(){
	entries++;	
	Pager();
}
var lastTextId=0;
var entry_count=0;

function showText(id){
	var element;	
	
	if(document.getElementById && (element = document.getElementById("welcome"))) {
		element.style.display = 'none';
	}
	
	ret=getElementsByClassName("blog-entry");
	for (i=0;i<ret.length;i++) {
		ret[i].style.display = "none";
	}
	ret2=getElementsByClassName("entries");
	for (i=1;i<ret2.length+1;i++) {
		document.getElementById("entries" + i).style.display = "block";	
	}
	document.getElementById("entries" + lastentries).style.display = "block";	
	entry_count = ret.length;
	document.getElementById("entry" + id).style.display = "block";
	document.getElementById("intro" + id).style.display = "none";
	document.getElementById("text" + id).style.display = "block";
	document.getElementById("blog_nav").style.display = "block";
	document.getElementById("pager").style.display = "none";
	
	findPrevId(id);
	lastTextId = id;
	
	
	if(lastTextId == 1 || resultaatPrev == false){
		document.getElementById("previous").innerHTML = "previous entry";
	}
	if(lastTextId == ret.length){
		document.getElementById("next").innerHTML = "next entry";
	}
}
function entryHome(){
	if(selectedCat == ""){
		ret=getElementsByClassName("blog-entry");
		for (i=0;i<ret.length;i++) {
			ret[i].style.display = "block";
		}
		document.getElementById("intro" + lastTextId).style.display = "block";
		document.getElementById("text" + lastTextId).style.display = "none";
		document.getElementById("blog_nav").style.display = "none";
		document.getElementById("pager").style.display = "block";
		entries = Math.ceil(lastTextId/3);
		Pager();
	}
	else{
		document.getElementById("intro" + lastTextId).style.display = "block";
		document.getElementById("text" + lastTextId).style.display = "none";
		showCat(selectedCat);
	}
}
function entryPrevious(){
	if(selectedCat==""){
		document.getElementById("entry" + lastTextId).style.display = "none";
		document.getElementById("intro" + lastTextId).style.display = "block";
		document.getElementById("text" + lastTextId).style.display = "none";
		lastTextId = lastTextId-1;
		document.getElementById("entry" + lastTextId).style.display = "block";
		document.getElementById("intro" + lastTextId).style.display = "none";
		document.getElementById("text" + lastTextId).style.display = "block";
		if(lastTextId == 1){
			document.getElementById("previous").innerHTML = "previous entry";
		}
		if(lastTextId == entry_count-1){
			document.getElementById("next").innerHTML = "<a href='#?blog' onClick='entryNext()'>next entry</a>";
		}
	}
	else{
		document.getElementById("entry" + lastTextId).style.display = "none";
		document.getElementById("intro" + lastTextId).style.display = "block";
		document.getElementById("text" + lastTextId).style.display = "none";
		
		findPrevId(lastTextId);
		
		document.getElementById("entry" + lastTextId).style.display = "block";
		document.getElementById("intro" + lastTextId).style.display = "none";
		document.getElementById("text" + lastTextId).style.display = "block";
		
		findPrevId(lastTextId);
		
		if(lastTextId == 1 || resultaatPrev == false ){
			document.getElementById("previous").innerHTML = "previous entry";
		}
		if(lastTextId == entry_count-1){
			document.getElementById("next").innerHTML = "<a href='#?blog' onClick='entryNext()'>next entry</a>";
		}
	}	
}
var resultaatPrev = true;

function findPrevId(id){
	id--;
	if(id != 0){
		if(document.getElementById("hidden" + id).innerHTML != selectedCat){				
			findPrevId(id)			
		}
		else{
			lastTextId = id;
			resultaatPrev = true;
		}
	}
	else{
		resultaatPrev = false;
	}
}
function entryNext(){
	if(selectedCat==""){
		document.getElementById("entry" + lastTextId).style.display = "none";
		document.getElementById("intro" + lastTextId).style.display = "block";
		document.getElementById("text" + lastTextId).style.display = "none";
		lastTextId = lastTextId+1;
		document.getElementById("entry" + lastTextId).style.display = "block";
		document.getElementById("intro" + lastTextId).style.display = "none";
		document.getElementById("text" + lastTextId).style.display = "block";
		if(lastTextId == entry_count){
			document.getElementById("next").innerHTML = "next entry";
		}
		if(lastTextId == 2){
			document.getElementById("previous").innerHTML = "<a href='#?blog' onClick='entryPrevious()'>previous entry</a>";
		}
	}
	else{
		document.getElementById("entry" + lastTextId).style.display = "none";
		document.getElementById("intro" + lastTextId).style.display = "block";
		document.getElementById("text" + lastTextId).style.display = "none";
		findNextId(lastTextId);
		document.getElementById("entry" + lastTextId).style.display = "block";
		document.getElementById("intro" + lastTextId).style.display = "none";
		document.getElementById("text" + lastTextId).style.display = "block";
		if(lastTextId == entry_count){
			document.getElementById("next").innerHTML = "next entry";
		}	
		document.getElementById("previous").innerHTML = "<a href='#?blog' onClick='entryPrevious()'>previous entry</a>";
		
	}
}
function findNextId(id){
	id++;
	if(lastTextId != entry_count-1){
		if(document.getElementById("hidden" + id).innerHTML != selectedCat){				
			findPrevId(id)			
		}
		else{
			lastTextId = id;
		}
	}
}
function showFlash(){
		document.getElementById("trainspotting").style.display = "none";
		var FlashHTML = "<object classid='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0' width='800' height='450' id='intro' align='middle'>";
		FlashHTML += "<param name='allowScriptAccess' value='sameDomain' />";
		FlashHTML += "<param name='movie' value='intro.swf' />";
		FlashHTML += "<param name='quality' value='high' />";
		FlashHTML += "<param name='bgcolor' value='#000000' />";
		FlashHTML += "<embed src='http://jan-kask.dreamhosters.com/images/uploads/intro.swf' quality='high' bgcolor='#000000' width='800' height='450' name='intro' align='middle' allowScriptAccess='sameDomain' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer' />";
		FlashHTML += "</object>";
		document.getElementById("flash").innerHTML = FlashHTML;
		document.getElementById("gallerywrapper").style.backgroundColor = "transparent";
		flashOn = "joat";
}
function hideFlash(){
		document.getElementById("trainspotting").style.display = "block";
		document.getElementById("flash").innerHTML = "";
		document.getElementById("gallerywrapper").style.backgroundColor = "#fff";
		flashOn = "nope";
}