$(document).ready(function(){
	$('form .buttons input[type=submit]').each(function(){
		$(this).replaceWith('<a class="submit"><span>'+ $(this).val() +'</span></a>');
	});
	$('form .buttons a.submit').click(function(){
		$(this).closest('form').submit();
	});
});






function HomeAnimation() {

	var working = false;
	var thumbLink = $('<a href="#" class="about"><img src="img/marijke.thumb.jpg"></a>');
	var currentid = '#about';
	
	$('#about').addClass('animation');
	$('#imagetrick li').click(function() {
	
		if(!working) {
			working = true;
			
			var li = $(this);
			var a = $('a', li);
			
			var newThumbLink = li.html();
			var target =  '#'+$('a', li).attr('class');

			$(currentid).fadeOut(250);
			$(target).fadeIn(240, function() {
				thumbLink = newThumbLink;
				working = false;
				currentid = target;			
			});
			$('#imagetarget').animate({height: $(target).height()}, 230);
			li.html(thumbLink);			
		}
		return false;
	});
	
	//preload large images
	$('#imagetrick li').each(function(){
		var li = $(this);
		var a = $('a',li)
		
		var img = new Image();
		img.src = a.attr('href');
	
		a.attr('class','ani_' + li.attr('class'));
		
		var div = $('<div class="animation" id="ani_' + li.attr('class') + '"></div>').hide();
		$('#imagetarget').append(div.append($(img)));
	});
}







function MakeGallery() {
	var current = 1*$('#thumblist li.current').attr('rel');
	var numtotal = 1*$('#thumblist li:last').attr('rel');
	var working = false;
	$('#image').height($('#image .imwrap').height()).addClass('hasjs');

	var prevLink = $('#gallerynav .prev a');
	if(!prevLink.html()) {
		prevLink = $('<a class="inact"></a>').appendTo('#gallerynav .prev');
	}
	prevLink.click(function(){
		if(current > 1) {
			showItem(current - 1);
		}
		return false;
	});
	
	var nextLink = $('#gallerynav .next a');
	if(!nextLink.html()) {
		nextLink = $('<a class="inact"></a>').appendTo('#gallerynav .next');
	}
	nextLink.click(function() {
		if(current < numtotal) {
			showItem(current + 1);
		}
		return false;
	});
	
	var startWork = function() {
		var ret = (working == false);
		if(ret) {
			working = true;
			$('#thumblist').addClass('working');
			$('#gallerynav').addClass('working');
		}
		return ret;
	}
	
	var endWork = function() {
		$('#thumblist').removeClass('working');
		$('#gallerynav').removeClass('working');
		working = false;
	}
	
	var loadImageBox = function (html) {
		var node = $(html);

		var current = $('#image .imwrap');
		current.css({zIndex: 25});
				
		$('#image').append(node);
		$('#image').animate({height: node.height()}, 200);
		
		current.fadeOut(200, function(){
			$(current).remove();
			endWork();
		});
	}
	
	var setCurrent = function (num, url) {
		current = num;
		if(num == 1) { prevLink.addClass('inact'); } else { prevLink.removeClass('inact'); }
		if(num == numtotal) { nextLink.addClass('inact'); } else { nextLink.removeClass('inact'); }
		
		document.title = $('#description h1').html() + ', foto ' + num + ' van ' + numtotal;
		$('#gallerynav .count').html(num + ' van ' + numtotal);
		$('#breadcrumb a:last').html(num).attr('href',url);
		
	}
	
	var showItem = function(i) {
		var li = $('#thumblist li[rel='+i+']');
		if(!li.hasClass('current')) {
			if(startWork()) {
				var img = $('img',li);
				var a =  $('a',li);
			
				$('#thumblist li.current').removeClass('current');
				li.addClass('current');
			
				//load image HTML
				var url = ABS_URI + a.attr('href');
				$.get( url, {ajx:1}, loadImageBox, 'html');
			
				var num = 1*li.attr('rel');
				setCurrent(num, url);
				var url = $(this).attr('href') + '?ajx=1';
				
				$('#main .ig h2').html(a.attr('title'));
			}
		}
	}

	$('#thumblist li a').click(function() {
		var i = $(this).closest('li').attr('rel');
		showItem(i);
		return false;
	});
	
	

}