$(document).ready(function() {
    setFolioWidth();
    $('.about-contact').hide();
    contactCheck();  
});

$(window).resize(function() {
    setFolioWidth();
});

$(window).load(function () {
    setFolioWidth();
    $('.about-contact').hide();
    contactCheck();  
});
	
function setFolioWidth() 
{
var winWidth = $(window).width(),
	folioBoxW = 240,
	noBoxes = Math.floor(winWidth / folioBoxW),
	folioW = noBoxes * 230,
	folioM = (winWidth - folioW) * 0.5;
	
$('#folio-area').width(folioW).css({'margin-left' : folioM});
$('.about-contact').width(folioW).css({'margin-left' : folioM});
$('#logo').css({'margin-left' : folioM});

return true;

};


$(function() {
	$('.img-nav').click(showImg);
});

function showImg(){
	var selectedPic = $(this),
		selectedPicID = selectedPic.attr('id');
		
		selectedPic.siblings('.displaying').removeClass('displaying');
		selectedPic.siblings('.on').removeClass('on');
		$('.big-pic#' + selectedPicID + '-img').addClass('displaying');
		selectedPic.addClass('on');
		
}

$(function() {
	$('.nav-item').click(changePage);
});

function changePage(){

var	newPage = $(this),
	newPageID = newPage.attr('id');
	
	$('.page-block').stop(true,true);
	
	newPage.siblings('.current-item').removeClass('current-item');
	newPage.addClass('current-item');
	$('.page-block.showing').removeClass('showing').fadeOut(800, function() {
		$('.page-block#' + newPageID + '-case').addClass('showing').fadeIn(800);
	});
	
	window.location.hash = 'page-' + newPageID;
	
}

function contactCheck() {
    var hash = window.location.hash.replace('#','').replace('page-','');
    	
    if (hash == 'donina-contact_anchor') {
	    $('.nav-item.current-item').removeClass('current-item');
	    $('.nav-item#contact').addClass('current-item');
	    $('.page-block.showing').removeClass('showing').hide();
		$('.page-block#contact-case').addClass('showing').fadeIn(800);
} else if (hash != "") {
	    $('.nav-item.current-item').removeClass('current-item');
	    $('.nav-item#' + hash).addClass('current-item');
	    $('.page-block.showing').removeClass('showing').hide();
		$('.page-block#' + hash + '-case').addClass('showing').fadeIn(800);
    }

}