var actualpic = 0;

$(window).load(function () {
	var totpic = $('.thumbimg').length;
	
	$('#projectlink').click(function() {
		$('.projectmenu').slideToggle('slow');
		if( !$(this).hasClass('visible') ) {
			$('#menu > li > a').toggleClass('disable');
			if( $(this).hasClass('fixed') ) $(this).toggleClass('disable');
		}
	});
	
	$('#txtcolumn').jScrollPane({
		scrollbarWidth: '15',
		scrollbarMargin: '15',
		showArrows: true
	});

	$('.thumbimg').click(function() {
		$('#grigliathumb').fadeOut();
		$('#txtcolumn').fadeOut();
		$('#scroller').fadeOut();
		$('.jScrollPaneTrack').fadeOut();
		$('.jScrollPaneContainer').fadeOut();
		
		
		var imgsrc = $(this).children('img').attr('src');
		imgsrc = imgsrc.replace('thumb','big');
		$('#photo').children('img').attr('src',imgsrc).parent().fadeIn();
		$('#pagination').fadeIn();
		
		actualpic = $(this).attr('id').replace('thumb','');
		$('.num').removeClass('active');
		$('#numthumb'+actualpic).addClass('active');
	});
	
	$('.closebig').click(function() {
		$('#photo').fadeOut();
		$('#pagination').fadeOut();
		
		$('#grigliathumb').fadeIn();
		$('#txtcolumn').fadeIn();
		$('#scroller').fadeIn();
		$('.jScrollPaneTrack').fadeIn();
		$('.jScrollPaneContainer').fadeIn();
		
	})
	
	$('.next').click(function() {
		if(actualpic<totpic) actualpic++;
		else actualpic = 1;
		$('.num').removeClass('active');
		$('#numthumb'+actualpic).addClass('active');
		
		var imgsrc = $('#thumb'+actualpic).children('img').attr('src');
		imgsrc = imgsrc.replace('thumb','big');
		$('#photo').children('img').attr('src',imgsrc).parent().fadeIn();
	});
	
	$('.prev').click(function() {
		if(actualpic>1) actualpic--;
		else actualpic = totpic;
		$('.num').removeClass('active');
		$('#numthumb'+actualpic).addClass('active');
		
		var imgsrc = $('#thumb'+actualpic).children('img').attr('src');
		imgsrc = imgsrc.replace('thumb','big');
		$('#photo').children('img').attr('src',imgsrc).parent().fadeIn();
	});
	
	$('.num').click(function() {
		$('.num').removeClass('active');
		$(this).addClass('active');
		
		$('#grigliathumb').fadeOut();
		$('#txtcolumn').fadeOut();
		$('#scroller').fadeOut();
		
		
		var number = $(this).attr('id').replace('numthumb','');
		actualpic = number;
		var imgsrc = $('#thumb'+number).children('img').attr('src');
		imgsrc = imgsrc.replace('thumb','big');
		$('#photo').children('img').attr('src',imgsrc).parent().fadeIn();
		$('#pagination').fadeIn();
	});
	
	$('#photo').mouseenter(function() {
		$('.closebig').show();		
		$('.prev').show();
		$('.next').show();
	});
	
	$('#photo').mouseleave(function() {
		$('.closebig').hide();		
		$('.prev').hide();
		$('.next').hide();
	});
});