$(function() {
	$('#gallery a').lightBox();
	$('#gallery2 a').lightBox();
});
function showcat(cat)  {
	$('.img').fadeOut('500');
	$('.desc').stop(1,1).fadeOut('500');
	$('.text').stop(1,1).fadeOut('500');
	window.setTimeout(function () { $('#title'+cat).fadeIn('500'); $('#back').fadeIn('500'); $('#text'+cat).fadeIn('500'); },500);
}
$(document).ready(function() {
	if (document.location.hash=='#prog') {
		showcat(1)
	}
	else if (document.location.hash=='#photo') {
		showcat(2);
		$('#gallery').fadeIn(500);
		$('#gallery2').fadeIn(500);
	}
	else if (document.location.hash=='#video') {
		showcat(3);
	}
	$('#img1').hover((function () {$('.desc').stop(1,1).css('display','none'); $('#desc'+this.id.replace('img','')).fadeIn('500');}),(function () {$('#desc'+this.id.replace('img','')).fadeOut('500');}));
	$('#img1').click((function () {showcat(this.id.replace('img','')); document.location='#prog';}));
	$('#img2').hover((function () {$('.desc').stop(1,1).css('display','none'); $('#desc'+this.id.replace('img','')).fadeIn('500');}),(function () {$('#desc'+this.id.replace('img','')).fadeOut('500');}));
	$('#img2').click((function () {$('#gallery').fadeIn(500); $('#gallery2').fadeIn(500); showcat(this.id.replace('img','')); document.location='#photo';}));
	$('#img3').hover((function () {$('.desc').stop(1,1).css('display','none'); $('#desc'+this.id.replace('img','')).fadeIn('500');}),(function () {$('#desc'+this.id.replace('img','')).fadeOut('500');}));
	$('#img3').click((function () {showcat(this.id.replace('img','')); document.location='#video';}));
	
	$('#img4').hover((function () {$('.desc').stop(1,1).css('display','none'); $('#desc'+this.id.replace('img','')).fadeIn('500');}),(function () {$('#desc'+this.id.replace('img','')).fadeOut('500');}));
	
	$('#back').click(function () {$('.title').fadeOut('500'); $(this).fadeOut('500',function () {$('.img').fadeIn('500');}); $('.text').fadeOut('500'); document.location='#'});

	$('#info').mouseenter(function () {$('#info').stop(true,true).css('display','inline');});
	$('#infoimg').mouseenter(function () {$('#info').fadeIn('500');});
	$('#infocontainer').mouseleave(function () {$('#info').fadeOut('500');});
	
	$('#mail').mouseenter(function () {$('#mail').stop(true,true).css('display','inline');});
	$('#mailimg').mouseenter(function () {$('#mail').fadeIn('500');});
	$('#mailcontainer').mouseleave(function () {$('#mail').fadeOut('500');});
});