// function to open Residential Portfolio pictures
var currentSub = 0;

function showBigPhoto(photo, dir){
	//setup captions for photos
	var cap = "";
	
	if(dir == "res"){
		closeSubPhotos();
		switch(photo){
			case 1:
				cap = "Bobcat Ranch. Angel Fire, New Mexico. Rated Top Ten Ranches in the Nation by Forbes Magazine.";
				showSubPhotos(photo, dir, 3);
				break;
			case 2:
				cap = "Metedeconk River. Brick, New Jersey.";
				showSubPhotos(photo, dir, 1);
				break;
			case 3:
				cap = "Metedeconk River. Brick, New Jersey.";
				break;
			case 4:
				cap = "Bayfront. Mantoloking, New Jersey.";
				break;
			case 5:
				cap = "Bayfront. Brick, New Jersey.";
				break;
			case 6:
				cap = "Oceanfront. Bay Head, New Jersey.";
				break;
			case 7:
				cap = "Oceanfront. Point Pleasant Beach, New Jersey.";
				break;
			case 8:
				cap = "Ocean View. Point Pleasant Beach, New Jersey.";
				break;
			case 9:
				cap = "Ocean View. Point Pleasant Beach, New Jersey.";
				break;
			case 10:
				cap = "Bay View. Bay Head, New Jersey.";
				break;
			case 11:
				cap = "Bayfront. Mantoloking, New Jersey.";
				break;
			case 12:
				cap = "Metedeconk River. Brick, New Jersey.";
				break;
			case 13:
				cap = "Addition & Alteration. Bay Head, New Jersey. Historic Preservation Award.";
				break;
			case 14:
				cap = "Metedeconk River. Brick, New Jersey.";
				break;
			case 15:
				cap = "New Residence. Brick, New Jersey.";
				break;
			case 16:
				cap = "Ocean Front. Point Pleasant Beach, New Jersey.";
				break;
			default:
				break;
		}
	}
	if(dir == "com"){
		closeSubPhotos();
		showClients();
		switch(photo){
			case 1:
				cap = "Moorehouse Corporation. Somerville, New Jersey. Planning & Development Award.";
				hideClients();
				showSubPhotos(photo, dir, 2);
				break;
			case 2:
				cap = "Medical Facility. Somerville, New Jersey.";
				break;
			case 3:
				cap = "Mixed use Facility. Hoboken, New Jersey.";
				break;
			case 4:
				cap = "Bay Head Yacht Club. Additions and Alterations. Bay Head, New Jersey.";
				break;
			case 5:
				cap = "Retail Facility. Piscataway, New Jersey.";
				break;
			case 6:
				cap = "Lorraine Hotel. Ocean Grove, New Jersey.";
				break;
			case 7:
				cap = "Summit Bank. Linden, New Jersey.";
				break;
			case 8:
				cap = "Carribean Cluster Complex. Perth Amboy, New Jersey.";
				hideClients();
				showSubPhotos(photo, dir, 2);
				break;
			case 9:
				cap = "Retail Facility. Hackensack, New Jersey.";
				break;
			case 10:
				cap = "Stewart's of Kerney. Point Pleasant Beach, New Jersey.";
				break;
			case 11:
				cap = "Gaston Building. Somerville, New Jersey. Historic Presevation Award";
				break;
			case 12:
				cap = "Office Building. Eatontown, New Jersey.";
				break;
			case 13:
				cap = "Retail Facility. Matawan, New Jersey.";
				break;
			case 14:
				cap = "Church, Our Lady of Fatima. Elizabeth, New Jersey.";
				break;
			case 15:
				cap = "Ocean View Condominium Complex. Bradley Beach, New Jersey.";
				break;
			case 16:
				cap = "Airport Terminal. Robert J. Miller Airport Terminal.";
				break;
			default:
				break;
		}
	}
	document.getElementById("caption").innerHTML = cap;
	document.getElementById("cap").style.visibility = 'visible';
	
	// setup popup image
	var objItem = document.getElementById("photoLoc")
  	var objParent = null
  	var intX = 0
  	var intY = 0
  	do
   	{ // Walk up our document tree until we find the body
    	// and add the distance from the parent to our counter.
    	intX += objItem.offsetLeft
    	intY += objItem.offsetTop
    	objParent = objItem.offsetParent.tagName
    	objItem = objItem.offsetParent
   	}
  	while(objParent != 'BODY')
	document["bigPhoto"].src = "images/"+dir+"/"+photo+".jpg";
	document.getElementById("large").style.left = intX+90;
	document.getElementById("large").style.top = intY+66;
	document.getElementById("large").style.visibility = 'visible';
	TimeToFade = 400.0;
	fade("large");
}

function pausecomp(millis) 
{
var date = new Date();
var curDate = null;

do { curDate = new Date(); } 
while(curDate-date < millis);
} 

function closeBig(){
	TimeToFade = 150.0;
	fade("large");
	//setTimeout("document.getElementById('caption').innerHTML = \"\")", TimeToFade);
	//setTimeout("document['bigPhoto'].src = \"\"", TimeToFade);
	setTimeout("document.getElementById('large').style.visibility = 'hidden'", TimeToFade);
	setTimeout("document.getElementById('cap').style.visibility = 'hidden'", TimeToFade);
}

function showSubPhotos(photo, dir, numPhotos){
	currentSub = photo;
	// setup popup image
	var objItem = document.getElementById("subLoc")
  	var objParent = null
  	var intX = 0
  	var intY = 0
  	do
   	{ // Walk up our document tree until we find the body
    	// and add the distance from the parent to our counter.
    	intX += objItem.offsetLeft
    	intY += objItem.offsetTop
    	objParent = objItem.offsetParent.tagName
    	objItem = objItem.offsetParent
   	}
  	while(objParent != 'BODY')
	document["nail1Photo"].src = "images/"+dir+"/"+currentSub+"_1_t.jpg";
	document["nail2Photo"].src = "images/"+dir+"/"+currentSub+"_2_t.jpg";
	document["nail3Photo"].src = "images/"+dir+"/"+currentSub+"_3_t.jpg";
	document.getElementById("side").style.left = intX+50;
	document.getElementById("side").style.top = intY+160;
	document.getElementById("side").style.visibility = 'visible';
	document.getElementById('SidePhoto2').style.visibility = 'hidden';
	document.getElementById('SidePhoto3').style.visibility = 'hidden';
	if(numPhotos == 2 || numPhotos == 3){
		document.getElementById('SidePhoto2').style.visibility = 'visible';
	}
	if(numPhotos == 3){
		document.getElementById('SidePhoto3').style.visibility = 'visible';
	}
}

function closeSubPhotos(photos){
	currentSub = 0;
	//document['nail1Photo'].src = '';
	//document['nail2Photo'].src = '';
	//document['nail3Photo'].src = '';
	document.getElementById('SidePhoto2').style.visibility = 'hidden';
	document.getElementById('SidePhoto3').style.visibility = 'hidden';
	document.getElementById('side').style.visibility = 'hidden';
}

function showClients(){
	currentSub = 0;
	//document['nail1Photo'].src = '';
	//document['nail2Photo'].src = '';
	//document['nail3Photo'].src = '';
	document.getElementById('comNames').style.visibility = 'visible';
}

function hideClients(){
	currentSub = 0;
	//document['nail1Photo'].src = '';
	//document['nail2Photo'].src = '';
	//document['nail3Photo'].src = '';
	document.getElementById('comNames').style.visibility = 'hidden';
}

function openSubLarge(photo, dir){
	if(document.getElementById('large').style.visibility != 'hidden')
	{
		closeBig();
		setTimeout("doTheOpen("+photo+",'"+dir+"')", 200);
	}
	else
	{
		doTheOpen(photo, dir);
	}
}

function doTheOpen(photo, dir){
	var cap = "";
	if(dir == "res"){
		switch(currentSub){
			case 1:
				switch(photo){
					case 1:
						cap = "Bobcat Ranch. Sub 1";
						break;
					case 2:
						cap = "Bobcat Ranch. Sub 2";
						break;
					case 3:
						cap = "Bobcat Ranch. Sub 3";
						break;
				}
				break;
			case 2:
				break;
			case 3:
				break;
			case 4:
				
				break;
			case 5:
				
				break;
			case 6:
				
				break;
			case 7:
				
				break;
			case 8:
				
				break;
			case 9:
				
				break;
			case 10:
				
				break;
			case 11:
				
				break;
			case 12:
				
				break;
			case 13:
				
				break;
			case 14:
				
				break;
			case 15:
				
				break;
			case 16:
				
				break;
			default:
				break;
		}
	}
	if(dir == "com"){
		switch(photo){
			case 1:
				
				break;
			case 2:
				
				break;
			case 3:
				
				break;
			case 4:
				
				break;
			case 5:
				
				break;
			case 6:
				
				break;
			case 7:
				
				break;
			case 8:
				
				break;
			case 9:
				
				break;
			case 10:
				
				break;
			case 11:
				
				break;
			case 12:
				
				break;
			case 13:
				
				break;
			case 14:
				
				break;
			case 15:
				
				break;
			case 16:
				
				break;
			default:
				break;
		}
	}
	document.getElementById("caption").innerHTML = cap;
	document.getElementById("cap").style.visibility = 'visible';
	
	photo = currentSub+"_"+photo;
	
	// setup popup image
	var objItem = document.getElementById("photoLoc")
  	var objParent = null
  	var intX = 0
  	var intY = 0
  	do
   	{ // Walk up our document tree until we find the body
    	// and add the distance from the parent to our counter.
    	intX += objItem.offsetLeft
    	intY += objItem.offsetTop
    	objParent = objItem.offsetParent.tagName
    	objItem = objItem.offsetParent
   	}
  	while(objParent != 'BODY')
	document["bigPhoto"].src = "images/"+dir+"/"+photo+".jpg";
	document.getElementById("large").style.left = intX+90;
	document.getElementById("large").style.top = intY+66;
	document.getElementById("large").style.visibility = 'visible';
	TimeToFade = 400.0;
	fade("large");
}


var TimeToFade;

function animateFade(lastTick, eid)
{  
  var curTick = new Date().getTime();
  var elapsedTicks = curTick - lastTick;
  
  var element = document.getElementById(eid);
 
  if(element.FadeTimeLeft <= elapsedTicks)
  {
    element.style.opacity = element.FadeState == 1 ? '1' : '0';
    element.style.filter = 'alpha(opacity = ' 
        + (element.FadeState == 1 ? '100' : '0') + ')';
    element.FadeState = element.FadeState == 1 ? 2 : -2;
    return;
  }
 
  element.FadeTimeLeft -= elapsedTicks;
  var newOpVal = element.FadeTimeLeft/TimeToFade;
  if(element.FadeState == 1)
    newOpVal = 1 - newOpVal;

  element.style.opacity = newOpVal;
  element.style.filter = 
      'alpha(opacity = ' + (newOpVal*100) + ')';
  
  setTimeout("animateFade(" + curTick 
      + ",'" + eid + "')", 33);
}

function fade(eid)
{
 
  var element = document.getElementById(eid);
  if(element == null)
    return;
   
  if(element.FadeState != null)
  {
    if(element.style.opacity == null 
        || element.style.opacity == '' 
        || element.style.opacity == '1')
    {
      element.FadeState = 2;
    }
    else
    {
      element.FadeState = -2;
    }
  }
    
  if(element.FadeState == 1 || element.FadeState == -1)
  {
    element.FadeState = element.FadeState == 1 ? -1 : 1;
    element.FadeTimeLeft = TimeToFade - element.FadeTimeLeft;
  }
  else
  {
    element.FadeState = element.FadeState == 2 ? -1 : 1;
    element.FadeTimeLeft = TimeToFade;
    setTimeout("animateFade(" + new Date().getTime() 
        + ",'" + eid + "')", 33);
  }  
}