var isShowGoodies = false;
var activeSlide = 0;
var recentHash = '';
var mark = /\?/;

function checkHash() {
		if ((window.location.hash!=recentHash)) {
			recentHash = window.location.hash;
			var hash = window.location.hash;
			if(hash.match(mark)){
				var splitHash = hash.split(/\?/);
				var section = splitHash[0];
				var item = splitHash[1];
				directTo(section, item);
			}
		}
}

$(document).ready(function(){
	checkHash();
	setInterval(checkHash, 1000);

	$('#thumbnails li a').click(function(){
		clickedLink = $(this).attr("href");
		var link = new Array();
		link = clickedLink.split('#');
		loadPage = clickedLink.replace(/#/,' #');
		
		if(!isShowGoodies){
			$('#mainCol').fadeOut(400);
			$('#subCol').fadeOut(400);
		}else{
			$('#overlay').animate({
				opacity:0
			},400)
		}
		setTimeout(function(){
			recentHash =  window.location.hash ='#goodies?'+link[1];
			$('#overlay').load(loadPage,showGoodies);
		},400);
		return false;
	});

	$('#copyright a').click(function(){
		$('#overlay').fadeOut(400);
		setTimeout(function(){
			$('#mainCol').fadeIn(400);
			$('#subCol').fadeIn(400);
		},500);

		isShowGoodies = false;
		recentHash =  window.location.hash = '#';
		return false;
	});

 	setInterval( "slide()", 5000 );
});

function directTo(section, item){
	section = section.replace(/#/,'');
	loadPage = section + '.html #' + item;

	$('#mainCol').fadeOut(50);
	$('#subCol').fadeOut(50);
	setTimeout(function(){
		$('#overlay').load(loadPage,showGoodies);
	},50);
}

function showGoodies(){
	if(!isShowGoodies){
		$('#overlay').fadeIn(400);
	}else{
		$('#overlay').animate({
			opacity:1
		},400)
	}
	$('.preview').fadeIn(400);
	setTimeout(function(){
		$('.description').fadeIn(400);
	},300);
	isShowGoodies = true;
}

function slide(){
    var totalSlide = $('.work').length;
	$('#works').animate({
		opacity:0
	},600);
	activeSlide += 1;
    if (activeSlide >= totalSlide){
       	$('#works').animate({
    		opacity:0
    	},300);
    	$('#works').animate({
    		left:"0px"
    	},1);
    	activeSlide = 0;
    }else{
    	$('#works').animate({
 			left:"-=476px"
    	},1);
   	}
	$('#works').animate({
		opacity:1
	},400);
}