// variables
// ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
// ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

varSelected = "start";
varChecktoselect = 0;
varMainmovie = 0;
varMin = 0;
varMax = 0;
varOrientation = "";
varNimage = 1;
varTheMenu = "";
varInterupt = "no";







// HTML code variables 
// ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
// ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------



// company dropdown menu
varHTMLcompany = "<div></div><a href=\"/Company/Culture\"><div id=\"list\">Culture</div></a><a href=\"/Company/History\"><div id=\"list\">History</div></a><a href=\"/Company/Safety\"><div id=\"list\">Safety</div></a><a href=\"/Company/LEED\"><div id=\"list\">LEED®</div></a><a href=\"/Company/Meet_The_Team\"><div id=\"list\">Meet The Team</div></a><div id=\"list\">---</div><a href=\"/Company/Subcontractors\"><div id=\"list\">Subcontractors</div></a><a href=\"/Company/News\"><div id=\"list\">News</div></a><a href=\"/Company/Contact\"><div id=\"list\">Contact</div></a>";

// solutions dropdown menu
varHTMLsolutions = "<div></div><a href=\"/Solutions/General_Contracting\"><div id=\"list\">General Contracting</div></a><a href=\"/Solutions/Construction_Management_(CM)\"><div id=\"list\">Construction Management (CM)</div></a><a href=\"/Solutions/Design_and_Build\"><div id=\"list\">Design/Build</div></a>";

// portfolio dropdown menu
varHTMLportfolio = "<div></div><a href=\"/Portfolio/Commercial\"><div id=\"list\">Commercial</div></a><a href=\"/Portfolio/Hospitality\"><div id=\"list\">Hospitality</div></a><a href=\"/Portfolio/Entertainment_and_Recreational\"><div id=\"list\">Entertainment</div></a><a href=\"/Portfolio/Distribution_and_Warehouse\"><div id=\"list\">Distribution</div></a><a href=\"/Portfolio/Residential\"><div id=\"list\">Residential</div></a><a href=\"/Portfolio/Cultural_and_Religious\"><div id=\"list\">Cultural</div></a><a href=\"/Portfolio/Retail\"><div id=\"list\">Retail</div></a><a href=\"/Portfolio/Healthcare\"><div id=\"list\">Healthcare</div></a>";




//list
varHTMLlist = "<div id=\"title\">" + varPage + "</div><div id=\"spacer2\"></div><div id=\"list0\"></div><div id=\"list1\"></div><div id=\"list2\"></div><div id=\"list3\"></div><div id=\"list4\"></div><div style=\"height: 1.5em; margin-top: 15px;\">";
if (varLast > 5){varHTMLlist = varHTMLlist + "<div id=\"label1\"><div id=\"label\" onclick=\"javascript:list(0, 5, 1);\">1-5</div><div id=\"label2\"><div id=\"label\" onclick=\"javascript:list(5, 10, 2);\">6-10</div></div>";}
if (varLast > 10){varHTMLlist = varHTMLlist + "<div id=\"label3\"><div id=\"label\" onclick=\"javascript:list(10, 15, 3);\">11-15</div></div>";}
if (varLast > 15){varHTMLlist = varHTMLlist + "<div id=\"label4\"><div id=\"label\" onclick=\"javascript:list(15, 20, 4);\">16-20</div></div>";}
if (varLast > 20){varHTMLlist = varHTMLlist + "<div id=\"label5\"><div id=\"label\" onclick=\"javascript:list(20, 25, 5);\">21-25</div></div>";}
varHTMLlist = varHTMLlist + "<div id=\"progress\"><img src=\"/images/site_images/spacer.gif\" height=\"15\" width=\"15\" border=\"0\"></div></div>";
if (varFrom == "secondary"){varHTMLlist2 = "<br>";}else{varHTMLlist2 = varHTMLlist;}

// horizontal format
varHTMLhorizontal = "<div id=\"spacer\"></div><div id=\"graphic\" style=\"width: 860px;\"></div><div id=\"spacer\"></div><table width=\"860\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\"><tr><td valign=\"top\" width=\"565\" style=\"border-top: 1px solid #c3c4c5;\"><div id=\"left\"><div id=\"main_title\"></div><div id=\"location\"></div><div id=\"spacer2\"></div><div id=\"content\"></div></div></td><td valign=\"top\" width=\"295\" style=\"border-top: 1px solid #c3c4c5; border-left: 1px solid #f0f0f0;\"><div id=\"right\">" + varHTMLlist2 + "</div></td></tr></table>";

// vertical format
varHTMLvertical = "<table width=\"860\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\"><tr><td valign=\"top\" width=\"543\"><div id=\"left\"><div id=\"graphic\" style=\"width: 518px;\"></div></div></td><td valign=\"top\" width=\"317\" style=\"border-left: 1px solid #f0f0f0;\"><div id=\"right\"><div id=\"main_title\"></div><div id=\"location\"></div><div id=\"spacer2\"></div><div id=\"content\"></div></div><div id=\"right\"  style=\"border-top: 1px solid #c3c4c5;\">" + varHTMLlist + "</div></td></tr></table>";

// team format
varHTMLteam = "<table width=\"860\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\"><tr><td valign=\"top\" width=\"543\"><div id=\"left\"><div id=\"main_title\"></div><div id=\"spacer2\"></div><div id=\"content\"></div></div></td><td valign=\"top\" width=\"317\" style=\"border-left: 1px solid #f0f0f0;\"><div id=\"right\"><div id=\"graphic\"></div></div><div id=\"right\"  style=\"border-top: 1px solid #c3c4c5;\">" + varHTMLlist + "</div></td></tr></table>";











// setup the page
// ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
// ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
$(document).ready(function(){


	
	// setup -------------------
	if(varSection == "Home"){
		$("#back").css({ backgroundColor:"rgb(255,255,255)" });$("#home").css({'background-image': "url('/images/site_images/header/back.gif')"});
	}
	if(varSection == "Company"){
		varTheMenu = "company";
		$("#scroll").css({ marginLeft: "220px" });$("#company").css({'background-image': "url('/images/site_images/header/back.gif')"});$("#back").append(varHTMLcompany);
		}
	if(varSection == "Solutions"){
		varTheMenu = "solutions";
		$("#scroll").css({ marginLeft: "463px" });$("#solutions").css({'background-image': "url('/images/site_images/header/back.gif')"});$("#back").append(varHTMLsolutions);
		}
	
	if(varSection == "Portfolio"){
		varTheMenu = "portfolio";
		$("#scroll").css({ marginLeft: "705px" });$("#portfolio").css({'background-image': "url('/images/site_images/header/back.gif')"});$("#back").append(varHTMLportfolio);
		}	
	$("#back").fadeTo(0, 0.00, function(){$("#back").css({ backgroundColor:"rgb(235,235,235)" });});



	
	// insert content -------------------
	
	
	if(varFrom != "secondary"){list(0, 5, 1);}else{content_insert("\"" + varPage + "\"",0);}
	
	



	// menu animations -------------------

	$("#home").hover(
	function(){
		if(varTheMenu != "home") {	
			varTheMenu = "home";
			menu("#home","0px", "#company, #solutions, #portfolio", "");
			
		}
	}, function(){ if(varInterupt == "no") {fadeout();} });	
	
	
	
    $("#company").hover(
	function(){
		if(varTheMenu != "company") {
			varTheMenu = "company";
			menu("#company","220px", "#portfolio, #solutions, #home", varHTMLcompany);
			
		}else{
			if(varInterupt == "no") {$("#back").stop().fadeTo("slow", 0.85).css({height: "auto"});}
		}
	}, function(){  if(varInterupt == "no") {fadeout();} });  
	
	
	
    $("#solutions").hover(
	function(){
		if(varTheMenu != "solutions") {
			varTheMenu = "solutions";
			menu("#solutions","463px", "#company, #portfolio, #home", varHTMLsolutions);
			
		}else{			
			if(varInterupt == "no") {$("#back").stop().fadeTo("slow", 0.85).css({height: "auto"});}
		}
	}, function(){ if(varInterupt == "no") {fadeout();} });    
	
	
	
	$("#portfolio").hover(
	function(){
		if(varTheMenu != "portfolio") {	
		varTheMenu = "portfolio";
			menu("#portfolio","705px", "#company, #solutions, #home", varHTMLportfolio);
			
		}else{
			if(varInterupt == "no") {$("#back").stop().fadeTo("slow", 0.85).css({height: "auto"});}
		}
	}, function(){ if(varInterupt == "no") {fadeout();}});	
	
	$("#back").hover(function(){if(varInterupt == "no"){$("#back").stop().fadeTo("slow", 0.85).css({height: "auto"});} }, function(){ fadeout(); });
	$("#top").hover(function(){if(varInterupt == "no"){$("#back").stop().fadeTo("slow", 0.85).css({height: "auto"});} }, function(){ fadeout(); });
	
						
});











//functions 
// ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
// ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

function flash(){
$("#graphic").empty();
$("#graphic").append("<object classid=\"clsid:d27cdb6e-ae6d-11cf-96b8-444553540000\" codebase=\"http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0\" width=\"860\" height=\"250\"><param name=\"movie\" value=\"/flash/interview.swf\" /><param name=\"quality\" value=\"high\" /><param name=\"play\" value=\"true\" /><param name=\"menu\" value=\"false\" /><param name=\"wmode\" value=\"opaque\" /><embed pluginspage=\"http://www.macromedia.com/go/getflashplayer\" src=\"/flash/interview.swf\" type=\"application/x-shockwave-flash\" width=\"860\" height=\"250\" quality=\"high\" play=\"true\" menu=\"false\" wmode=\"opaque\"></embed></object>");
}

//initialize rollover and selection for list -------------------

function rollover() {
	$("#list0").click(function(){ highlight(0); });	
	$("#list1").click(function(){ highlight(1); });
	$("#list2").click(function(){ highlight(2); });
	$("#list3").click(function(){ highlight(3); });
	$("#list4").click(function(){ highlight(4);	});
}



// load image into graphic DIV--------------------------------------

function load(path){
	
	imagelabel(path);	
	pic = new Image();
	pic.onload = nextImage;
	pic.src = "/images/" + varFrom + "/" + varSelected + "/" + path + ".jpg";
	if(varOrientation == "horizontal" || varSection == "Home"){
	$("#graphic").empty();
	$("#graphic").append("<img src=\"/images/site_images/spacer.gif\" height=\"250px\" border=\"0\" />");}
	

	function nextImage() {
		$("#graphic").empty();
		$("#graphic").append("<img src=\"/images/" + varFrom + "/" + varSelected + "/" + path + ".jpg\" border=\"0\" />");
		
	}
}




// animation, rollover and content manipulation for dropdown ---------------------------------------------------------

function menu(section, margin, reset, menulist, prevTheMenu){
	varInterupt = "yes";
	$("#back").stop();
	$("#back").stop().fadeTo("slow", 0, function(){varInterupt = "no";$("#back").empty().append(menulist).css({height: "auto", backgroundColor:"rgb(235,235,235)"}); });
	$(reset).css({'background-image': "url('/images/site_images/header/pointer.gif')"});
	$(section).css({'background-image': "url('/images/site_images/header/back.gif')"});
	$("#scroll").animate({ marginLeft: margin }, { queue: false, duration: 1000} );
	if (section != "#home"){
	$("#back").fadeTo("slow", 0.85).css({height: "auto"});
	}
}



// fadeout dropdown ---------------------------------------------------------
function fadeout(){
	if(varTheMenu == "company"){menulist = varHTMLcompany;}
	if(varTheMenu == "solutions"){menulist = varHTMLsolutions;}
	if(varTheMenu == "portfolio"){menulist = varHTMLportfolio;}
	$("#back").stop();
	$("#back").stop().fadeTo("slow", 0, function(){if(varInterupt == "yes"){varInterupt = "no";$("#back").empty().append(menulist).css({height: "auto", backgroundColor:"rgb(235,235,235)"})}$("#back").css({height: "0px"});});
}




// select list item ---------------------------------------------------------
function highlight(varID) {
	for (var i=0; i<5; i++) {
		$("#list" + i).css({color: "rgb(108,108,108)"});
		$(".arrow" + i).empty();
	}
	$("#list" + varID).css({color: "rgb(236,102,31)"});
	$(".arrow" + varID).append("< \&nbsp\;");
}



// deselect list item ---------------------------------------------------------
function dehighlight() {
	for (var i=0; i<5; i++) {
		$("#list" + i).css({color: "rgb(108,108,108)"});
		$(".arrow" +i).empty();
	}
}



// select label (i.e. [1-5] or [5-10] ...) ---------------------------------------------------------
function label(varLabel){
	for (var i=1; i<6; i++) {
		$("#label" + i).css({color: "rgb(108,108,108)", borderColor: "rgb(233,233,233)"});
	}
	$("#label" + varLabel).css({color: "rgb(236,102,31)", borderColor: "rgb(255,226,210)"});
}



// select image number (i.e. [1] , [2] , [3]...) ---------------------------------------------------------

function imagelabel(path){
	for (var i=1; i<varNimage; i++) {
		$("#nimage" + i).css({backgroundColor: "rgb(123,124,127)"});
	}
	$("#nimage" + path).css({backgroundColor: "rgb(236,102,31)"});
}



//functions content handling
// ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
// ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------


// get list from php-xml----------------------------------------------------------------------------

function list(min, max, varDivID) {
	varMin = min;
	varMax = max;
	varDiv = varDivID;
    $("#progress").css({'background-image': "url('/images/site_images/loading.gif')"});
	label(varDivID);
	$.post("/content/" + varFrom + "_xml.php", {min: varMin, max: varMax, page: varPage}, function(xml){		
		i = 0;
		$("#list0").empty();
		$("#list1").empty();
		$("#list2").empty();
		$("#list3").empty();
		$("#list4").empty();
		dehighlight();
		$("story",xml).each(function(id) {
			varList = $("story",xml).get(id);
			
			// on first pageload
			if (varSelected == "start"){
			
			if (varDirect != ""){
				content_insert(varDirect);
				varSelected = varDirect;
			}else{
				content_insert($("id",varList).text());
				varSelected = $("id",varList).text();
			}
				varOrientation = $("orientation",varList).text();
				$("#format").empty();
				if (varPage == "Meet The Team" || varPage == "News"){$("#format").append(varHTMLteam);}else{
				if(varOrientation == "horizontal"){$("#format").append(varHTMLhorizontal);}else{$("#format").append(varHTMLvertical);}}
			}	
			
			if ($("id",varList).text() == varSelected){varChecktoselect = i;}else{varChecktoselect = 6;}	
			ib = i+ varMin +1;
			$("#list" + i).append("<div id=\"list\" onclick=\"javascript:content_insert(" + $("id",varList).text() + ",0)\;\"><span class=\"arrow" + i + "\"></span>" + ib + ". " + " " + $("title",varList).text() + "</div>");
			i++;
			if (varChecktoselect != 6){highlight(varChecktoselect);}
		});
		
		 $("#progress").css({'background-image': "url('/images/site_images/spacer.gif')"});
	});
	
}



// get content from php-xml ----------------------------------------------------------------------------

function content_insert(varID, varClick) {
	
    $("#progress").css({'background-image': "url('/images/site_images/loading.gif')"});
	$.post("/content/" + varFrom + "_content_xml.php", {id: varID}, function(xml){	
			varContent = $("story",xml).get(0);
			
			
			// set up orientation
			if($("orientation",varContent).text() != varOrientation && $("orientation",varContent).text() != ""){
			$("#format").empty();
			varOrientation = $("orientation",varContent).text();
			if (varPage == "Meet The Team" || varPage == "News"){$("#format").append(varHTMLteam);}else{
			if(varOrientation == "horizontal"){$("#format").append(varHTMLhorizontal);}else{$("#format").append(varHTMLvertical);}}

			if(varFrom != "secondary"){list(varMin, varMax, varDiv);}
			}
			rollover();
			
			// fill content
			$("#content").empty();			
			$("#main_title").empty();
			$("#main_title").append($("title",varContent).text());
			$("#location").empty();
			$("#location").append($("location",varContent).text());
			$("#content").append($("content",varContent).text());
			$("#right").append($("callout",varContent).text());
			
			$("#progress").css({'background-image': "url('/images/site_images/spacer.gif')"});
			
			// display link if external url
			if( $("url",varContent).text() != ""){	
				$("#content").append("<a href=\"" + $("url",varContent).text() + "\" target=\"_blank\"><img src=\"/images/site_images/arrow.gif\"  align=\"absmiddle\" height=\"24\" width=\"43\" border=\"0\" />Read More</a>");
			}
			
			// display image labels
			if ($("images",varContent).text() > 1){
			varNimage = 1;
			varImagelabels = "";
			for ( var i=$("images",varContent).text(); i>0 ; i-- ) {varImagelabels = varImagelabels + "<div id=\"nimage" + varNimage + "\" style=\"float: left; margin: 0 1px 0 0;\"><div id=\"nimage\" onclick=\"javascript:load(" + varNimage + ",860,250);\">" + varNimage + "</div></div>"; varNimage++;}
			$("#content").append("<br><div style=\"height: 1.5em; margin-top: 15px;\">" + varImagelabels + "</div>");
			}
			
			if( varClick == 0 || varSection != "Home"){
				if($("images",varContent).text() != "0" || varSelected != "start"){varSelected = $("id",varContent).text(); load(1);}
			}
			varSelected = $("id",varContent).text();
			
			
			
	if(varPage == "Company"){	
		$("#list0").append("<a href=\"/Company/Culture\"><div id=\"list\">Culture</div></a>");
		$("#list1").append("<a href=\"/Company/History\"><div id=\"list\">History</div></a>");
		$("#list2").append("<a href=\"/Company/Safety\"><div id=\"list\">Safety</div></a>");
		$("#list3").append("<a href=\"/Company/Meet_The_Team\"><div id=\"list\">Meet The Team</div></a>");
		$("#list4").append("<a href=\"/Company/Subcontractors\"><div id=\"list\">Subcontractors</div></a>");	
		$("#list4").after("<div id=\"list5\"></div><div id=\"list6\"></div>");	
		$("#list5").append("<a href=\"/Company/News\"><div id=\"list\">News</div></a>");
		$("#list6").append("<a href=\"/Company/Contact\"><div id=\"list\">Contact</div></a>");
	}
	
	if(varPage == "Solutions"){
		$("#list0").append("<a href=\"/Solutions/General_Contracting\"><div id=\"list\">General Contracting</div></a>");
		$("#list1").append("<a href=\"/Solutions/Construction_Management_(CM)\"><div id=\"list\">Construction Management (CM)</div></a>");
		$("#list2").append("<a href=\"/Solutions/Design_and_Build\"><div id=\"list\">Design/Build</div></a>");
	}
	
	if(varPage == "Portfolio"){
		$("#list0").append("<a href=\"/Portfolio/Commercial\"><div id=\"list\">Commercial</div></a>");
		$("#list1").append("<a href=\"/Portfolio/Hospitality\"><div id=\"list\">Hospitality</div></a>");
		$("#list2").append("<a href=\"/Portfolio/Entertainment_and_Recreational\"><div id=\"list\">Entertainment and Recreational</div></a>");
		$("#list3").append("<a href=\"/Portfolio/Distribution_and_Warehouse\"><div id=\"list\">Distribution and Warehouse</div></a>");
		$("#list4").append("<a href=\"/Portfolio/Residential\"><div id=\"list\">Residential</div></a>");
		$("#list4").after("<div id=\"list5\"></div><div id=\"list6\"></div><div id=\"list7\"></div><div id=\"list8\"></div>");	
		$("#list5").append("<a href=\"/Portfolio/Cultural_and_Religious\"><div id=\"list\">Cultural and Religious</div></a>");
		$("#list6").append("<a href=\"/Portfolio/Retail\"><div id=\"list\">Retail</div></a>");
		$("#list7").append("<a href=\"/Portfolio/Healthcare\"><div id=\"list\">Healthcare</div></a>");
	}
	});
}