// browser detection
  var browser = false;
  browser = document.images;

	// whether images are loaded or not
	var loaded = false;

  // setup and pre-load all mouseOver images
  function initImages() {

    about_0 = new Image();
    about_0.src = 'images/about.off.gif';
    about_1 = new Image();
    about_1.src = 'images/about.on.gif';

    menus_0 = new Image();
    menus_0.src = 'images/menus.off.gif';
    menus_1 = new Image();
    menus_1.src = 'images/menus.on.gif';

    contact_0 = new Image();
    contact_0.src = 'images/contact.off.gif';
    contact_1 = new Image();
    contact_1.src = 'images/contact.on.gif';

    catering_0 = new Image();
    catering_0.src = 'images/catering.off.gif';
    catering_1 = new Image();
    catering_1.src = 'images/catering.on.gif';

	
	
	lessons_0 = new Image();
    lessons_0.src = 'images/lessons.off.gif';
    lessons_1 = new Image();
    lessons_1.src = 'images/lessons.on.gif';

 
		// now that images are loaded, set loaded to be true
		loaded = true;
    }
	
  // turn the images ON
  function overImg(imgName)  {
		// check to see if we are capable of doing mouseOvers and if the images are loaded yet
    if (browser && loaded) eval("document." + imgName + ".src = " + imgName + "_1.src");
    }

  // turn the images OFF
  function outImg(imgName)  {
		// check to see if we are capable of doing mouseOvers and if the images are loaded yet
    if (browser && loaded) eval("document." + imgName + ".src = " + imgName + "_0.src");
    }

	// initialize images
  if (browser) initImages();
  
  
  
  

  
  
 //random image rotation for featured artist on homepage
 
function random_imglink(){
var myimages=new Array()
//specify random images below. You can have as many as you wish
myimages[1]="images/corner1.jpg"
myimages[2]="images/corner2.jpg"
myimages[3]="images/corner3.jpg"
myimages[4]="images/corner4.jpg"
myimages[5]="images/corner5.jpg"
myimages[6]="images/corner6.jpg"
myimages[7]="images/corner7.jpg"
myimages[8]="images/corner9.jpg"
myimages[9]="images/corner10.jpg"







var ry=Math.floor(Math.random()*myimages.length)
if (ry==0)
ry=1
document.write('<img src="'+myimages[ry]+'" border=0>')
}

  
  



  
  
 //random image rotation for lessons page
 
function random_imglink2(){
var myimages2=new Array()
//specify random images below. You can have as many as you wish
myimages2[1]="images/corner.whisk1.jpg"
myimages2[2]="images/corner.whisk7.jpg"








var ry=Math.floor(Math.random()*myimages2.length)
if (ry==0)
ry=1
document.write('<img src="'+myimages2[ry]+'" border=0>')
}

    
   

  function popWin(url) {
	window.open (url,"popup","left=50,top=50,height=320,width=460,toolbar=no,location=no,status=no,personalbar=no,scrollbars=no,resizable=no,menubar=no")
	
}


  function popWinVert(url) {
	window.open (url,"popup","left=50,top=50,height=470,width=325,toolbar=no,location=no,status=no,personalbar=no,scrollbars=no,resizable=no,menubar=no")
	
}