var pageLoaded = false;
var navOn = "";

var nav_values_out = new Image();
var nav_strategy_out = new Image();
var nav_team_out = new Image();
var nav_investments_out = new Image();
var nav_intermediaries_out = new Image();

var nav_values_over = new Image();
var nav_strategy_over = new Image();
var nav_team_over = new Image();
var nav_investments_over = new Image();
var nav_intermediaries_over = new Image();

function pageLoad()
{
	nav_values_out.src = "images/nav_values.gif";
	nav_strategy_out.src = "images/nav_strategy.gif";
	nav_team_out.src = "images/nav_team.gif";
	nav_investments_out.src = "images/nav_investments.gif";
	nav_intermediaries_out.src = "images/nav_intermediaries.gif";
	
	nav_values_over.src = "images/nav_values_on.gif";
	nav_strategy_over.src = "images/nav_strategy_on.gif";
	nav_team_over.src = "images/nav_team_on.gif";
	nav_investments_over.src = "images/nav_investments_on.gif";
	nav_intermediaries_over.src = "images/nav_intermediaries_on.gif";
	
	if (navOn != "")
	{
		var current_nav = eval("nav_" + navOn + "_out");
		current_nav.src = eval("nav_" + navOn + "_over.src");
	}
	
	var sectorId = getQuerystringValue("sid");
	var teamMemberId = getQuerystringValue("tid");
	var investmentId = getQuerystringValue("iid");
	
	sectorId = (sectorId != "") ? sectorId : 0;
	teamMemberId = (teamMemberId != "") ? teamMemberId : 27;
	investmentId = (investmentId != "") ? investmentId : 1;
	
	showLayer("sector", sectorId);
	showLayer("teamMember", teamMemberId);
	showLayer("investment", investmentId);
	
	pageLoaded = true;
}

window.onload = pageLoad;

function getQuerystringValue(value)
{
	var query = window.location.search.substring(1); 
	var vars = query.split("&");
	
	for (var i = 0; i < vars.length; i++)
	{
		var pair = vars[i].split("=");
		
		if (pair[0] == value)
		{
			return pair[1];
		}
	}
	
	return "";
}

function changeImage(id, state)
{
	if (pageLoaded)
	{
		document.getElementById(id).src = eval("nav_" + id + "_" + state + ".src");
	}
}

var homeImages = new Array();
homeImages[0] = '<a href="investments.html?iid=1"><img src="images/main_photo_aidells.jpg" width="960" height="287" alt="Aidells Sausage Company" id="loadedImage" /></a>';
homeImages[1] = '<a href="investments.html?iid=2"><img src="images/main_photo_ciaobella.jpg" width="960" height="287" alt="Ciao Bella Gelato" id="loadedImage" /></a>';
homeImages[2] = '<a href="investments.html?iid=3"><img src="images/main_photo_isopure.jpg" width="960" height="287" alt="Isopure" id="loadedImage" /></a>';
homeImages[3] = '<a href="investments.html?iid=4"><img src="images/main_photo_juicetyme.jpg" width="960" height="287" alt="Juice Tyme" id="loadedImage" /></a>';
homeImages[4] = '<a href="investments.html?iid=5"><img src="images/main_photo_mychelle.jpg" width="960" height="287" alt="MyChelle Dermaceuticals" id="loadedImage" /></a>';
homeImages[5] = '<a href="investments.html?iid=6"><img src="images/main_photo_phillyswirl.jpg" width="960" height="287" alt="PhillySwirl" id="loadedImage" /></a>';
homeImages[6] = '<a href="investments.html?iid=8"><img src="images/main_photo_atlanticaqua.jpg" width="960" height="287" alt="Atlantic Aqua Farms" id="loadedImage" /></a>';
homeImages[7] = '<a href="investments.html?iid=7"><img src="images/main_photo_zukes.jpg" width="960" height="287" alt="Zuke&rsquo;s" id="loadedImage" /></a>';

var subImages = new Array();
subImages[0] = '<a><img src="images/2nd_photo_aidells1.jpg" width="960" height="161" alt="Aidells Sausage Company" id="loadedImage" /></a>';
subImages[1] = '<a><img src="images/2nd_photo_aidells2.jpg" width="960" height="161" alt="Aidells Sausage Company" id="loadedImage" /></a>';
subImages[2] = '<a><img src="images/2nd_photo_aidells3.jpg" width="960" height="161" alt="Aidells Sausage Company" id="loadedImage" /></a>';
subImages[3] = '<a><img src="images/2nd_photo_ciaobella1.jpg" width="960" height="161" alt="Ciao Bella Gelato" id="loadedImage" /></a>';
subImages[4] = '<a><img src="images/2nd_photo_ciaobella2.jpg" width="960" height="161" alt="Ciao Bella Gelato" id="loadedImage" /></a>';
subImages[5] = '<a><img src="images/2nd_photo_ciaobella3.jpg" width="960" height="161" alt="Ciao Bella Gelato" id="loadedImage" /></a>';
subImages[6] = '<a><img src="images/2nd_photo_isopure1.jpg" width="960" height="161" alt="Isopure" id="loadedImage" /></a>';
subImages[7] = '<a><img src="images/2nd_photo_isopure2.jpg" width="960" height="161" alt="Isopure" id="loadedImage" /></a>';
subImages[8] = '<a><img src="images/2nd_photo_juicetyme1.jpg" width="960" height="161" alt="Juice Tyme" id="loadedImage" /></a>';
subImages[9] = '<a><img src="images/2nd_photo_juicetyme2.jpg" width="960" height="161" alt="Juice Tyme" id="loadedImage" /></a>';
subImages[10] = '<a><img src="images/2nd_photo_mychelle1.jpg" width="960" height="161" alt="MyChelle Dermaceuticals" id="loadedImage" /></a>';
subImages[11] = '<a><img src="images/2nd_photo_mychelle2.jpg" width="960" height="161" alt="MyChelle Dermaceuticals" id="loadedImage" /></a>';
subImages[12] = '<a><img src="images/2nd_photo_mychelle3.jpg" width="960" height="161" alt="MyChelle Dermaceuticals" id="loadedImage" /></a>';
subImages[13] = '<a><img src="images/2nd_photo_phillyswirl1.jpg" width="960" height="161" alt="PhillySwirl" id="loadedImage" /></a>';
subImages[14] = '<a><img src="images/2nd_photo_phillyswirl2.jpg" width="960" height="161" alt="PhillySwirl" id="loadedImage" /></a>';
subImages[15] = '<a><img src="images/2nd_photo_atlanticaqua1.jpg" width="960" height="161" alt="Atlantic Aqua" id="loadedImage" /></a>';
subImages[16] = '<a><img src="images/2nd_photo_atlanticaqua2.jpg" width="960" height="161" alt="Atlantic Aqua" id="loadedImage" /></a>';
subImages[17] = '<a><img src="images/2nd_photo_zukes.jpg" width="960" height="161" alt="Zuke&rsquo;s" id="loadedImage" /></a>';

var aidellsImages = new Array();
aidellsImages[0] = '<a><img src="images/2nd_photo_aidells1.jpg" width="960" height="161" alt="Aidells Sausage Company" id="loadedImage" /></a>';
aidellsImages[1] = '<a><img src="images/2nd_photo_aidells2.jpg" width="960" height="161" alt="Aidells Sausage Company" id="loadedImage" /></a>';
aidellsImages[2] = '<a><img src="images/2nd_photo_aidells3.jpg" width="960" height="161" alt="Aidells Sausage Company" id="loadedImage" /></a>';

var ciaoBellaImages = new Array();
ciaoBellaImages[0] = '<a><img src="images/2nd_photo_ciaobella1.jpg" width="960" height="161" alt="Ciao Bella Gelato" id="loadedImage" /></a>';
ciaoBellaImages[1] = '<a><img src="images/2nd_photo_ciaobella2.jpg" width="960" height="161" alt="Ciao Bella Gelato" id="loadedImage" /></a>';
ciaoBellaImages[2] = '<a><img src="images/2nd_photo_ciaobella3.jpg" width="960" height="161" alt="Ciao Bella Gelato" id="loadedImage" /></a>';

var isopureImages = new Array();
isopureImages[0] = '<a><img src="images/2nd_photo_isopure1.jpg" width="960" height="161" alt="Isopure" id="loadedImage" /></a>';
isopureImages[1] = '<a><img src="images/2nd_photo_isopure2.jpg" width="960" height="161" alt="Isopure" id="loadedImage" /></a>';

var juiceTymeImages = new Array();
juiceTymeImages[0] = '<a><img src="images/2nd_photo_juicetyme1.jpg" width="960" height="161" alt="Juice Tyme" id="loadedImage" /></a>';
juiceTymeImages[1] = '<a><img src="images/2nd_photo_juicetyme2.jpg" width="960" height="161" alt="Juice Tyme" id="loadedImage" /></a>';

var myChelleImages = new Array();
myChelleImages[0] = '<a><img src="images/2nd_photo_mychelle1.jpg" width="960" height="161" alt="MyChelle Dermaceuticals" id="loadedImage" /></a>';
myChelleImages[1] = '<a><img src="images/2nd_photo_mychelle2.jpg" width="960" height="161" alt="MyChelle Dermaceuticals" id="loadedImage" /></a>';
myChelleImages[2] = '<a><img src="images/2nd_photo_mychelle3.jpg" width="960" height="161" alt="MyChelle Dermaceuticals" id="loadedImage" /></a>';

var phillySwirlImages = new Array();
phillySwirlImages[0] = '<a><img src="images/2nd_photo_phillyswirl1.jpg" width="960" height="161" alt="PhillySwirl" id="loadedImage" /></a>';
phillySwirlImages[1] = '<a><img src="images/2nd_photo_phillyswirl2.jpg" width="960" height="161" alt="PhillySwirl" id="loadedImage" /></a>';

var zukesImages = new Array();
zukesImages[0] = '<a><img src="images/2nd_photo_zukes.jpg" width="960" height="161" alt="Zuke&rsquo;s" id="loadedImage" /></a>';

var atlanticAquaImages = new Array();
atlanticAquaImages[0] = '<a><img src="images/2nd_photo_atlanticaqua1.jpg" width="960" height="161" alt="Atlantic Aqua" id="loadedImage" /></a>';
atlanticAquaImages[1] = '<a><img src="images/2nd_photo_atlanticaqua2.jpg" width="960" height="161" alt="Atlantic Aqua" id="loadedImage" /></a>';

var loadImage = new Image();
var imageLoaded = false;

function randomImage(layer, array)
{
	var image = array[Math.round(Math.random() * (array.length - 1))];
	var imageSplit = image.split('"');
	var splitId = (layer == "homeImage") ? 3 : 1;
	
	loadImage = new Image();
	loadImage.src = imageSplit[splitId];
	
	if (imageLoaded)
	{
		var timeout = setTimeout('document.getElementById("loadedImage").src = loadImage.src', 250);
	}
	else
	{
		document.getElementById(layer).innerHTML = image;
		
		imageLoaded = true;
	}
}

function showLayer(layer, id)
{
	var count = 1;
	
	while (document.getElementById(layer + count) != null)
	{
		document.getElementById(layer + count).style.display = (id == count) ? "block" : "none";
		
		count++;
	}
	
	if (layer == "teamMember" && document.getElementById("teamImage") != null)
	{
		randomImage("teamImage", subImages);
	}
	else if (layer == "investment" && document.getElementById("investmentImage") != null)
	{
		switch (id + "")
		{
			case "1":
			
				randomImage("investmentImage", aidellsImages);
				
				break;
				
			case "2":
			
				randomImage("investmentImage", ciaoBellaImages);
				
				break;
				
			case "3":
			
				randomImage("investmentImage", isopureImages);
				
				break;
				
			case "4":
			
				randomImage("investmentImage", juiceTymeImages);
				
				break;
				
			case "5":
			
				randomImage("investmentImage", myChelleImages);
				
				break;
				
			case "6":
			
				randomImage("investmentImage", phillySwirlImages);
				
				break;
			
			case "7":
			
				randomImage("investmentImage", zukesImages);
				
				break;
			
			case "8":
			
				randomImage("investmentImage", atlanticAquaImages);
				
				break;
		}
	}
}

var menu2 = new Array();
menu2[0] = '<a href="strategy.html">Valued Partner</a>';
menu2[1] = '<a href="strategy_criteria.html">Criteria</a>';
menu2[2] = '<a href="strategy_sectors.html">Representative Target Sectors</a>';

var menuwidth = "200px";
var menubgcolor = "#fff";
var disappeardelay = 250;
var hidemenu_onclick = "yes";

var currentId = "";
var currentState = "";

var ie4 = (document.all);
var ns6 = (document.getElementById && !document.all);
var safari = (navigator.userAgent.toLowerCase().indexOf("safari") != -1);

if (ie4 || ns6)
{
	document.write('<div id="dropmenudiv" style="visibility: hidden; background-color:' + menubgcolor + '; width:' + menuwidth + ';" onmouseover="javascript:clearhidemenu();" onmouseout="javascript:dynamichide(event);"></div>');
}

function getposOffset(what, offsettype)
{
	var totaloffset = (offsettype == "left") ? what.offsetLeft : what.offsetTop;
	var parentEl = what.offsetParent;
	
	while (parentEl != null)
	{
		totaloffset = (offsettype == "left") ? totaloffset + parentEl.offsetLeft : totaloffset + parentEl.offsetTop;
		parentEl = parentEl.offsetParent;
	}
	
	return totaloffset;
}

function showhide(obj, e, visible, hidden, menuwidth)
{
	if (ie4 || ns6)
	{
		dropmenuobj.style.left = dropmenuobj.style.top = "-500px";
	}
		
	if (menuwidth != "")
	{
		dropmenuobj.widthobj = dropmenuobj.style;
		dropmenuobj.widthobj.width = menuwidth;
	}
	
	if (e.type == "click" && obj.visibility == hidden || e.type == "mouseover")
	{
		obj.visibility = visible;
	}
	else if (e.type == "click")
	{
		obj.visibility = hidden;
	}
}

function iecompattest()
{
	return (document.compatMode && document.compatMode != "BackCompat") ? document.documentElement : document.body;
}

function clearbrowseredge(obj, whichedge)
{
	var edgeoffset = 0;
	
	if (whichedge == "rightedge")
	{
		var windowedge = ie4 && !window.opera ? iecompattest().scrollLeft + iecompattest().clientWidth - 15 : window.pageXOffset + window.innerWidth - 15;
		dropmenuobj.contentmeasure = dropmenuobj.offsetWidth;
		
		if (windowedge - dropmenuobj.x < dropmenuobj.contentmeasure)
		{
			edgeoffset = dropmenuobj.contentmeasure - obj.offsetWidth;
		}
	}
	else
	{
		var topedge = ie4 && !window.opera ? iecompattest().scrollTop : window.pageYOffset;
		var windowedge = ie4 && !window.opera ? iecompattest().scrollTop + iecompattest().clientHeight - 15 : window.pageYOffset + window.innerHeight - 18;
		dropmenuobj.contentmeasure = dropmenuobj.offsetHeight;
		
		if (windowedge - dropmenuobj.y < dropmenuobj.contentmeasure)
		{
			edgeoffset = dropmenuobj.contentmeasure + obj.offsetHeight;
			
			if ((dropmenuobj.y - topedge) < dropmenuobj.contentmeasure)
			{
				edgeoffset = dropmenuobj.y + obj.offsetHeight - topedge;
			}
		}
	}
	
	return edgeoffset;
}

function populatemenu(what)
{
	if (ie4 || ns6)
	{
		dropmenuobj.innerHTML = what.join("");
	}
}

function dropdownmenu(obj, e, menucontents, menuwidth, id, state, offset)
{
	if (currentId != "")
	{
		changeImage(currentId, "out");
	}
	
	changeImage(id, state);
	currentId = id;
	currentState = "out";
	
	if (window.event)
	{
		event.cancelBubble = true;
	}
	else if (e.stopPropagation)
	{
		e.stopPropagation();
	}
	
	clearhidemenu();
	dropmenuobj = document.getElementById ? document.getElementById("dropmenudiv") : dropmenudiv;
	populatemenu(menucontents);
	
	if (ns6 && !safari)
	{
		obj = eval('document.' + id);
	}
	
	if (ie4 || ns6)
	{
		showhide(dropmenuobj.style, e, "visible", "hidden", menuwidth);
		dropmenuobj.x = getposOffset(obj, "left");
		dropmenuobj.y = getposOffset(obj, "top");
		dropmenuobj.style.left = dropmenuobj.x + offset - clearbrowseredge(obj, "rightedge") + "px";
		
		var top = dropmenuobj.y - clearbrowseredge(obj, "bottomedge") + obj.offsetHeight;
		
		if (safari)
		{
			top += 29;
		}
		
		dropmenuobj.style.top = top + "px";
	}
	
	return clickreturnvalue();
}

function clickreturnvalue()
{
	if (ie4 || ns6)
	{
		return false;
	}
	else
	{
		return true;
	}
}

function contains_ns6(a, b)
{
	while (b.parentNode)
	{
		if ((b = b.parentNode) == a)
		{
			return true;
		}
	}
	
	return false;
}

function dynamichide(e)
{
	if (ie4 && !dropmenuobj.contains(e.toElement))
	{
		delayhidemenu();
	}
	else if (ns6 && e.currentTarget != e.relatedTarget && !contains_ns6(e.currentTarget, e.relatedTarget))
	{
		delayhidemenu();
	}
}

function hidemenu(e)
{
	if (currentId != '')
	{
		changeImage(currentId, currentState);
		currentId = "";
		currentState = "";
	}
	
	if (typeof dropmenuobj != "undefined")
	{
		if (ie4 || ns6)
		{
			dropmenuobj.style.visibility = "hidden";
		}
	}
}

function delayhidemenu()
{
	if (ie4 || ns6)
	{
		delayhide = setTimeout("hidemenu()", disappeardelay);
	}
}

function clearhidemenu()
{
	if (typeof delayhide != "undefined")
	{
		clearTimeout(delayhide);
	}
}

if (hidemenu_onclick == "yes")
{
	document.onclick = hidemenu;
}
