Cufon.replace('h1, h2, #menu li', { fontFamily: 'DIN-Engschrift', hover: 'true' });

$(document).ready(function() 
{
	// message pagination
	$index = 0;
	
	$('#column-black #back a').click(function() {
		setmessage(1);
	});
	
	$('#column-black #next a').click(function() {
		setmessage(-1);
	});
	
	setmessage($index);
	
	// set portfolio image
	$('#column-content .thumb').click(function() {
		$url = $(this).attr('href');
		$('#fancybox-url').attr('href', $url)
		$('#portfolio-image').attr('src', $url);
		getThumbId($url);
		return false;
	});
	
	// set thumbnail navigation
	$thumb_id = 0;
	$thumbs = $('#content-thumbs a').length;
	$thumb_url = '';
	
	if($thumbs == 1 && $('.end').length != 0)
		$('a.next').hide();
	
	$('a.back').click(function() {
		$thumb_id--;
		if($thumb_id >= 0)
		{
			getThumb($thumb_id);
			$('#fancybox-url').attr('href', $thumb_url)
			$('#portfolio-image').attr('src', $thumb_url);
			
			if($thumb_id < $thumbs)
				$('a.next').show();
				
			return false;
		}	
	});
	
	$('a.next').click(function() {
		$thumb_id++;
		if($thumb_id < $thumbs) 
		{
			getThumb($thumb_id);
			$('#fancybox-url').attr('href', $thumb_url)
			$('#portfolio-image').attr('src', $thumb_url);
			
			if($thumb_id == ($thumbs-1) && $('.end').length != 0)
				$(this).hide();
			
			return false;
		} 
	});
	
	// setup fancybox 
	$("a[rel=overlay]").fancybox({ overlayColor:'#000', overlayOpacity:0.9, autoDimensions:true, padding:10, margin:0, scrolling:'no', autoScale:'false', centerOnScroll:'true' });
});

function getThumb($id)
{	
	$('#content-thumbs a').each(function(i) {
		if(i == $id) {
			$thumb_url = $(this).attr('href');
			return false; 
		}
	});	
}
function getThumbId($url)
{
	$('#content-thumbs a').each(function(i) {
		if($(this).attr('href') == $url) {
			$thumb_id = i;
		}
	});
}

function setmessage(id) 
{
	$index += id;
	$total = $('#message-holder').length;
	
	$('#message-holder .message').each(function(i) {
		if(i == $index)
			$(this).show();
		else 
			$(this).hide();
	});
	
	$index == 0 ? $('#column-black #next').hide() : $('#column-black #next').show();
	$index == $total ? $('#column-black #back').hide() : $('#column-black #back').show();
}