////////////////////// controls thumb actions ////////////////////// 

var old_id =''

function hideRendering(){
	if($("rendering")){
		$("rendering").style.display='none'
	}
}


function swap(dir,id,orig){	
	hideRendering()
  // set default id  
  if(!old_id)old_id = orig
  // change back previous thumb
  document.getElementById(old_id + "_thumb").src=("images/thumbs/" + dir +"/" + old_id + ".jpg")
  document.getElementById(orig + "_thumb").src=("images/thumbs/" + dir +"/" + orig + ".jpg")
  // change thumb
	document.getElementById(id + "_thumb").src=("images/thumbs/" + dir +"/" + id + "-active.jpg")
  // hide previous div
	document.getElementById(old_id).style.display='none'
  // show current div
	document.getElementById(id).style.display='block'
	// reset
	old_id = id
}


////////////////////// hiding and revealing elements on viewalls ////////////////////// 

function viewAllPlans(){
	hideRendering()
	document.getElementById("info").style.display='none'
	document.getElementById("thumbs").style.display='none'
	document.getElementById("col3").style.display='none'
	document.getElementById("mini").style.display='none'
	document.getElementById("2br").style.display='block'
	document.getElementById("3br").style.display='block'
	document.getElementById("ph").style.display='block'
	document.getElementById("layout_link").innerHTML = '<a href="javascript:viewOnePlan()">View single floorplan.</a> '
}

function viewOnePlan(){
	hideRendering()
	document.getElementById("info").style.display='block'
	document.getElementById("thumbs").style.display='block'
	document.getElementById("mini").style.display='block'
	document.getElementById("2br").style.display='none'
	document.getElementById("3br").style.display='none'
	document.getElementById("ph").style.display='block'
	document.getElementById("layout_link").innerHTML = '<a href="javascript:viewAllPlans()">View all floorplans.</a> '
	document.getElementById(old_id + "_thumb").src=("images/thumbs/floorplans/" + old_id + ".jpg")
  document.getElementById("ph_thumb").src=("images/thumbs/floorplans/ph-active.jpg")
	document.getElementById("col3").style.display='table-cell'
}

function viewAllMaps(){
	document.getElementById("info").style.display='none'
	document.getElementById("thumbs").style.display='none'
	document.getElementById("col3").style.display='none'
	document.getElementById("mini").style.display='none'
	document.getElementById("world").style.display='block'
	document.getElementById("archi").style.display='block'
	document.getElementById("trip").style.display='block'
	document.getElementById("prop").style.display='block'
	document.getElementById("layout_link").innerHTML = '<a href="javascript:viewOneMap()">View single map.</a> '
}

function viewOneMap(){
	document.getElementById("info").style.display='block'
	document.getElementById("thumbs").style.display='block'
	document.getElementById("mini").style.display='block'
	document.getElementById("prop").style.display='none'
	document.getElementById("trip").style.display='none'
	document.getElementById("archi").style.display='none'
	document.getElementById("world").style.display='block'
	document.getElementById("layout_link").innerHTML = '<a href="javascript:viewAllMaps()">View all maps.</a> '
	document.getElementById(old_id + "_thumb").src=("images/thumbs/maps/" + old_id + ".jpg")
  document.getElementById("world_thumb").src=("images/thumbs/maps/world-active.jpg")
	document.getElementById("col3").style.display='table-cell'
}

function viewAllSitemaps(){

	document.getElementById("info").style.display='none'
	document.getElementById("thumbs").style.display='none'
	document.getElementById("col3").style.display='none'
	document.getElementById("mini").style.display='none'
	document.getElementById("phase1").style.display='block'
	document.getElementById("phase2").style.display='block'
	document.getElementById("hotel").style.display='block'
	document.getElementById("layout_link").innerHTML = '<a href="javascript:viewOneSitemap()">View single sitemap.</a> '
}

function viewOneSitemap(){
	document.getElementById("info").style.display='block'
	document.getElementById("thumbs").style.display='block'
	document.getElementById("mini").style.display='block'
	document.getElementById("phase2").style.display='none'
	document.getElementById("hotel").style.display='none'
	document.getElementById("layout_link").innerHTML = '<a href="javascript:viewAllSitemaps()">View all sitemaps.</a> '
	document.getElementById(old_id + "_thumb").src=("images/sitemap/" + old_id + ".jpg")
  document.getElementById("phase1_thumb").src=("images/thumbs/sitemap/phase1-active.jpg")
	document.getElementById("col3").style.display='table-cell'
}