function folio_image_load(url,speed)
{
	$('#feature .right').animate({top:'500px',opacity:'0.0'},speed,false,function()
	{
		$('#loader').fadeIn(400);
		$(this).load(url,function(responseText, textStatus, XMLHttpRequest)
		{
			$('img',this).load(function()
			{
				$('#loader').hide();
				$('#feature .right').animate({top:'5px',opacity:'1.0'},speed);
			});
		});
	});
}

function folio_load(num, dir, speed)
{
	$('#bigloader').fadeIn(400);

	var folio_name = window.folio[num];
	$('#pages .page').css('background-position','bottom left');
	$('#page-'+folio_name).css('background-position','top left');
	if(dir == 'left')
	{
		outnum = -$(window).width();
		innum  = $(window).width();
	}
	else
	{
		outnum = $(window).width();
		innum  = -$(window).width();
	}
	
	$('#feature').css({left:0});
	$('#feature').animate({left:outnum,opacity:0.0},speed,false,function()
	{
		$('#feature').css({left:innum});


		$('#feature .left').load('/folio/'+folio_name+'/content.html');
		$('#feature .right').load('/folio/'+folio_name+'/1.html',function()
		{
			$('#feature').animate({left:0,opacity:1.0},speed);
			$('#feature .right').hide();
			$('img',this).load(function()
			{
				$('#bigloader').hide();
				$('#feature .right').fadeIn();
			});
		});
		
		
	});
	
}
function folio_prev()
{
	var new_folio = window.current_folio-1;
	
	if(new_folio < 0)
	{
		new_folio = window.folio.length-1;
	}
	
	folio_jump(new_folio,'right');
	
}
function folio_jump(num,dir)
{
	var new_folio = parseInt(num);
	if(new_folio != window.current_folio)
	{
		
		if(dir == false)
		{
			dir = "right";
			if(window.current_folio < num)
				dir = "left";
		}
			
		window.current_folio = new_folio;
		
		folio_load(new_folio, dir, 500)
	}
}
function folio_next()
{

	var new_folio = window.current_folio+1;

	if(new_folio >= window.folio.length)
	{
		new_folio = 0;
	}
	
	folio_jump(new_folio,'left');
}


window.folio = ['buenavista','hillaryjayne','zivelli','mikado','bigisland','global','adaptivelab','theracingforum','smashing','monitter','nepal','holtsea']; // 'iluvtype''outsideinfont',
window.current_folio = 0;
window.current_folio_name = 'hillaryjayne';


$(document).ready(function()
{
	if($('body#folio').length > 0)
	{
		$('#pages').hide().css({width:window.folio.length*15,marginLeft:-(window.folio.length*14)/2});
		$('#pages').fadeIn('slow');
	
		$(window.folio).each(function(cnt,item)
		{
			$('#pages').append('<div class="page" title="'+cnt+'" id="page-'+item+'"></div>');
			$('#page-'+item).click(function()
			{
				var num = $(this).attr('title');
				folio_jump(num,false);
			});
		});
		$('#pages .page:first-child').css('background-position','top left');
	
	
		$('a.folio_swap').live('click',function()
		{
			if(!$(this).hasClass('selected'))
			{
				folio_image_load($(this).attr('href'),500);	
				$('a.folio_swap').removeClass('selected');
				$(this).addClass('selected');
			}
			return(false);
		});
		
		$('div.buttons a.left').click(function()
		{
			folio_prev();
			return(false);
		});
		$('div.buttons a.right').click(function()
		{
			folio_next();
			return(false);
		});
	}
	
	var ids = ['home','about','portfolio','contact','services'];
	
	$(ids).each(function(){
		var id = this;
		$('#top-bar a.'+id+'-button').hover(
			function()
			{
				var pos = $(this).position();	
				var bubble = $('#'+id+'-bubble');	

				var dif = (bubble.width()-$(this).width())/2 -20;
				bubble.stop().css({left:pos.left-dif,top:pos.top+50,display:'block',opacity:0.0}).animate({opacity:0.9,top:'-=10px'});
			},
			function()
			{
				var pos = $(this).position();	
				var bubble = $('#'+id+'-bubble');
				var dif = (bubble.width()-$(this).width())/2 -20;
				bubble.stop().animate({opacity:0,top:'+=10px'},'fast',function(){$(this).hide()});
			}
		);
		
	});
		
	
});