var topNavArray = ["leftSide_about.jpg","leftSide_capabilities.jpg","leftSide_process.jpg","leftSide_clients.jpg","leftSide_testimonials.jpg","leftSide_contact.jpg","portfolio.jpg","home.jpg"];
var topNavArrayCircleFolder = ["about","capabilities","process","clients","testimonials","contact","portfolio","home"];

function topNavOnMouseOver(sect){
	document.getElementById("topNav_" + sect).style.backgroundColor = "#ff8601";
	if(homeClicked == true){
		document.getElementById('topBlock').style.backgroundImage='url(images/topBlockBottomOrange.gif)';
		//alert("homeClicked");
	}
	else{
		document.getElementById('topBlock').style.backgroundImage='url(images/topBlockBottom.gif)';
		//alert("0-6");
	}
	
	if(sect == 7){
	document.getElementById('topBlock').style.backgroundImage='url(images/topBlockBottomOrange.gif)';
	//alert("7");
	}
}

function topNavOnMouseOut(sect){
	if(homeClicked == true){
		//alert("true");
		document.getElementById('topBlock').style.backgroundImage='url(images/topBlockBottomOrange.gif)';
	}
	if(homeClicked == false){
		//alert("false");
		document.getElementById('topBlock').style.backgroundImage='url(images/topBlockBottom.gif)';
		
	}
	if(sect > 5){
		document.getElementById("topNav_" + sect).style.backgroundColor = "#07a9db";
	}
	if(sect < 6){
		document.getElementById("topNav_" + sect).style.backgroundColor = "#ffffff";
	}	
}

var homeClicked;
function topNavDisplay(sect){
	
	document.getElementById("mainPort").style.display = "none";
	document.getElementById("mainPortText").style.display = "none";
	document.getElementById("mainPortPrevNext").style.display = "none";
	document.getElementById("mainPortNav").style.display = "none";
	
	document.getElementById("mainTextText").style.display = "block";
	document.getElementById("mainTextText").style.overflow = "auto";
	document.getElementById("mainTextBottom").style.display = "block";
	document.getElementById("mainTextBottomColOne").style.display = "none";
	document.getElementById("mainTextBottomColTwo").style.display = "none";
	
	document.getElementById("midBlockLeftImg").useMap = "#circlesDozen";
	
	if (sect == 7){
		homeClicked = true;
	}
	else{
		homeClicked = false;
	}
	
	for(g=0; g<topNavArray.length; g++){
		if(g < 6){
		document.getElementById("topNav_" + g).style.backgroundColor = "#ffffff";
		}
		if(g > 5){
		document.getElementById("topNav_" + g).style.backgroundColor = "#07a9db";
		}
		document.getElementById("topNav_" + g).onmouseout =  document.getElementById("topNav_" + g  + "DisplayNone").onmouseout;
	}
	
	//ie 6 will not implement a style, but will implement an established mouseover
	//document.getElementById("topNav_" + sect).onmouseout = null; shows that it's writable...
	//alert("document.getElementById('topNav_' + sect  + 'DisplayNone').onmouseover == " + document.getElementById("topNav_" + sect  + "DisplayNone").onmouseover);

	document.getElementById("topNav_" + sect).onmouseout = document.getElementById("topNav_" + sect  + "DisplayNone").onmouseover;
	document.getElementById("topNav_" + sect).style.backgroundColor = "#ff8601";
		
	if(sect==7){
			document.getElementById("mainTextBottomColOne").style.display = "block";
			document.getElementById("mainTextBottomColTwo").style.display = "block";
			document.getElementById("mainTextText").style.overflow = "hidden";
			document.getElementById("midBlockLeftImg").useMap = "#circlesDozenNone";
			document.getElementById('topBlock').style.backgroundImage='url(images/topBlockBottomOrange.gif)';
	}
	else{
		document.getElementById('topBlock').style.backgroundImage='url(images/topBlockBottom.gif)';
	}
		
		
	for(f=0; f<topNavArrayCircleFolder.length; f++){
		document.getElementById(topNavArrayCircleFolder[f]).style.display="none";
	}
	document.getElementById(topNavArrayCircleFolder[sect]).style.display="block";
	
	document.getElementById("midBlockLeftImg").src = "images/" + topNavArray[sect];
	
	document.getElementById("midBlockLeftRightOne").style.backgroundImage = "url(images/circle/" + topNavArrayCircleFolder[sect] + "/one.jpg)";
	document.getElementById("midBlockLeftRightTwo").style.backgroundImage = "url(images/circle/" + topNavArrayCircleFolder[sect] + "/two.jpg)";
	document.getElementById("midBlockLeftRightThree").style.backgroundImage = "url(images/circle/" + topNavArrayCircleFolder[sect] + "/three.jpg)";
	document.getElementById("midBlockLeftRightFour").style.backgroundImage = "url(images/circle/" + topNavArrayCircleFolder[sect] + "/four.jpg)";
	document.getElementById("midBlockLeftRightFive").style.backgroundImage = "url(images/circle/" + topNavArrayCircleFolder[sect] + "/five.jpg)";
	document.getElementById("midBlockLeftRightSix").style.backgroundImage = "url(images/circle/" + topNavArrayCircleFolder[sect] + "/six.jpg)";
	document.getElementById("midBlockLeftRightSeven").style.backgroundImage = "url(images/circle/" + topNavArrayCircleFolder[sect] + "/seven.jpg)";
	document.getElementById("midBlockLeftRightEight").style.backgroundImage = "url(images/circle/" + topNavArrayCircleFolder[sect] + "/eight.jpg)";
	document.getElementById("midBlockLeftRightNine").style.backgroundImage = "url(images/circle/" + topNavArrayCircleFolder[sect] + "/nine.jpg)";
	document.getElementById("midBlockLeftRightTen").style.backgroundImage = "url(images/circle/" + topNavArrayCircleFolder[sect] + "/ten.jpg)";
	document.getElementById("midBlockLeftRightEleven").style.backgroundImage = "url(images/circle/" + topNavArrayCircleFolder[sect] + "/eleven.jpg)";
	document.getElementById("midBlockLeftRightTwelve").style.backgroundImage = "url(images/circle/" + topNavArrayCircleFolder[sect] + "/twelve.jpg)";
}

function imageLoaderCircles(){
	for(m=0; m<topNavArrayCircleFolder.length-1; m++){
		(new Image()).src = "images/circle/" + topNavArrayCircleFolder[m] + "/one.jpg";
		(new Image()).src = "images/circle/" + topNavArrayCircleFolder[m] + "/two.jpg";
		(new Image()).src = "images/circle/" + topNavArrayCircleFolder[m] + "/three.jpg";
		(new Image()).src = "images/circle/" + topNavArrayCircleFolder[m] + "/four.jpg";
		(new Image()).src = "images/circle/" + topNavArrayCircleFolder[m] + "/five.jpg";
		(new Image()).src = "images/circle/" + topNavArrayCircleFolder[m] + "/six.jpg";
		(new Image()).src = "images/circle/" + topNavArrayCircleFolder[m] + "/seven.jpg";
		(new Image()).src = "images/circle/" + topNavArrayCircleFolder[m] + "/eight.jpg";
		(new Image()).src = "images/circle/" + topNavArrayCircleFolder[m] + "/nine.jpg";
		(new Image()).src = "images/circle/" + topNavArrayCircleFolder[m] + "/ten.jpg";
		(new Image()).src = "images/circle/" + topNavArrayCircleFolder[m] + "/eleven.jpg";
		(new Image()).src = "images/circle/" + topNavArrayCircleFolder[m] + "/twelve.jpg";
	}
	imageLoaderPort();
}

function imageLoaderPort(){
	for(n=0; n<divHolder.length; n++){
		(new Image()).src = "images/" + divHolder[n][1];
	}
}

var divHolder = [[0,"id_aruma.jpg","Logo and corporate identity system for Aruma, Inc."],[0,"id_NJHF.jpg","Logo for New Jersey Hall of Fame"],[0,"id_las.jpg","Corporate identity and seal for The Legal Aid Society"],[0,"id_tsi.jpg","Logo and corporate identity system for Transition Services, Inc."],[0,"id_jaf.jpg","Corporate identity system for John Ferraro, Architect"],[0,"id_statdepot.jpg","StatDepot logo and corporate identity"],[0,"id_lasharlem.jpg","Logo for The Legal Aid Society's Campaign for Harlem"],[0,"id_mrp.jpg","Corporate identity system for MRP Electronics, Inc."],[0,"id_prelay.jpg","Logo for  P-Relay, a mangement software program by Professional Access"],[0,"id_horizon.jpg","Horizon Professional Directories logo design"],[0,"id_graphicres.jpg","Identity for Graphic Resources, print brokerage"],[0,"id_lks.jpg","Logo system for LKS Entertainment"],[0,"id_guide.jpg","Logo for The Seeing Eye GUIDE magazine"],[0,"id_hammkt.jpg","Logo proposal for Hamilton Market"],[0,"id_coh.jpg","Proposal for Village of Croton-on-Hudson logo"],[1,"printSE_AR07.jpg","The Seeing Eye annual report"],[1,"print_SEAR_06.jpg","The Seeing Eye annual report"],[1,"print_SE_AR05.jpg","The Seeing Eye annual report"],[1,"print_SEguidecvrs.jpg","The Seeing Eye Guide magazine"],[1,"print_guidespread.jpg","The Seeing Eye Guide magazine"],[1,"print_LASar.jpg","The Legal Aid Society annual report"],[1,"print_soj.jpg","Legal Aid Servant of Justice Award invitaion and program"],[1,"print_iona.jpg","Iona College course schedule"],[1,"print_OK.jpg","Oak Knoll School Review magazine"],[1,"print_OKars.jpg","Oak Knoll School annual reports"],[1,"print_tsi.jpg","Transition Services collateral"],[1,"print_newletters.jpg","Newsletters"],[1,"print_mrp.jpg","MRP Electronics capability brochure"],[1,"prin_DH.jpg","Newspaper insert for The Danish Home"],[1,"print_LASbro.jpg","Fundraising brochure for The Legal Aid Society"],[1,"print_Pitbro.jpg","Human resources brochure for Pitney Bowes"],[2,"ads_ara.jpg","Footwear News ad series for ARA Shoes"],[2,"ads_metro.jpg","Full-page ads for Forest City Ratner MetroTech Center"],[2,"ads_rvi.jpg","Ads for RVI Group, various trade magazines"],[2,"ads_selby.jpg","New York Times ads for Selby Fifth Avenue"],[2,"ads_dh.jpg","Newspaper ads for The Danish Home"],[3,"direct_classictv.jpg","Direct mail package for Columbia House"],[3,"direct_coho.jpg","Direct mail insert for Columbia House"],[3,"direct_ara.jpg","Seasonal mailers for ARA Shoes"],[3,"direct_eneslow.jpg","Grand Opening coupon mailer for Eneslow"],[3,"direct_FFields.jpg","Direct Mail Package for Fresh Fields/Whole Foods Market"],[3,"direct_dh.jpg","Annual appeal for The Danish Home"],[3,"direct_selby.jpg","Coupon postcards/Rewards program for Selby Fifth Avenue"],[4,"web_jafpc.jpg","Website design, content and production for John Ferraro Architect"],[4,"web_aruma.jpg","Website design, content and production for Aruma, Inc."],[4,"web_OKhome.jpg","Website design, content and production for Oak Knoll School"],[4,"web_ok2.jpg","Secondary web page design and content, Oak Knoll School"],[4,"web_CCNS.jpg","Website design and content for Croton Community Nursery School "],[5,"misc_LIS.jpg","Video packaging for Columbia House Video Library"],[5,"misc_bookcvr.jpg","Book jacket for Walker Press"],[5,"misc_innov.jpg","Black and white illustration for Innovation Luggage"],[5,"misc_holcards.jpg","Holiday cards, self-promotion"],[5,"misc_selfcard.jpg","Holiday cards, self-promotion"],[5,"misc_tribalart.jpg","Tribal art holiday card, self-promotion"],[5,"misc_LAScard.jpg","Holiday card for The Legal Aid Society"]];

var sectionStart;
var sectionEnd;
var sectionCount;
var totalNumberOfCircles = 17;//17; //currently hardcoded, equal to number of prevNext circle list items in index.html
var portNavSection = 999;
var onCircleCounter;
var divToShow;
var nextBool = true;

function portNavDisplay(section,mechanism){       //mechanism::     0: from portfolio anchor or onmouseover       1: next() prev()         2:  1 calls 2 when jumping up a section        3:  1 calls 3 when jumping down a section
	
	document.getElementById("mainPort").style.display = "block";
	document.getElementById("mainPortText").style.display = "block";
	document.getElementById("mainPortPrevNext").style.display = "block";
	document.getElementById("mainPortNav").style.display = "block";
	//document.getElementById("mainText").style.display = "none";
	document.getElementById("mainTextText").style.overflow = "auto";
	document.getElementById("mainTextText").style.display = "none";
	document.getElementById("mainTextBottom").style.display = "none";
	document.getElementById("mainTextBottomColOne").style.display = "none";
	document.getElementById("mainTextBottomColTwo").style.display = "none";
	
	if((!(section==portNavSection))||((mechanism==0)||(mechanism==3))){
		for (i in divHolder){
			if(divHolder[i][0]==section){
				sectionStart = i;
				sectionEnd = (i-1); //to start, incremented in next for loop
				divToShow = sectionStart;
				document.getElementById("mainPortImg").src = "images/" + divHolder[divToShow][1];
				document.getElementById("mainPortTextP").innerHTML = divHolder[divToShow][2];
				
				portNavSection = section;
				break;
			}
		}
		for (i in divHolder){
			if(divHolder[i][0]==section){
				sectionEnd++;
			}
		}
		sectionCount = sectionEnd - sectionStart + 1;
		onCircleCounter = 1;
		
		if(mechanism==3){
			divToShow = sectionEnd;
			onCircleCounter = sectionCount;
			document.getElementById("mainPortImg").src = "images/" + divHolder[divToShow][1];
			document.getElementById("mainPortTextP").innerHTML = divHolder[divToShow][2];
		}
		
		for(j=0; j<6; j++){  // <6 hardcoded number of sections, switch to .length
		document.getElementById("bottomNav_" + j).style.color="#000";
		}
		document.getElementById("bottomNav_" + section).style.color="#f90";
	}
	else if((section==portNavSection)&&(mechanism==1)){
		document.getElementById("mainPortImg").src = "images/" + divHolder[divToShow][1];
		document.getElementById("mainPortTextP").innerHTML = divHolder[divToShow][2];
		if ((onCircleCounter) > sectionCount){
			portNavDisplay((section+1),2)
			onCircleCounter = 1;
		}
		else if ((onCircleCounter) < 1){
			portNavDisplay((section-1),3)
			onCircleCounter = sectionCount;			
		}
	}


	for (x = 0; x < onCircleCounter; x++){
		document.getElementById("prevNextCircleOn_" + x).style.display="inline";
	}
	for (x = onCircleCounter; x < totalNumberOfCircles; x++){
		document.getElementById("prevNextCircleOn_" + x).style.display="none";
	}
	
	for (x = 0; x < onCircleCounter; x++){
		document.getElementById("prevNextCircleOff_" + x).style.display="none";
	}
	for (x = onCircleCounter; x < sectionCount; x++){
		document.getElementById("prevNextCircleOff_" + x).style.display="inline";
	}
	for (x = sectionCount; x < totalNumberOfCircles; x++){
		document.getElementById("prevNextCircleOff_" + x).style.display="none";
	}
	
}

function prev(){
	if(divToShow>0){
	onCircleCounter--;
	divToShow--;
	//document.getElementById("outB").innerHTML="outB::prev onCircleCounter >> " + onCircleCounter + " and divToShow >> " + divToShow;
	portNavDisplay(portNavSection,1);
	}
}

function next(){
	onCircleCounter++;
	divToShow++;
	//document.getElementById("outA").innerHTML="outA::next onCircleCounter >> " + onCircleCounter + " and divToShow >> " + divToShow;
	if(divToShow<divHolder.length){
		portNavDisplay(portNavSection,1);
	}
	else{
		portNavDisplay(0,1);
	}
}
	
function place(section, advance){
	portNavDisplay(section,0);
	for(v=0; v<advance; v++){
		next();
	}
}

function wertheim(){
	document.getElementById("list_wertheim").style.fontWeight="bold";
	document.getElementById("list_amcis").style.fontWeight="normal";
	document.getElementById("list_coster").style.fontWeight="normal";
	document.getElementById("list_lewis").style.fontWeight="normal";
	document.getElementById("list_ohagan").style.fontWeight="normal";
	document.getElementById("list_podwill").style.fontWeight="normal";
	document.getElementById("list_sitts").style.fontWeight="normal";
	document.getElementById("list_smith").style.fontWeight="normal";
	
	document.getElementById("wertheim").style.display = "block";
	document.getElementById("amcis").style.display = "none";
	document.getElementById("coster").style.display = "none";
	document.getElementById("lewis").style.display = "none";
	document.getElementById("ohagan").style.display = "none";
	document.getElementById("podwill").style.display = "none";
	document.getElementById("sitts").style.display = "none";
	document.getElementById("smith").style.display = "none";
}

function amcis(){
	document.getElementById("list_amcis").style.fontWeight="bold";
	document.getElementById("list_wertheim").style.fontWeight="normal";
	
	document.getElementById("wertheim").style.display = "none";
	document.getElementById("amcis").style.display = "block";
	document.getElementById("coster").style.display = "none";
	document.getElementById("lewis").style.display = "none";
	document.getElementById("ohagan").style.display = "none";
	document.getElementById("podwill").style.display = "none";
	document.getElementById("sitts").style.display = "none";
	document.getElementById("smith").style.display = "none";
}

function coster(){
	document.getElementById("list_coster").style.fontWeight="bold";
	document.getElementById("list_wertheim").style.fontWeight="normal";
	
	document.getElementById("wertheim").style.display = "none";
	document.getElementById("amcis").style.display = "none";
	document.getElementById("coster").style.display = "block";
	document.getElementById("lewis").style.display = "none";
	document.getElementById("ohagan").style.display = "none";
	document.getElementById("podwill").style.display = "none";
	document.getElementById("sitts").style.display = "none";
	document.getElementById("smith").style.display = "none";
}

function lewis(){
	document.getElementById("list_lewis").style.fontWeight="bold";
	document.getElementById("list_wertheim").style.fontWeight="normal";
	
	document.getElementById("wertheim").style.display = "none";
	document.getElementById("amcis").style.display = "none";
	document.getElementById("coster").style.display = "none";
	document.getElementById("lewis").style.display = "block";
	document.getElementById("ohagan").style.display = "none";
	document.getElementById("podwill").style.display = "none";
	document.getElementById("sitts").style.display = "none";
	document.getElementById("smith").style.display = "none";
}

function ohagan(){
	document.getElementById("list_ohagan").style.fontWeight="bold";
	document.getElementById("list_wertheim").style.fontWeight="normal";
	
	document.getElementById("wertheim").style.display = "none";
	document.getElementById("amcis").style.display = "none";
	document.getElementById("coster").style.display = "none";
	document.getElementById("lewis").style.display = "none";
	document.getElementById("ohagan").style.display = "block";
	document.getElementById("podwill").style.display = "none";
	document.getElementById("sitts").style.display = "none";
	document.getElementById("smith").style.display = "none";
}

function podwill(){
	document.getElementById("list_podwill").style.fontWeight="bold";
	document.getElementById("list_wertheim").style.fontWeight="normal";
	
	document.getElementById("wertheim").style.display = "none";
	document.getElementById("amcis").style.display = "none";
	document.getElementById("coster").style.display = "none";
	document.getElementById("lewis").style.display = "none";
	document.getElementById("ohagan").style.display = "none";
	document.getElementById("podwill").style.display = "block";
	document.getElementById("sitts").style.display = "none";
	document.getElementById("smith").style.display = "none";
}

function sitts(){
	document.getElementById("list_sitts").style.fontWeight="bold";
	document.getElementById("list_wertheim").style.fontWeight="normal";
	
	document.getElementById("wertheim").style.display = "none";
	document.getElementById("amcis").style.display = "none";
	document.getElementById("coster").style.display = "none";
	document.getElementById("lewis").style.display = "none";
	document.getElementById("ohagan").style.display = "none";
	document.getElementById("podwill").style.display = "none";
	document.getElementById("sitts").style.display = "block";
	document.getElementById("smith").style.display = "none";
}

function smith(){
	document.getElementById("list_smith").style.fontWeight="bold";
	document.getElementById("list_wertheim").style.fontWeight="normal";
	
	document.getElementById("wertheim").style.display = "none";
	document.getElementById("amcis").style.display = "none";
	document.getElementById("coster").style.display = "none";
	document.getElementById("lewis").style.display = "none";
	document.getElementById("ohagan").style.display = "none";
	document.getElementById("podwill").style.display = "none";
	document.getElementById("sitts").style.display = "none";
	document.getElementById("smith").style.display = "block";
}