/* wdw-cbxp.js */

	/* Edit : 06-Jan-2008 : Change "Specials" button to "Blog" and link to wDW Live Space */
	/*                      Use top.location.href directly for each link */

	/* Code for coolbar (on left of each page) */

	// Set some "constant" values for the script.
	// Makes playing with look and feel a lot easier

	var sOffPadding	= "1px 1px 1px 1px";
	var sOverPadding	= "1px 1px 1px 1px";
	var sDownPadding	= "2px 0px 0px 2px";

	var sPaneName = "";
	var eActiveButton = null;

	// Two helper functions:-
	// one to set button padding and one to set button image

	function SetButtonPadding(eButton,sPaddingStyle)
	{
//		eButton.rows[0].cells[0].style.padding = sPaddingStyle;
//		eButton.rows[0].cells[1].style.padding = sPaddingStyle;
	}
	
	function SetButtonImage(eButton,sState)
	{
//		var eImg = eButton.rows[0].cells[0].children[0];
//		if (eImg) 
//		{
//			var sImgSrc = eImg.src;
//			if (sImgSrc.match(/_(\w+)\.gif/)) 
//			{
//				eImg.src = sImgSrc.replace(RegExp.$1,sState);
//			}
//		}
	}
	
	// ---------------------------------------------------
	//
	//	Four event-handler functions
	//
	// ---------------------------------------------------

	function button_over(eButton)
	{

		// If we're just mousing about within the button, then bail

		if (window.event && eButton.contains(window.event.fromElement)) return false;

		// Otherwise change button style

		// eButton.style.backgroundColor	= sOverBackColor;
		// eButton.style.color		= sOverTextColor;

		var oVMLButton = eButton.rows[0].cells[0].children[0];

		oVMLButton.fill.color		= "#98fb98";
		oVMLButton.fill.color2		= "#ffffff";
		oVMLButton.shadow.on		= "true";
		oVMLButton.shadow.type		= "perspective";
		oVMLButton.shadow.offset	= "3px,3px";
		oVMLButton.shadow.color		= "rgb(192,192,192)";
		oVMLButton.shadow.opacity	= "0.8";

		if (eActiveButton != eButton)
		{
		//	eButton.style.borderColor = sOverBorderColor;
		//	SetButtonImage(eButton,"over");
		}
	}		// button_over()


	function button_out(eButton)
	{
		// If we're just mousing about within the button, then bail
		
		if (window.event && eButton.contains(window.event.toElement)) return false;

		// Otherwise change button style

		var oVMLButton = eButton.rows[0].cells[0].children[0];

		if (eActiveButton != eButton)
		{
			oVMLButton.fill.color		= "#ffe4c4";
			oVMLButton.fill.color2		= "#ffffff";
			oVMLButton.shadow.on		= "false";
			oVMLButton.shadow.type		= "perspective";
			oVMLButton.shadow.offset	= "3px,3px";
			oVMLButton.shadow.color		= "rgb(192,192,192)";
			oVMLButton.shadow.opacity	= "0.8";
		//	eButton.style.backgroundColor = sOffBackColor;
		//	eButton.style.borderColor = sOffBorderColor;
		//	eButton.style.color = sOffTextColor;

			SetButtonPadding(eButton,sOffPadding);

		//	SetButtonImage(eButton,"off");
		}
		else
		{
			oVMLButton.fill.color		= "#98fb98";
			oVMLButton.fill.color2		= "#ccffcc";
			oVMLButton.shadow.on		= "true";
			oVMLButton.shadow.type		= "perspective";
			oVMLButton.shadow.offset	= "3px,3px";
			oVMLButton.shadow.color		= "rgb(192,192,192)";
			oVMLButton.shadow.opacity	= "0.8";

		//	eButton.style.backgroundColor = sDownBackColor;
		//	eButton.style.borderColor = sDownBorderColor;
		//	eButton.style.color = sDownTextColor;
		}
	}		// button_out()

	function button_down(eButton)
	{
	//	eButton.style.borderColor = sDownBorderColor;
		SetButtonPadding(eButton,sDownPadding);
	}

	function button_up(eButton)
	{
		var sURL;

		// If another button is active, reset it

		if (null != eActiveButton && eButton != eActiveButton)
		{
			var oVMLButton = eButton.rows[0].cells[0].children[0];
			oVMLButton.fill.color		= "#ffe4c4";
			oVMLButton.fill.color2		= "#ffffff";
			oVMLButton.shadow.on		= "false";
			oVMLButton.shadow.type		= "perspective";
			oVMLButton.shadow.offset	= "3px,3px";
			oVMLButton.shadow.color		= "rgb(192,192,192)";
			oVMLButton.shadow.opacity	= "0.8";
		//	eActiveButton.style.backgroundColor = sOffBackColor;
		//	eActiveButton.style.borderColor = sOffBorderColor;
		//	eActiveButton.style.color = sOffTextColor;
		//	SetButtonImage(eActiveButton,"off");
			SetButtonPadding(eActiveButton,sOffPadding);
			eActiveButton = null; 

			// insert code here for button hiding 
			//window.status = window.defaultStatus;
		}

		// If the button we clicked is not the active button, make it active

		if (eButton != eActiveButton)  
		{
			eActiveButton = eButton;
			var oVMLButton = eButton.rows[0].cells[0].children[0];
			oVMLButton.fill.color		= "#98fb98";
			oVMLButton.fill.color2		= "#ccffcc";
			oVMLButton.shadow.on		= "true";
			oVMLButton.shadow.type		= "perspective";
			oVMLButton.shadow.offset	= "3px,3px";
			oVMLButton.shadow.color		= "rgb(192,192,192)";
			oVMLButton.shadow.opacity	= "0.8";

		//	eActiveButton.style.borderColor = sDownBorderColor;
		//	eActiveButton.style.color = sDownTextColor;
		//	SetButtonPadding(eActiveButton,sDownPadding);
		//	sPaneName = eActiveButton.id.replace(/tbl(.*)Button/,"$1");

			// insert code here for button showing 
			//window.status = "Now showing: " + sPaneName;
		}

		// Otherwise, reset it

		else  
		{
			var oVMLButton = eActiveButton.rows[0].cells[0].children[0];
			oVMLButton.fill.color		= "#98fb98";
			oVMLButton.fill.color2		= "#ccffcc";
			oVMLButton.shadow.on		= "true";
			oVMLButton.shadow.type		= "perspective";
			oVMLButton.shadow.offset	= "3px,3px";
			oVMLButton.shadow.color		= "rgb(192,192,192)";
			oVMLButton.shadow.opacity	= "0.8";

		//	eActiveButton.style.backgroundColor = sOverBackColor;
		//	eActiveButton.style.borderColor = sOverBorderColor;
		//	eActiveButton.style.color = sOverTextColor;
			SetButtonPadding(eActiveButton,sOverPadding);
			eActiveButton = null;
		// *** Note above line commented out!! (29-Aug-02) ***

			// insert code here for button hiding 
			//window.status = window.defaultStatus;
		}

		// alert('button clicked: ' + eButton.id);
		
		if ( g_bCoolbarInit ) return;
		
		//objRe.Pattern = "tbl(.*)Button";
//		var sButtonName = eActiveButton.id.replace(/tbl(.*)Button/,"$1");
		var sButtonName = eButton.id.replace(/tbl(.*)Button/,"$1");
		switch (sButtonName)
		{
			case "Home"		:
				top.location.href = "index5.htm";
				break;
			case "Content"	:
				top.location.href = "content5.htm";
				break;
			case "Sites"	:
				top.location.href = "sites5.htm";
				break;
			case "Dir"		:
				top.location.href = "direct5.htm";
				break;
			case "MP3sites"	:
				top.location.href = "music5.htm";
				break;
			case "Arch"	:
				top.location.href = "archives5.htm";
				break;
			case "Specials"	:
				top.location.href = "specials5.htm";
				break;
			case "Blog"	:
				top.location.href = "http://webdotwiz.spaces.live.com/default.aspx";
				break;
		}

	}		// button_up()

	/*	End code for coolbar */