/*********************************************************/
/************* JAVASCRIPT FUNCTIONS ON LOAD **************/
/*********************************************************/

$(document).ready(function(){
	$("a.nav").click(function(){
							  
		/*******************************************/
		/************* SCROLL CONTENT **************/
		/*******************************************/
		
		var id = "e_" + this.id;
		var divOffset = document.getElementById("e_blinder").offsetTop;
		var pOffset = document.getElementById(id).offsetTop;
		var pScroll = pOffset - divOffset;
		// alert("divOffset: "+ divOffset + " pOffset: "+pOffset+" pScroll: "+pScroll);
		$('#e_blinder').animate({scrollTop: pScroll + 'px'}, 1000);
		
		/*******************************************************/
		/************* SCROLL ELEVATOR BACKGROUND **************/
		/*******************************************************/
		
		var idTwo = "e_elevator_" + this.id;
		var divOffsetTwo = document.getElementById("e_elevatorBG").offsetTop;
		var pOffsetTwo = document.getElementById(idTwo).offsetTop;
		var pScrollTwo = pOffsetTwo - divOffsetTwo;
		$('#e_elevatorBG').animate({scrollTop: pScrollTwo + 'px'}, 1000);
		
		/********************************************/
		/************* SCROLL ELEVATOR **************/
		/********************************************/
		
		var idThree = "e_elevator_" + this.id;
		var offsetThree = document.getElementById(idThree).offsetTop;
		$('#e_elevator').animate({marginTop: offsetThree + 'px'}, 1000);
		
		// HIDE HOME TEXT
		var page = this.id;
		if(page == "home" || page == undefined || page == "undefined" || page == ""){
			$('#e_intro').show(1100);
		} else {
			$('#e_intro').hide();
		}
	  });
	
	eMoveToBottom();
	eNavigate();
	eToggleDiv("e_preLoader");
	
});

/********************************************************************************************************************/
/************* SET CONTENT TO DISPLAY BOTTOM MOST PAGE & ELEVATOR(IE. HOME PAGE & FIRST FLOOR) ON LOAD **************/
/********************************************************************************************************************/

function eMoveToBottom(){
	var objDiv = document.getElementById("e_blinder");
	// objDiv.scrollTop = objDiv.scrollHeight;
	
	objDiv.scrollTop = "2314";
	
	// alert(objDiv.scrollTop);
	
	objDiv = document.getElementById("e_elevatorBG");
	objDiv.scrollTop = objDiv.scrollHeight;
	
	// alert(objDiv.scrollTop);
}

/*******************************************************/
/************* TOGGLE WHITE CONTENT BOXES **************/
/*******************************************************/

function eShowBox(div){
	var arrow = "arrow"+div;
	var text = "text"+div;
	var theDiv = "div"+div;
	
	if(document.getElementById(arrow).style.display == "none"){
		document.getElementById(text).style.height = "85px";
		document.getElementById(text).style.background = "url(images/white.png)";
		document.getElementById(arrow).style.display = "";
		// document.getElementById("e_intro").style.top = "35px";
		document.getElementById(theDiv).style.background = "url(images/titleArrow.png)";
	} else {
		document.getElementById(text).style.height = "";
		document.getElementById(text).style.background = "url(images/whiteDark.png)";
		document.getElementById(arrow).style.display = "none";
		var num = document.getElementById(text).scrollHeight - 145;
		// document.getElementById("e_intro").style.top = "-"+num+"px";
		document.getElementById(theDiv).style.background = "url(images/titleArrowUp.png)";
	}
}

/*************************************************************/
/************* NAVIGATE PAGES USING ANCHOR TAGS **************/
/*************************************************************/

function eNavigate(){
 
		var page = window.location.href.slice(window.location.href.indexOf('#') + 1);
		
		if(page != undefined){
			
			/*******************************************/
			/************* SCROLL CONTENT **************/
			/*******************************************/
			
			var id = "e_" + page;
			var divOffset = document.getElementById("e_blinder").offsetTop;
			var pOffset = document.getElementById(id).offsetTop;
			var pScroll = pOffset - divOffset;
			// alert("divOffset: "+ divOffset + " pOffset: "+pOffset+" pScroll: "+pScroll);
			$('#e_blinder').animate({scrollTop: pScroll + 'px'}, 1000);
			
			/*******************************************************/
			/************* SCROLL ELEVATOR BACKGROUND **************/
			/*******************************************************/
			
			var idTwo = "e_elevator_" + page;
			var divOffsetTwo = document.getElementById("e_elevatorBG").offsetTop;
			var pOffsetTwo = document.getElementById(idTwo).offsetTop;
			var pScrollTwo = pOffsetTwo - divOffsetTwo;
			$('#e_elevatorBG').animate({scrollTop: pScrollTwo + 'px'}, 1000);
			
			/********************************************/
			/************* SCROLL ELEVATOR **************/
			/********************************************/
			
			var idThree = "e_elevator_" + page;
			var offsetThree = document.getElementById(idThree).offsetTop;
			$('#e_elevator').animate({marginTop: offsetThree + 'px'}, 1000);
			
		} 
		
		if(page == "home" || page == undefined || page == "undefined" || page == ""){
			document.getElementById("e_intro").style.display = "";
		} else {
			document.getElementById("e_intro").style.display = "none";
		}
}

/****************************************************************************/
/************* HIDE / DISPLAY TOGGLE FOR PRIVACY AND COPYRIGHT **************/
/****************************************************************************/
function eToggleDiv(div){
	var objDiv = document.getElementById(div);
	if(objDiv.style.display == "none"){
		objDiv.style.display = "";
	} else {
		objDiv.style.display = "none";
	}
}

/*******************************************************************/
/************* SWAP DIV CONTENT USED FOR PROFILE PAGE **************/
/*******************************************************************/
function eSwapDiv(content, div){
	var newContent = document.getElementById(content);
	var objDiv = document.getElementById(div);
	
	if(content == "who1"){
		document.getElementById("e_profilePics").style.background = "url(images/white.png)";
		document.getElementById("e_profilePics").innerHTML = document.getElementById("profileNav").innerHTML;
		
	} else if(content == "how1"){
		document.getElementById("e_profilePics").style.background = "";
		document.getElementById("e_profilePics").innerHTML = "";
		document.getElementById("e_contactInfo").innerHTML = "";
	} else if(content == "what1"){
		document.getElementById("e_profilePics").style.background = "";
		document.getElementById("e_profilePics").innerHTML = "";
		document.getElementById("e_contactInfo").innerHTML = "";
	} else if(content == "with1"){
		document.getElementById("e_profilePics").style.background = "";
		document.getElementById("e_profilePics").innerHTML = "";
		document.getElementById("e_contactInfo").innerHTML = "";
	}
	
	objDiv.innerHTML = newContent.innerHTML;
}

/****************************************************************/
/************* SWAP PROFILE CONTENT USED FOR BIOS  **************/
/****************************************************************/
function eSwapBio(content, div){
	var newContent = document.getElementById(content);
	var newContact = "contact_"+content;
	document.getElementById("e_contactInfo").innerHTML = document.getElementById(newContact).innerHTML;
	var objDiv = document.getElementById(div);
	objDiv.innerHTML = newContent.innerHTML;
}

/**********************************************/
/************* PORTFOLIO ARRAYS  **************/
/**********************************************/

	// EXHIBITIONS ARRAY
	var exhibitionArray = new Array();
	exhibitionArray[0] = new Array(3, 0, 0);
	exhibitionArray[1] = new Array(9, "Ecomusée du fier monde<br> Exhibition<br><br> Viau des Biscuits une Histoire", 1);
	exhibitionArray[2] = new Array(5, "Ecomusée du fier monde<br><br> Les Mur De L'école", 2);
	exhibitionArray[3] = new Array(4, "Museum of the Sister of providence <br> Exhibition<br> Libérer le Trésor", 3);
	
	// PRINT ARRAY
	var printArray = new Array();
	printArray[0] = new Array(10, 0, 0);
	// printArray[1] = new Array(14, "PVH* <br>Fashion<br><br>Annual Review<br>");
	// printArray[2] = new Array(6, "Kaufman* <br>Office Furniture<br><br>Brochures<br>Promotional Literature<br>");
	printArray[1] = new Array(3, "Browns* <br>Shoe and Apparel Retailer<br><br>Store Promotional Banners<br>World Beat<br>Prairie<br>", 3);
	printArray[2] = new Array(7, "Del Arbol Wedding<br><br>Announcement<br>Invitation<br>", 4);
	// printArray[5] = new Array(5, "Harlequin Enterprises*  <br>Publisher<br><br>Advertising<br>Book Cover<br>");
	// printArray[6] = new Array(2, "Design Home*  <br>Furnishing Distributor<br><br>Magazine Advertisement<br>");
	// printArray[7] = new Array(14, "Calvin Klein*  <br>Fashion<br><br>Financial Review<br>");
	printArray[3] = new Array(3, "Browns*  <br>Shoe and Apparel Retailer<br><br>B Magazine<br>", 8);
	// printArray[9] = new Array(7, "Wylie Systems*  <br>Architectural Detailing<br><br>Promotional Collateral<br>");
	printArray[4] = new Array(4, "Magenta Design<br>Graphic Design<br><br>Promotional Kit<br>Press Release<br>Business Card<br>", 10);
	// printArray[11] = new Array(15, "Phillips-Van Heusen*  <br>Fashion<br><br>Annual Report<br>");
	// printArray[12] = new Array(5, "Go Lighting* <br>Manufacturer<br><br>Promotional Collateral<br>");
	printArray[5] = new Array(3, "Browns*  <br>Shoe and Apparel Retailer<br><br>Style Guide<br>Fashion Book<br>", 13);
	printArray[6] = new Array(3, "Écomusée du fier monde<br>Museum<br><br>Promotional Collateral<br>", 14);
	// printArray[15] = new Array(5, "DH* <br>Publisher<br><br>Book Covers<br>");
	// printArray[16] = new Array(5, "Spec* <br>Contract Furniture<br><br>Product Brochure<br>");
	printArray[7] = new Array(3, "Sisters of Providence<br>Museum<br><br>Promotional Collateral<br>", 17);
	printArray[8] = new Array(3, "Browns*  <br>Shoe and Apparel Retailer<br><br>World Beat Banners<br>", 18);
	printArray[9] = new Array(2, "Musimax/Musique Plus <br>Broadcasting Station<br><br>Stephan McNicoll CD Cover<br>", 19);
	printArray[10] = new Array(3, "ReMax DeClute<br>Real Estate<br><br>Promotional Brochure<br>", 20);
	
	// IDENTITY ARRAY
	var identityArray = new Array();
	identityArray[0] = new Array(8, 0, 0);
	identityArray[1] = new Array(5, "IED <br>Communication Engineers <br>IdentityStationary System<br>Fleet graphics<br>Corporate Apparel<br>Web Site", 1);
	// identityArray[2] = new Array(14, "Izod*<br>Sports Fashion<br><br>Brand Book<br>Point of Purchase<br>");
	identityArray[2] = new Array(2, "MD+A Consultants<br>Information Architects<br>Identity<br>Stationary System<br>", 3);
	// identityArray[4] = new Array(2, "Phillips-Van Heusen * <br>FashionIdentity<br>Annual Report<br>Web Site<br>");
	// identityArray[5] = new Array(2, "Sun*<br>Interior Design<br><br>Identity<br>Stationary System<br>");
	// identityArray[6] = new Array(6, "Borgo*<br>Office Furniture<br><br>Brochure<br>Promotional Collateral<br>Web Site<br>");
	// identityArray[7] = new Array(6, "Meritas*<br>Ethical Investments<br><br>Identity<br>Corporate Communication<br>Web Site<br>");
	identityArray[3] = new Array(3, "Happy Tummy <br>Nutritional Counseling<br><br>Identity<br>Stationary System<br>Web Site<br>", 8);
	// identityArray[9] = new Array(2, "Companion*<br>Contract Lounge seating<br><br>Identity<br>");
	// identityArray[10] = new Array(5, "Up'n Comers* <br>NHL Sports Licensee<br><br>Identity<br>Stationary System<br>Packaging<br>Point of Purchase<br>");
	identityArray[4] = new Array(2, "Canadian Dance Assembly<br>National Dance Association<br><br>Identity<br>", 11);
	identityArray[5] = new Array(2, "Mercurial Pictures <br>Film Production<br><br>Identity<br>", 12);
	// identityArray[13] = new Array(2, "Medical Pathways* <br>Medic Assistance Program<br><br>Identity<br>");
	// identityArray[14] = new Array(7, "Imark Corporation* <br>Publishing<br><br>Identity<br>Stationary System<br>Annual Report<br>");
	// identityArray[15] = new Array(2, "Jones Brown*<br>Insurance<br><br>Identity<br>");
	// identityArray[16] = new Array(8, "Van Heusen* <br>Men's Fashion and Apparel<br><br>Brand Guide<br>Image Book<br>Magazine Advertising<br>");
	// identityArray[17] = new Array(2, "M Scope* <br>Digital Microscopy and Imaging<br><br>Identity<br>");
	identityArray[6] = new Array(3, "Sodexho Fire and Ice*<br>Retail<br><br>Identity<br>Promotional Collateral<br>", 18);
	identityArray[7] = new Array(2, "Canadian's for Equal Marriage <br>National Political Activist Group<br><br>Identity<br>Web Site<br>", 19);
	identityArray[8] = new Array(2, "M3*<br>Mobile Multi Media<br>Identity<br>", 20);
	
	// INTERACTIVE ARRAY
	var interactiveArray = new Array();
	interactiveArray[0] = new Array(6, 0, 0);
	// interactiveArray[1] = new Array(5, "Phillips-Van Heusen* <br>Fashion<br><br>Corporate Web Site<br>");
	interactiveArray[1] = new Array(3, "Musique Plus<br>Thanksgiving 05 <br><br>Television Advertisment<br>", 2);
	interactiveArray[2] = new Array(3, "Browns* <br>Shoe and Apparel Retailer<br><br>Promotional Site<br>Winter 05<br>", 3);
	// interactiveArray[4] = new Array(4, "Jones Brown* <br>Insurance<br><br>Corporate Web Site<br>");
	interactiveArray[3] = new Array(3, "Natalie Karneef<br>Social Blog<br><br>Web Site<br>", 5);
	// interactiveArray[6] = new Array(4, "Spec* <br>Contract furniture<br><br>Web Site<br>");
	// interactiveArray[7] = new Array(4, "Damian Salter<br>Designer<br><br>Web Site<br>", 7);
	interactiveArray[4] = new Array(3, "Browns* <br>Shoe and Apparel Retailer<br><br>Promotional Site<br>Spring 06<br>", 8);
	interactiveArray[5] = new Array(3, "Atman<br>Talent Agency<br><br>Web Site<br>", 9);
	interactiveArray[6] = new Array(4, "New Women's College Hospital <br>Healthcare<br><br>Web Site<br>", 10);
	
// EXAMPLE OF PORTFOLIO LINK: eSwapPortfolio('exhibition', 1, 3);

/****************************************************************/
/************* SWAP PORTFOLIO IMAGES AND CONTENT   **************/
/****************************************************************/
function eSwapPortfolio(section, projectId, imgId){
	
	// FIND THE TOTAL AMOUNT OF IMAGES IN THE PROJECT
	var y = 1;
	var theVar = "";
	while(y <= eval(section+'Array[0][0]')){
		if(eval(section+'Array['+y+'][2]') == projectId){
			theVar = y;	
		}
		y = y+1;
	}
	var maxImg = eval(section+'Array['+theVar+'][0]');
	var left = 0;
	var right = 0;
	
	// NAVIGATION VARIABLES
	if(imgId == maxImg){
		right = 1;
	} else {
		right = parseInt(imgId)+1;
	}
	if(imgId == 1){
		left = maxImg;
	} else {
		left = imgId - 1;
	}
	
	// CHANGE COUNT EXAMPLE: 1/3
	var count = imgId + "/" + maxImg;
	
	// CHANGE BACKGROUND IMAGE TO THE CURRENT IMAGE REQUESTED
	document.getElementById("changeImg").style.background = "url(images/portfolio/"+section+"/"+projectId+"/"+imgId+".jpg)";
	document.getElementById("thePortfolio").innerHTML = "<div class=\"pageNav\"><div class=\"arrowLeftPage\" onclick=\"eSwapPortfolio('"+section+"',"+projectId+","+left+")\"></div> <div class=\"arrowRightPage\" onclick=\"eSwapPortfolio('"+section+"',"+projectId+","+right+")\"></div><span class=\"pageNum\">"+count+"</span></div>";
	
	// ADD WHITE BAR TO SIDE PORTFOLIO PICS
	document.getElementById("e_portfolioPics").style.background = "url(images/white.png)";
	
	// CHANGE DESCRIPTION OF PROJECT
	var description = section+"Array["+theVar+"][1]";
	document.getElementById("e_description").innerHTML = eval(description);	
	
	// CHANGE PORTFOLIO PROJECTS+
	var x = 1;
	var holder = "";
	var pID = ""; 
	
	while(x <= eval(section+'Array[0][0]')){
		pID = eval(section+'Array['+x+'][2]');
		holder = holder + "<a href=\"#\" onclick=\"eSwapPortfolio('"+section+"',"+pID+",1)\"><img src='images/portfolio/"+section+"/thumbs/"+pID+"_off.jpg' id='portfolio_"+pID+"' onmouseover=\"swapThis('images/portfolio/"+section+"/thumbs/"+pID+".jpg','portfolio_"+pID+"');\" onmouseout=\"swapThis('images/portfolio/"+section+"/thumbs/"+pID+"_off.jpg','portfolio_"+pID+"');\"></a><br>";
		x = x + 1;
	}

	document.getElementById("e_portfolioPics").innerHTML = holder;
}

/****************************************************************/
/************* SWAP PORTFOLIO IMAGES AND CONTENT   **************/
/****************************************************************/
function swapThis(img,div){
	document.getElementById(div).src = img;
}

function moveDown(){
	var maxHeight = document.getElementById("e_portfolioPics").scrollHeight;
	var currentHeight = document.getElementById("e_portfolioPics").scrollTop;
	
	if(currentHeight < maxHeight){
		document.getElementById("e_portfolioPics").scrollTop = currentHeight + 50;
	}
}

function moveUp(){
	var maxHeight = document.getElementById("e_portfolioPics").scrollHeight;
	var currentHeight = document.getElementById("e_portfolioPics").scrollTop;
	
	if(currentHeight > 0){
		document.getElementById("e_portfolioPics").scrollTop = currentHeight - 50;
	}
}