// Browser & Platform Variables
var platform = navigator.platform.substr(0,3);
var browser = navigator.appName;
var shortVersion = navigator.appVersion.substr(0,1);
var longVersion = navigator.appVersion;



profilePicOn = new Image();
profilePicOn.src = "images/profile_pic_on.jpg";
profilePicOff = new Image();
profilePicOff.src = "images/profile_pic.jpg";

project1On = new Image();
project1On.src = "images/project_pic1_on.jpg";
project1Off = new Image();
project1Off.src = "images/project_pic1.jpg";

project2On = new Image();
project2On.src = "images/project_pic2_on.jpg";
project2Off = new Image();
project2Off.src = "images/project_pic2.jpg";

project3On = new Image();
project3On.src = "images/project_pic3_on.jpg";
project3Off = new Image();
project3Off.src = "images/project_pic3.jpg";

project4On = new Image();
project4On.src = "images/project_pic4_on.jpg";
project4Off = new Image();
project4Off.src = "images/project_pic4.jpg";

project5On = new Image();
project5On.src = "images/project_pic5_on.jpg";
project5Off = new Image();
project5Off.src = "images/project_pic5.jpg";

resourcesPicOn = new Image();
resourcesPicOn.src = "images/project_pic6_on.jpg";
resourcesPicOff = new Image();
resourcesPicOff.src = "images/project_pic6.jpg";


// Image replace On Function	
function on(pic) {
	if (document.images) { 
		if ((browser == 'Netscape') && (shortVersion < 5)) 
		{
			document.images[pic].src = eval(pic + 'On.src');
		}
		else
		{
			eval('document.images[pic].src = ' + pic + 'On.src');
		}
	}
}
        

// Image replace Off Function	
function off(pic) {     
	if(document.images) {
		if ((browser == 'Netscape') && (shortVersion < 5)) 
		{
			document.images[pic].src = eval(pic + 'Off.src');
		}
		else
		{
			eval('document.images[pic].src = ' + pic + 'Off.src');
		}
	}	
}

function switchImage(newImage) {

	var contentElement = document.getElementById('photo');
	newHtml = '<img src="' + newImage + '" alt="" border="0" />';
	contentElement.innerHTML = newHtml;
}

function switchImage1(newImage) {

	var contentElement = document.getElementById('photo');
	newHtml = '<a href="javascript:windowOpener(\'images/project_pic_1_6_pano.jpg\');"><img src="' + newImage + '" alt="" border="0" /><\/a>';
	contentElement.innerHTML = newHtml;
}

var newText = new Array(2);
newText['residential1'] = '<div style="background-color: #ffffff;"><h1>Harbord Road Residence</h1>Oakland, CA<br ><br />Kitchen/Family Room Remodel &amp; Addition<br /><br /><em>Completed January, 2005</em><br /><br />Featuring a carefully choreographed palette of alder cabinetry, sand-toned beachglass tile backsplash, hand blown art glass pendants and vermont green, heated, slate floors, this transformation involved a mere 25 square foot addition. This efficient change, and the opening up of an unused ceiling space allowed for a transformative improvement in flow and function.</div>';
newText['residential2'] = '<div style="background-color: #ffffff;"><h1>Powell Street Residence</h1>San Francisco, CA<br /><br />Kitchen and Butler Pantry Remodel<br /><br /><em>Completed June, 2005</em><br /><br />A shotgun plan and attention to clean, clear detail make this remodel a smooth, bright, and resolute testament to modern efficiency.  The black stained bamboo floors and glossy glass backsplash play off each other and the stainless steel collage of appliances and shelving.  The adjacent ante-room (once  butler pantry) becomes the cozy morning breakfast hold and late night home office, with stainless steel backsplash and simple modern wood shelving to maximize warmth and reflected light.</div>';



var info = new Array(5);
info['project1'] = 'becky\'s chinese restaurant';
info['project2'] = '<div style=\"margin-top: 50px;\">renee\'s place restaurant</div>';
info['project3'] = '<div style=\"margin-top: 120px;\">a cote restaurant</div>';
info['project4'] = '<div style=\"margin-top: 191px;\">marica restaurant</div>';
info['project5'] = '<div style=\"margin-top: 260px;\">residential work</div>';

function showInfo(info){
   document.getElementById('caption').innerHTML = info
}

function showInfoSec(info){
   document.getElementById('captionSec').innerHTML = info
}

function showInfoResidential(newText){
   document.getElementById('projectText').innerHTML = newText
}
	
function getRandomNum()
{
    var ranNum= Math.floor(Math.random()*6);
    return ranNum;
}

<!--

var slideimages=new Array()
var slidelinks=new Array()
function slideshowimages(){
for (i=0;i<slideshowimages.arguments.length;i++){
slideimages[i]=new Image()
slideimages[i].src=slideshowimages.arguments[i]
}
}

function slideshowlinks(){
for (i=0;i<slideshowlinks.arguments.length;i++)
slidelinks[i]=slideshowlinks.arguments[i]
}

function gotoshow(){
location=slidelinks[whichlink]
}

//-->

preload1 = new Image();
preload1.src = "images/project_pic1_lg.jpg";

preload2 = new Image();
preload2.src = "images/project_pic2_lg.jpg";

preload3 = new Image();
preload3.src = "images/project_pic3_lg.jpg";

preload4 = new Image();
preload4.src = "images/project_pic4_lg.jpg";

preload5 = new Image();
preload5.src = "images/project_pic5_lg.jpg";

preload5 = new Image();
preload5.src = "images/project_pic6_lg.jpg";


function windowOpener(desktopURL) {
	desktop = window.open(desktopURL,"panoramic","toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,width=1024,height=370,resizable=yes")
}