
var fadeTime = 200;
var fadeTimeBg = 400;
var currentPicture = 1;
var currentPositionDivId = 'home';
var numdivs = 0;
	

function _scrollToDiv(divId)
{
	width = $(window).width();
	height = $(window).height();

	mask_width = width * $('.item').length;
	
	$('#wrapper, .item').css({width: width, height: height});
	$('#mask').css({width: mask_width, height: height});
	
	_doScrollToDiv(divId, 500);
}

function _skipToDiv(divId)
{
	_doScrollToDiv(divId, 0);
}

function _doScrollToDiv(divId, dur)
{
	$('#site').scrollTo($('#' + divId), { 
	
		duration:dur, axis:'x', onAfter:function() {
			currentPositionDivId = divId;
		
			if (document.location.hash != ('#p=' + currentPositionDivId))
				document.location.hash = 'p=' + currentPositionDivId;
		}
	});
}

function _scrollToNext()
{
	var currentPositionDiv = $('#' + currentPositionDivId);
	var nextPositionDiv = $(currentPositionDiv).next('.page');
	if (nextPositionDiv != null) _scrollToDiv($(nextPositionDiv).attr('id'));
}

function _scrollToPrevious()
{
	var currentPositionDiv = $('#' + currentPositionDivId);
	var nextPositionDiv = $(currentPositionDiv).prev('.page');
	if (nextPositionDiv != null) _scrollToDiv($(nextPositionDiv).attr('id'));
}

$(document).ready(function() {
	
	var altura = $(window).height();						   
	var largura = $(window).width();

	numdivs = $('#pages .page').length;

	var superlargura = numdivs * 100;
	var percents = 100/  numdivs;

	$("#loading_screen").remove();
	$(".pagebox, .bgimage ").height(altura);
	$(".pagebox, .bgimage ").width(largura);
	$("#pages .page").width(percents+"%");
	$("#pages").width(superlargura+"%");
			   

    $("#accordion").accordion();

});

$(document.documentElement).keyup(function (event) {
	// handle cursor keys
	if (event.keyCode == 37) {
		// go left
		_scrollToPrevious();
	} else if (event.keyCode == 39) {
		// go right
		_scrollToNext();
	}
});

$(window).resize(function() {
	var altura = $(window).height();						   
	var largura = $(window).width();

	_skipToDiv(currentPositionDivId);
	
	$(".pagebox, .bgimage ").height(altura);
	$(".pagebox, .bgimage ").width(largura);

});


