/* Revision History ---------------------
072006CB - remove learntoplay and askpros nav items -- no longer in use
072006CB - add prosserpromise and news nav items
102006BN - changed selected titles and added elements in subNavArray and added popup function

----------------------------------------*/

//Bright Spectrum variables
var g_pgtype;
var ddTimer, lastnavshown;
var navImgArray = makeNavImgs();
var navOvImgArray = makeNavOvImgs();

//Bright Spectrum functions
function setDocTitle(pgsec) {
	var s;
	if (pgsec) {
		switch (pgsec) {
			case "products":
				s = 'Products';
				break;
			case "locations":
				s = 'Locations';
				break;
			case "ourservices":
				s = 'Our Services';
				break;
			case "aboutprossers":
				s = 'About Us';
				break;
			case "consumertips":
				s = 'Consumer Tips';
				break;
			case "benefitsofmusic":
				s = 'Benefits of Music';
				break;
			case "products":
				s = 'Products';
				break;
			case "learntoplay":
				s = 'Learn to Play';
				break;
		/*	case "news":
			    s = 'News & Events';
			    break;
			case "prosserpromise":
			    s= 'Prosser Promise';
			    break;*/
			
				
		}
		s += " - ";
	}
}

function getObj(id) { return document.getElementById(id); }

function makeImg(src) {
	var i  = new Image();
		i.src = src;
	
	return i
}

//do all the stuff that needs to be done when a page loads
function initPage(pgsec) {
	setDocTitle(pgsec);
	
	if (pgsec) {
		g_pgtype = pgsec;
		var navimg = getObj("nav_" + pgsec);
			navimg.src = navOvImgArray[pgsec].src;
	}
}

//create nav images and rollover state
function makeNavImgs() {
	var a = new Array();
	a['aboutprossers'] = makeImg("_imgs/nav_aboutprossers.jpg");
	a['locations'] = makeImg("_imgs/nav_locations.jpg");
	a['ourservices'] = makeImg("_imgs/nav_ourservices.jpg");
	a['products'] = makeImg("_imgs/nav_products.jpg");
	a['consumertips'] = makeImg("_imgs/nav_consumertips.jpg");
	a['benefitsofmusic'] = makeImg("_imgs/nav_benefitsofmusic.jpg");
	//a['news'] = makeImg("_imgs/nav_news.jpg");
	a['prosserpromise'] = makeImg("_imgs/nav_prosserpromise.jpg");
	return a
}
function makeNavOvImgs() {
	var a = new Array();
	a['aboutprossers'] = makeImg("_imgs/nav_aboutprossers_ov.jpg");
	a['locations'] = makeImg("_imgs/nav_locations_ov.jpg");
	a['ourservices'] = makeImg("_imgs/nav_ourservices_ov.jpg");
	a['products'] = makeImg("_imgs/nav_products_ov.jpg");
	a['consumertips'] = makeImg("_imgs/nav_consumertips_ov.jpg");
	a['benefitsofmusic'] = makeImg("_imgs/nav_benefitsofmusic_ov.jpg");
	//a['news'] = makeImg("_imgs/nav_news_ov.jpg");
	a['prosserpromise'] = makeImg("_imgs/nav_prosserpromise_ov.jpg");
	return a
}

function getNavInfo(navname) {
	var e = new Array();
	e["navid"] = navname;	
	e["navimg"] = getObj("nav_" + e["navid"]);
	
	return e
}

function resetNavImg() {
	var navArr = ["aboutprossers","locations","ourservices","consumertips","benefitsofmusic","products"];
	
	for (var i=0; i < navArr.length; i++) {
		if (navArr[i] != g_pgtype)
			getObj("nav_" + navArr[i]).src = navImgArray[navArr[i]].src;
	}
}
/*
function navOver(navname) {
	resetNavImg();
	var e;
	var hasSub = false;
	
	//if clear timer is set, clear it
	if (ddTimer)
		clearTimeout(ddTimer);
		
	if (navname) {
		lastnavshown = navname;
		e = getNavInfo(navname);
	}
	else
		e = getNavInfo(lastnavshown);
	
	//image rollover
	if (g_pgtype != e["navid"])
		e["navimg"].src = navOvImgArray[e["navid"]].src;
	
	//dropdown stuff	
	for (var i=0; i < subNavArray.length; i++) {
		if (e["navid"] == subNavArray[i].sec) {
			hasSub = true;
			break;
		}
	}
	
	if (!hasSub) {
		getObj("ddmenu").style.visibility = 'hidden';
		return
	}
	else {
		var pgmargin = 2;
		var ddTopOffset = 10;
		var objParent = e["navimg"].offsetParent;
		var objLeft = objParent.offsetLeft;
		var objTop = e["navimg"].height - ddTopOffset;
	//	alert(objLeft)
		var o = getObj('ddmenu');
			o.style.visibility = 'visible';
			o.style.top = objTop+"px";
			o.style.left = (objLeft + e["navimg"].width - 166 + 2) + "px";
		if (navname)//populate submenu
		makeDdMenu(e["navid"]);
	}
}
*/

function navOver(navname) {
	resetNavImg();
	var e;
	var hasSub = false;
	
	//if clear timer is set, clear it
	if (ddTimer)
		clearTimeout(ddTimer);
		
	if (navname) {
		lastnavshown = navname;
		e = getNavInfo(navname);
	}
	else
		e = getNavInfo(lastnavshown);
	
	//image rollover
	if (g_pgtype != e["navid"])
		e["navimg"].src = navOvImgArray[e["navid"]].src;
	
	//dropdown stuff	
	for (var i=0; i < subNavArray.length; i++) {
		if (e["navid"] == subNavArray[i].sec) {
			hasSub = true;
			break;
		}
	}
	
	if (!hasSub) {
		getObj("ddmenu").style.visibility = 'hidden';
		return
	}	
	else {
		var pgmargin = 2;
		var ddTopOffset = 10;
		var objParent = e["navimg"].offsetParent;
		var objLeft = objParent.offsetLeft;

		var newObjLeft = (objLeft + e["navimg"].width - 166 + 2);		
		if (newObjLeft < 2) { // need to have nav go right
			newObjLeft = (objLeft + 2) + "px";
			getObj("ddpointright").style.display = "none";
			getObj("ddpointleft").style.display = "block";
		}
		else { //nav can go left
			newObjLeft += "px";
			getObj("ddpointright").style.display = "block";
			getObj("ddpointleft").style.display = "none";
		}
			
		var objTop = e["navimg"].height - ddTopOffset;
		
		var o = getObj('ddmenu');
			o.style.top = objTop+"px";
			o.style.left = newObjLeft;
			
		if (navname)//populate submenu
			makeDdMenu(e["navid"]);
		
		//show the div after menu is populated
		o.style.visibility = 'visible';
		
	}
}

function navOut() {	
	var e = getNavInfo(lastnavshown);
	if (getObj("ddmenu").style.visibility != 'hidden')
		ddTimer = setTimeout("hideDd()",300);
	else {
		if (g_pgtype != e["navid"])
			e["navimg"].src = navImgArray[e["navid"]].src;
	}
}

function hideDd() {
	var e = getNavInfo(lastnavshown);
	getObj("ddmenu").style.visibility = 'hidden';

	if (g_pgtype != e["navid"])
		e["navimg"].src = navImgArray[e["navid"]].src;
}

function doSubKill() {
	event.cancelBubble=true;
	if (ddTimer)
		clearTimeout(ddTimer);
}

function makeDdMenu(subtodisplay) {
	var subitems = '';
	var p1 = '<p onmouseover="doSubKill()" onmouseout="doSubKill()">';
	var p2 = '</p>';
	var a1 = '<a href="';
	var a2 = '">';
	var a3 = '</a>';
	
	
	//make submenu
	for (var i=0; i < subNavArray.length; i++) {
		if (subtodisplay == subNavArray[i].sec)
		{
		  if(subNavArray[i].a == '#')
		  {
			subitems += '<div class="submenutitle">' +subNavArray[i].t+ '</div>';
		  }
		  else
		  {
			subitems += p1 + a1 + subNavArray[i].a + a2 + subNavArray[i].t + a3 + p2;
		  }
		 }
	}

	var s = getObj("submenu");
		s.innerHTML = subitems;
	
}

//create sub nav item
function subNavItem(sec,ahref,txt) {
	var path="";
	this.sec = sec;
	this.a = path + ahref;
	this.t = txt;
}

intCounter = 0;
subNavArray = new Array();

//about us
subNavArray[intCounter++] = new subNavItem('aboutprossers','aboutus.asp','What Makes Us Different');
subNavArray[intCounter++] = new subNavItem('aboutprossers','inthecommunity.asp','Sponsorships & Community Support');
subNavArray[intCounter++] = new subNavItem('aboutprossers','prosserjobs.asp','Jobs at Prosser\'s');
subNavArray[intCounter++] = new subNavItem('aboutprossers','prosserpromise.asp','Our Commitment to You');
subNavArray[intCounter++] = new subNavItem('aboutprossers','feedback.asp','Consumer Feedback/Contact Us');

//news & events
/*subNavArray[intCounter++] = new subNavItem('news','#','Sales & Promotions');
subNavArray[intCounter++] = new subNavItem('news','events.asp','Upcoming Events & Specials');
*/
//locations
subNavArray[intCounter++] = new subNavItem('locations','locations_tuk.asp','Tukwila Piano Store');
subNavArray[intCounter++] = new subNavItem('locations','locations_nosea.asp','North Seattle Piano Store');
subNavArray[intCounter++] = new subNavItem('locations','locations_tac.asp','Tacoma Piano Store');
subNavArray[intCounter++] = new subNavItem('locations', 'locations_vintage.asp', 'Vintage Piano Boutique');
subNavArray[intCounter++] = new subNavItem('locations','locations.asp','Corporate Office');

//learn to play
subNavArray[intCounter++] = new subNavItem('learntoplay','#','For Kids & Teens');
subNavArray[intCounter++] = new subNavItem('learntoplay','musicacademy.asp','Prosser Music Academy Program');
subNavArray[intCounter++] = new subNavItem('learntoplay','educatelearntoplay.asp','Interactive Learning');
subNavArray[intCounter++] = new subNavItem('learntoplay','#','For Adults');
subNavArray[intCounter++] = new subNavItem('learntoplay','musicacademy_adult.asp','Prosser Music Academy Program');
subNavArray[intCounter++] = new subNavItem('learntoplay','playforfun.asp','Play For Fun & Adult Lesson Programs');

//our services
subNavArray[intCounter++] = new subNavItem('ourservices','#','Music Lessons');
//subNavArray[intCounter++] = new subNavItem('ourservices','summercamps.asp','Prosser Summer Music Camps');
subNavArray[intCounter++] = new subNavItem('ourservices','musicacademy.asp','Learn to Play - Prosser Music Academy');
subNavArray[intCounter++] = new subNavItem('ourservices','playforfun.asp','Play For Fun - Adult Keyboard Lessons');
subNavArray[intCounter++] = new subNavItem('ourservices','#','Prosser Piano Services');
subNavArray[intCounter++] = new subNavItem('ourservices','ourservices.asp','Piano Tuning & Maintenance');
subNavArray[intCounter++] = new subNavItem('ourservices','repair.asp','Piano Repair & Restoration');
subNavArray[intCounter++] = new subNavItem('ourservices','pianomoving.asp','Piano Moving & Selling Your Piano');

//products
subNavArray[intCounter++] = new subNavItem('products','#','Pianos & Organs');
subNavArray[intCounter++] = new subNavItem('products','products_digital.asp','Digital Pianos & Keyboards');
subNavArray[intCounter++] = new subNavItem('products','products_acoustic.asp','Acoustic Pianos');
subNavArray[intCounter++] = new subNavItem('products','products_playerpianos.asp','Player Pianos');
subNavArray[intCounter++] = new subNavItem('products','products_organs.asp','Organs');
subNavArray[intCounter++] = new subNavItem('products','pianorental.asp','Piano Rental');
subNavArray[intCounter++] = new subNavItem('products','usedpianos.asp','Used Pianos, Organs & Keyboards');
subNavArray[intCounter++] = new subNavItem('products','#','Other Products');
subNavArray[intCounter++] = new subNavItem('products','accessories.asp','Piano Accessories');
//subNavArray[intCounter++] = new subNavItem('products','usedpianos.asp','Used Pianos, Organs & Keyboards');
//subNavArray[intCounter++] = new subNavItem('products','pianorental.asp','Piano Rental');
subNavArray[intCounter++] = new subNavItem('products','products_cdrecorder.asp','CD Recorder');
subNavArray[intCounter++] = new subNavItem('products','educateproducts.asp','Educational Products');
subNavArray[intCounter++] = new subNavItem('products','karaoke.asp','Karaoke');

//benefits of music
subNavArray[intCounter++] = new subNavItem('benefitsofmusic','#','For Kids & Teens');
subNavArray[intCounter++] = new subNavItem('benefitsofmusic','benefitsofmusic.asp','Lifestyle Benefits');
subNavArray[intCounter++] = new subNavItem('benefitsofmusic','educatebenefits.asp','Educational Benefits');
subNavArray[intCounter++] = new subNavItem('benefitsofmusic','#','For Adults');
subNavArray[intCounter++] = new subNavItem('benefitsofmusic','qualityoflife.asp','Quality of Life');

//prosser promise

//subNavArray[intCounter++] = new subNavItem('prosserpromise','prosserpromise.asp','Our Commitment to You');

//consumer tips
subNavArray[intCounter++] = new subNavItem('consumertips','choosingtips.asp','Choosing Your Piano');
subNavArray[intCounter++] = new subNavItem('consumertips','digitalacoustic.asp','Digital vs. Acoustic');
subNavArray[intCounter++] = new subNavItem('consumertips','maintaintips.asp','Maintaining Your Piano');
subNavArray[intCounter++] = new subNavItem('consumertips','askpros.asp','Ask the Pros at Prosser\'s');



function openspace(input)
{
 var objItem = getObj(input);
 
 if(objItem.style.display == "none")
 {objItem.style.display = ""}
 else 
 {objItem.style.display = "none"}
}

function swaptab(input)
{
 switch(input)
 {
  case "digital":
   document.all["digital"].style.display = ""
   document.all["acoustic"].style.display = "none"
   document.all["organs"].style.display = "none"
   document.all["digitaltab"].className = "producttabselected"
   document.all["acoustictab"].className = "producttab"
   document.all["organstab"].className = "producttab"
  break;
  case "acoustic":
  document.all["digital"].style.display = "none"
   document.all["acoustic"].style.display = ""
   document.all["organs"].style.display = "none"
   document.all["digitaltab"].className = "producttab"
   document.all["acoustictab"].className = "producttabselected"
   document.all["organstab"].className = "producttab"
  break;
  case "organs":
   document.all["digital"].style.display = "none"
   document.all["acoustic"].style.display = "none"
   document.all["organs"].style.display = ""
   document.all["digitaltab"].className = "producttab"
   document.all["acoustictab"].className = "producttab"
   document.all["organstab"].className = "producttabselected"
  break;
 }
}

function getTab(input)
{ 
  if(input == 'studenttab')
  {getObj('studenttab').className =  "yellowtabselected";
   getObj('parentstab').className =  "yellowtab";
   getObj('teachertab').className =  "yellowtab";  
   getObj('studenttabtext').style.display =  "";  
   getObj('parentstabtext').style.display =  "none";  
   getObj('teachertabtext').style.display =  "none";  
  }
  if(input == 'parentstab')
  {getObj('studenttab').className =  "yellowtab";
   getObj('parentstab').className =  "yellowtabselected";
   getObj('teachertab').className =  "yellowtab";  
   getObj('studenttabtext').style.display =  "none";  
   getObj('parentstabtext').style.display =  "";  
   getObj('teachertabtext').style.display =  "none";  
  }
  if(input == 'teachertab')
  {getObj('studenttab').className =  "yellowtab";
   getObj('parentstab').className =  "yellowtab";
   getObj('teachertab').className =  "yellowtabselected";  
   getObj('studenttabtext').style.display =  "none";  
   getObj('parentstabtext').style.display =  "none";  
   getObj('teachertabtext').style.display =  "";  
  }
  
}

//Popup window for coupon
function popup(FILE, FEATURES) 
{
	CONTENT = "<HTML><HEAD><TITLE>Prosser Piano Coupon</TITLE></HEAD>" + 
		"<BODY style='margin:0px;'><CENTER>" + "<IMG SRC='" + FILE + "' BORDER=0 hspace=0 style='padding:0px;margin:0px;'><br /><br />" + 
		"<span class='print_coupon'><a href='javascript:window.print()' style='font-family:arial;font-size:8pt;'>Print Coupon</a>" +
		"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href='javascript:window.close()' style='font-family:arial;font-size:8pt;'>Close Window</a>"+"</span></CENTER>"+ "</BODY></HTML>";
	pop = window.open("","",FEATURES);
	pop.document.open();
	pop.focus();
	pop.document.write(CONTENT);
	pop.document.close();
}