function Pollen()
{
	var graf;
	var xPos = 100;
	var scope = this;
	
	
	this.init = function()
	{
		var html = '<div class="pollen"><img src="images/pollen.png" /></div>';
		graf = $(html);
		graf.appendTo('body');
		graf.css("left", xPos);
		
		graf.animate({left: 1000}, 7000);
		//setInterval(scope.tick, 5);
	}
	
	this.tick = function()
	{
		xPos += 20;
		graf.css("left", xPos);
		
	}
}




var bgImage;
var bg;
var imgWidth = 1739;
var imgHeight = 1080;
var curBtn; 
 $(document).ready(function() {
	bgImage = document.getElementById("bgImg");
	bg = document.getElementById("bg");
	sizeImg();
	$(window).resize(sizeImg);
	$("#link0").click(goPage0);
	$("#link1").click(goPage1);
	$("#link2").click(goPage2);
	$("#link3").click(goPage3);
	$("#link4").click(goPage4);
   	curBtn = $("#link0");
	curBtn.addClass("selected");
	
	//var pol = new Pollen();
	//pol.init();
});
 


function goPage0()
{
	curBtn.removeClass("selected");
	$("#link0").addClass("selected");
	$("#pages").animate({left: 0}, 500);
	curBtn = $("#link0");
}

function goPage1()
{
	curBtn.removeClass("selected");
	$("#link1").addClass("selected");
	$("#pages").animate({left: (600 * -1)}, 500, createPortfolio);
	curBtn = $("#link1");
}

function goPage2()
{
	curBtn.removeClass("selected");
	$("#link2").addClass("selected");
	$("#pages").animate({left: 600 * -2}, 500);
	curBtn = $("#link2");
}
function goPage3()
{
	curBtn.removeClass("selected");
	$("#link3").addClass("selected");
	$("#pages").animate({left: 600 * -3}, 500);
	curBtn = $("#link3");
}
function goPage4()
{
	curBtn.removeClass("selected");
	$("#link4").addClass("selected");
	$("#pages").animate({left: 600 * -4}, 500);
	curBtn = $("#link4");
}


function createPortfolio()
{
	//TODO
}


 
function sizeImg()
{
	
	
	var width = $(window).width();
	var height = $(window).height();
	var ratio = imgHeight / imgWidth;
	
	
	 
	bgImage.style.width = width + "px";
	bgImage.style.height = width * ratio + "px";
	
	
	if(width * ratio < height)
	{
		bgImage.style.height = height;
		bgImage.style.width = (height / ratio) + "px";
		
		var diff = $("#bgImg").width() - width;
		bg.style.left = -diff;
	}
	else
	{
		bg.style.left = 0;
	}
	
	
}

function writeEmail()
{
	var str = "";
	str += "<a href='mailto:";
	str += "contact@richsavage.co.uk";
	str += "@";
	str += "richsavage";
	str += ".";
	str += "co";
	str += ".";
	str += "uk";
	str += "contact@richsavage.co.uk";
	str += "@";
	str += "richsavage";
	str += ".";
	str += "co";
	str += ".";
	str += "uk";
	str += "'>";
	str += "</a>";
	return str;
}