var featuredInterval = 0;
var startFeaturedInterval = function(){
	featuredInterval = setInterval(function(){
		changeFeaturedPage('next');
	}, 4000);
}
var stopFeaturedInterval = function(){
	clearInterval(featuredInterval);
	featuredInterval = 0;
}

$(document).ready(function () {
	var le = 'lo';
	$('div#body').css('visibility', 'visible');
	startFeaturedInterval();
	
	$(".portfolioItem").hover(function() {
	    $(".portfolioTitle", this).stop().animate({ bottom: "5px" }, 200);
	},function(){
	    $(".portfolioTitle", this).stop().animate({ bottom: "-50px" }, 300);
	});
	
});

var actualPage = 'page1';
var featuredPage = 1;

var changeFeaturedPage = function(what){
	var n = featuredPage;
	var il = $('div#featured img').length;
	if ( what == 'next' ) featuredPage += 1;
	if ( what == 'prev' ) featuredPage -= 1;
	if ( featuredPage < 1 ) featuredPage = il;
	if ( featuredPage > il ) featuredPage = 1;
	if ( n != featuredPage )
	{
		$('div#featured img:nth-child('+n+')').fadeOut(1000);
		$('div#featured img:nth-child('+featuredPage+')').fadeIn(1000);
	}
	return false;
};

var scrollPage = function(pageClass){
	var pos = $('div.'+pageClass).position();
	$('html, body').animate({scrollTop:pos.top}, { "duration": 1500, "easing": "easeInOutCirc" });
	actualPage = pageClass;
	return false;
};

$(document).ready(function(){
	$('a.home').click(function(){
		startFeaturedInterval();
		return scrollPage('page1');
	});
	$('a.webdesigns').click(function(){
		stopFeaturedInterval();
		return scrollPage('page2');
	});
	$('a.printdesigns').click(function(){
		stopFeaturedInterval();
		return scrollPage('page3');
	});
	$('a.aboutme').click(function(){
		stopFeaturedInterval();
		return scrollPage('page4');
	});
	$('a.contactme').click(function(){
		stopFeaturedInterval();
		return scrollPage('page4');
	});
	$('a.design2011').click(function(){
		stopFeaturedInterval();
		return scrollPage('design2011');
	});
	$('a.design2010').click(function(){
		stopFeaturedInterval();
		return scrollPage('design2010');
	});
	$('a.design2009').click(function(){
		stopFeaturedInterval();
		return scrollPage('design2009');
	});
	$('a.design2008').click(function(){
		stopFeaturedInterval();
		return scrollPage('design2008');
	});
});