var currentPosition = "#Home";
var currentPortfolioPosition = 1;
var PagesCount = 3; //zmienia sie gdy dochodzi kolejna strona prac
var pages = new Array();
pages[0] = "#Home";
pages[1] = "#About";
pages[2] = "#Portfolio";
pages[3] = "#Contact";

function setSizes()
{
	var width = ($("#container").width() / 4) - 1;
	$("div.page").width(width);
}


function ruszTo(target)
{
	try{
	currentPosition = target;
	var targetOffset = $(target).offset().left;				
	$('html,body').animate({scrollLeft: targetOffset}, 1000);
	}
	catch(err){}	
}

function PrtfolioScroll(target)
{
	if(currentPosition == "#Portfolio")	
	{	
		currentPortfolioPosition = target;	
		target--;
		var offset = target * 400 * -1;
		$("#portfolioPage1").animate({marginTop: offset}, 1000);
	}
}

function findInArray(element)
{	
	for(var i = 0; i<pages.length; ++i)
	{		
		if(pages[i] == element) 
			return i;
	}
	return 0;
}

function scrollToNextPage()
{
	var index = findInArray(currentPosition);	
	if(index < pages.length - 1)
	{
		++index;		
		ruszTo(pages[index]);		
	}
}

function scrollToLastPage()
{
	var index = findInArray(currentPosition);	
	if(index>0)
	{
		--index;
		ruszTo(pages[index]);		
	}
}

function PrtfolioScrollToNext()
{
	if(currentPosition == "#Portfolio")	
		if(currentPortfolioPosition< PagesCount)			
			PrtfolioScroll(++currentPortfolioPosition);	
}

function PrtfolioScrollToLast()
{
	if(currentPosition == "#Portfolio")	
		if(currentPortfolioPosition>1)			
			PrtfolioScroll(--currentPortfolioPosition);	
}

function SetPorfolioDescPosition(tar)
{
	var target = tar.attr("title");
	var tekst = "Strona nr " + target;
	var offsetx = tar.offset().left- 10;	
	var offsety = tar.offset().top - 100 - 20;	
	$("#portfolioNavDescription").css("top", offsety + "px")	
	$("#portfolioNavDescription").css("left", offsetx + "px")
	$("#portfolioNavDescription").text(tekst);
	$("#portfolioNavDescription").show(50);
	
}

function setCurrentPosition(target)
{
		currentPosition = target
}

$(document).ready(		
		function(){			
			setSizes();
			displayDiagrams();
			var substring = $(location).attr("href").split('#');			
			setCurrentPosition("#" + substring[1]);
			
			$("nav a").click(
				function()
				{					
					ruszTo(this.hash);
				}	
			);
			
			$("a.next").click(
				function()
				{					
					ruszTo(this.hash);
				}	
			);
			
			$("div#Portfolio div section nav a").click(
				function()
				{
					var target = $(this).attr("title");
					PrtfolioScroll(target);
				}	
			);
			
			$("div#Portfolio div section nav a").mouseover(
				function()
				{					
					SetPorfolioDescPosition($(this));	
					setSizes();							
				}					
			);
			
			$(document).keydown(
				function(event)
				{
					if( event.keyCode == '39')
						scrollToNextPage();
					else if( event.keyCode == '37')
						scrollToLastPage();
					else if( event.keyCode == '38')	
						PrtfolioScrollToLast();
					else if( event.keyCode == '40')	
						PrtfolioScrollToNext();
				}
			);
			
			$("div#Portfolio div section nav a").mouseout(
				function()
				{						
					$("#portfolioNavDescription").hide(50);
					setSizes();
				}					
			);
		}
	);