Portfolio = {

sizeArray : new Array(),

init: function() {

	// ---------- IF JS ENABLED ----------

	var checkJS = document.getElementById("checkjs");
	checkJS.id = "jschecked";

	// --------------------

	Portfolio.sizeArray = document.getElementById("overviewhidden").getElementsByTagName("img");
	var size = Portfolio.sizeArray.length;

	// ---------- DISPLAY RANDOM PROJECT ----------

	//var randomproject = Math.floor(Math.random()*size+1);

	//if (randomproject == 0)
	//{
	// 	randomproject = 1;
	//}

	var randomproject = 36;

	var thisProject = document.getElementById("project"+randomproject+"hidden");
	thisProject.id = "project"+randomproject;

	Portfolio.externalLinks();

	var thisProjectWidh = document.getElementById("project"+randomproject).getElementsByTagName("img");

	var thisImage;
	var thisProjectPXsize = thisProjectWidh.length * 10;

	for (var i = 1; i <= thisProjectWidh.length; i++)
	{
		thisImage = document.getElementById("image"+randomproject+0+i);
		thisProjectPXsize += thisImage.width;
	}

	thisProjectImgWrapper = document.getElementById("portfolio"+randomproject+"imgs");
	thisProjectImgWrapper.style.width = thisProjectPXsize +"px";

	document.body.style.width = thisProjectPXsize + 310 + "px";

	var displayArrows = document.getElementById("arrownoscript");
	displayArrows.id = "arrowwrapper";

	// ---------- TRIGGERS ----------

	var backTrigger = document.getElementById("back");
		backTrigger.onclick = function() {
		return Portfolio.handleBackArrow(size);
		}

	var forwardTrigger = document.getElementById("forward");
		forwardTrigger.onclick = function() {
		return Portfolio.handleForwardArrow(size);
		}

	},

handleBackArrow: function(size) {

	var displayedProject;
	var number;

	for (var i = 1; i < size + 1; i++)
	{
		displayedProject = document.getElementById("project"+i);		

		if (displayedProject != null)
		{
		number = i;
		}

	}

	Portfolio.showPrevious(size, number);

	return false;

	},

showPrevious: function(lastProject, projectNumber) {

	var newProject;
	var currentDisplayedProject;
	var newProjectToDisplay;

	if (projectNumber == 1)
	{
		newProject = lastProject;
	}
	else
	{
		newProject = projectNumber - 1;
	}

	currentDisplayedProject = document.getElementById("project"+projectNumber)
	currentDisplayedProject.id = "project"+projectNumber+"hidden";

	newProjectToDisplay = document.getElementById("project"+newProject+"hidden")
	newProjectToDisplay.id = "project"+newProject;

	var newProjectWidh = document.getElementById("project"+newProject).getElementsByTagName("img");

	var thisImage;
	var newProjectPXsize = newProjectWidh.length * 10;

	for (var i = 1; i <= newProjectWidh.length; i++)
	{
		thisImage = document.getElementById("image"+newProject+0+i);
		newProjectPXsize += thisImage.width;
	}

	newProjectImgWrapper = document.getElementById("portfolio"+newProject+"imgs");
	newProjectImgWrapper.style.width = newProjectPXsize +"px";

	document.body.style.width = newProjectPXsize + 310 + "px";

	Portfolio.externalLinks();

	},

handleForwardArrow: function(size) {

	var displayedProject;
	var number;

	for (var i = 1; i < size + 1; i++)
	{
		displayedProject = document.getElementById("project"+i);		

		if (displayedProject != null)
		{
		number = i;
		}

	}

	Portfolio.showNext(size, number);

	return false;

	},

showNext: function(lastProject, projectNumber) {

	var newProject;
	var currentDisplayedProject;
	var newProjectToDisplay;

	if (projectNumber == lastProject)
	{
		newProject = 1;
	}
	else
	{
		newProject = projectNumber + 1;
	}

	currentDisplayedProject = document.getElementById("project"+projectNumber)
	currentDisplayedProject.id = "project"+projectNumber+"hidden";

	newProjectToDisplay = document.getElementById("project"+newProject+"hidden")
	newProjectToDisplay.id = "project"+newProject;

	var newProjectWidh = document.getElementById("project"+newProject).getElementsByTagName("img");

	var thisImage;
	var newProjectPXsize = newProjectWidh.length * 10;

	for (var i = 1; i <= newProjectWidh.length; i++)
	{
		thisImage = document.getElementById("image"+newProject+0+i);
		newProjectPXsize += thisImage.width;
	}

	newProjectImgWrapper = document.getElementById("portfolio"+newProject+"imgs");
	newProjectImgWrapper.style.width = newProjectPXsize +"px";

	document.body.style.width = newProjectPXsize + 310 + "px";

	Portfolio.externalLinks();

	},

externalLinks: function() {

	if (!document.getElementsByTagName) return;
	var anchors = document.getElementsByTagName("a");
	
		for (var i=0; i<anchors.length; i++) {
			
			var anchor = anchors[i];

			if (anchor.getAttribute("href") &&
			anchor.getAttribute("rel") == "external")
			anchor.target = "_blank";

		}

	}

}

window.onload = Portfolio.init;