// JavaScript Document

var imgOn = new Array();
var imgOff = new Array();
var pagePos = 0;

//Hold Rollovers
imgOn[1] = new Image;
imgOn[2] = new Image;
imgOn[3] = new Image;
imgOn[4] = new Image;
imgOn[5] = new Image;

//Hold Static Images
imgOff[1] = new Image;
imgOff[2] = new Image;
imgOff[3] = new Image;
imgOff[4] = new Image;
imgOff[5] = new Image;

//Preload Images - hilites
imgOn[1].src = "image/btn_home_1.png";
imgOn[2].src = "image/btn_about_1.png";
imgOn[3].src = "image/btn_events_1.png";
imgOn[4].src = "image/btn_links_1.png";
imgOn[5].src = "image/btn_directions_1.png";

//Preload Images - static
imgOff[1].src = "image/btn_home_0.png";
imgOff[2].src = "image/btn_about_0.png";
imgOff[3].src = "image/btn_events_0.png";
imgOff[4].src = "image/btn_links_0.png";
imgOff[5].src = "image/btn_directions_0.png";

function imgRollover(img,type){
  if(pagePos != img){
	switch(type){
 	   case "over":
	      document.images[img].src = imgOn[img].src;
		  break;
	   case "out":
	      document.images[img].src = imgOff[img].src;
		  break;
		  }
	}
}

picArray = new Array();

for(var n=0; n<picArray.length; n++) {
	picArray[n] = getElementById('pics_'+n);
}


function swapMedia(pageName) {

buttonsReset();
var myHead = document.getElementById('txt_head');
var myBody = document.getElementById('txt_body');

if(pageName == "myHome") {
		pagePos = 1;
		document.images[0].src = 'image/img_pics_home.gif';
		document.images[1].src = imgOn[1].src;
		myHead.innerHTML = 'Welcome to Fred\'s Place of Mountain View';
		myBody.innerHTML = 'We\'ve been a premiere watering hole for more than four decades. Great drink pricing is just the beginning.'
		myBody.innerHTML += 'You can play a game of pool, fooseball, some video or pin ball machines or just kick back '
		myBody.innerHTML += ' and watch your favorite sporting events on one of our big screen - HD TVs.<br /><br />'
		myBody.innerHTML += 'Fred\'s also hosts special parties featuring great local bands'
		myBody.innerHTML += ' or DJ\'s. Check out our events section to see what is happening at Fred\'s!<br /><br />'
		myBody.innerHTML += 'We look forward to meeting or seeing you again. <br /><br />'
		myBody.innerHTML += '<span class="txt_script">Paul and Chang</span>'


		}

else if(pageName == "aboutUs") {
		pagePos = 2;
		document.images[0].src = 'image/img_pics_about.gif';
		document.images[2].src = imgOn[2].src;
		myHead.innerHTML = 'A Bit of History on Fred\'s Place';
		myBody.innerHTML = 'We\'ve been in business for 40 years, we\'ve seen lots of changes here in the valley and in our patrons.'
		myBody.innerHTML += 'Trends may come and go, but one thing hasn\'t changed and that\'s us. Fred\'s Place&nbsp;'
		myBody.innerHTML += ' will always have a chair waiting, a cold drink on tap, and is always ready to provide a relaxing place'
		myBody.innerHTML += ' to unwind with friends. So stop on by after work or whenever. We\'ll be here waiting for you.';
		
		}
		
else if(pageName == "events") {
		pagePos = 3;
		document.images[0].src = 'image/img_pics_events.gif';
		document.images[3].src = imgOn[3].src;
		myHead.innerHTML = 'Upcoming Events';
		myBody.innerHTML = 'Event Dates are highlighted in red. Click the date for more info.';
		myBody.innerHTML += '<IFRAME SRC="calendar.html" TITLE="Events Calendar" style="width:230px; height:250px;" scrolling="no" frameborder="0"> </IFRAME>';
		
		}
		
else if(pageName == "links") {
		pagePos = 4;
		document.images[0].src = 'image/img_pics_links.gif';
		document.images[4].src = imgOn[4].src;
		myHead.innerHTML = '<a href="http://team.net-moto.com"><img src="image/img_link_netmoto.gif" target="_blanks" border="0" /></a>'
		myHead.innerHTML += '<div align="center" class="txt_white">Fred\'s Place is a proud sponsor of Net-Moto Racing</div><BR/><BR/>';
		myHead.innerHTML += '<a href="http://www.bayarearidersforum.com"><img src="image/img_link_barf.gif" target="_blanks" border="0" /></a><BR/>'
		myHead.innerHTML += '<div align="center" class="txt_white">The Definitive online resource for motorcycle riders</div>';
		myBody.innerHTML = '&nbsp;';
		}
		
else {
		pagePos = 5;
		document.images[0].src = 'image/img_pics_directions.gif';
		document.images[5].src = imgOn[5].src;
		myHead.innerHTML = 'How to get to Fred\'s';
		myBody.innerHTML = 'From Hwy 101 take San Antonio Rd South toward Los Altos<BR />Turn left onto Middlefield Rd.<BR/>'
		myBody.innerHTML += 'We\'re on the left-hand side<br/><br/>';
		myBody.innerHTML += '<a href="http://maps.google.com/maps?f=q&hl=en&geocode=&q=2534+Old+Middlefield+Mountain+View,+CA&sll=37.0625,-95.677068&sspn=37.956457,69.785156&ie=UTF8&ll=37.415931,-122.09733&spn=0.018611,0.034075&z=15&om=1"><img src="image/img_map.png" border="0" align="center"/></a>';
		
		}
	
}

function buttonsReset() {

for(i=1; i<imgOn.length; i++) {
	 document.images[i].src = imgOff[i].src;
	 }
return;
}

function picsReset() {

for(i=1; i<picArray.length; i++) {
	 getElementById('pics_'+i).style.display = 'none';
	 }
return;
}