// JavaScript Document

// RANDOM IMAGE SELECTOR FUNCTION
var theImages = new Array();

theImages[0] = 'images/home1.jpg';
theImages[1] = 'images/home2.jpg';
theImages[2] = 'images/home3.jpg';
theImages[3] = 'images/home4.jpg';

var j = 0;
var p = theImages.length;
var preBuffer = new Array()

for (i = 0; i < p; i++){
   preBuffer[i] = new Image()
   preBuffer[i].src = theImages[i]
}

var whichImage = Math.round(Math.random()*(p-1));

function showImage(){
document.write('<img src="'+theImages[whichImage]+'" alt="organic modern luxury, san francisco, california">');
}





// SWAP CSS IMAGE FUNCTION
function toggleLayer( whichLayer )
{
  var elem, vis;
  if( document.getElementById ) // this is the way the standards work
    elem = document.getElementById( whichLayer );
  else if( document.all ) // this is the way old msie versions work
      elem = document.all[whichLayer];
  else if( document.layers ) // this is the way nn4 works
    elem = document.layers[whichLayer];
  vis = elem.style;
  // if the style.display value is blank we try to figure it out here
  if(vis.display==''&&elem.offsetWidth!=undefined&&elem.offsetHeight!=undefined)
    vis.display = (elem.offsetWidth!=0&&elem.offsetHeight!=0)?'block':'none';
  vis.display = (vis.display==''||vis.display=='block')?'none':'block';
}




// SHOW-HIDE FUNCTION
// Copyright 2006 | Thierry Koblentz - www.TJKDesign.com All Rights reserved
if (document.getElementById && document.getElementsByTagName){			
document.write("<link href=\"style_showhide.css\" type=\"text/css\" rel=\"stylesheet\" />")
document.write("<link href=\"style_showhide_ie5mac.css\" type=\"text/css\" rel=\"stylesheet\" />")
}
function TJK_doToggleDL(x){
	var zDD=document.getElementById('myList').getElementsByTagName('dd');
	var zDT=document.getElementById('myList').getElementsByTagName('dt');	
		zDD[x].className=(zDD[x].className=='hideDD')?'showDD':'hideDD';
		zDT[x].className=(zDT[x].className=='DTplus')?'DTminus':'DTplus';	
}
function TJK_ToggleDL(){
if (document.getElementById && document.getElementsByTagName){			
	var zDT=document.getElementById('myList').getElementsByTagName('dt');
	var zDD=document.getElementById('myList').getElementsByTagName('dd');
	var ToggleON = document.getElementById('TJK_ToggleON');
	var ToggleOFF = document.getElementById('TJK_ToggleOFF');	
	for(var i=0;i<zDT.length;i++){
		var zContent = zDT[i].innerHTML;
		var zHref = "<a href='#' onclick=\"TJK_doToggleDL("+i+");return false\" title='Show/hide the answer'>";
		zDT[i].innerHTML = zHref + zContent + "</a>";
		zDD[i].className='hideDD';
		zDT[i].className='DTplus';
		}
	}
}