var NS4 = (document.layers) ? true : false;
var IE4 = (document.all) ? true : false;

var maxZ = 1;

function findPos(obj) {
	var curleft = curtop = 0;

	if (obj.offsetParent) {
	do {
			curleft += obj.offsetLeft;
			curtop += obj.offsetTop;

		} while (obj = obj.offsetParent);
	return [curleft,curtop];
	}
}

function popout(id, posY, width) {
  this.id = id; // the element's name (and the variable's name)
  this.posY = posY; // the element's top property
  this.width = width; // the element's width
  this.show = false; // do not show the element
  this.lastClickTime	= 0;
  this.makeImage   = makeImage;
  this.makeElement = makeElement; // constructs the content box
  this.showElement = showElement; // sets the element's visibility
  this.testClick = testClick;
}

function makeElement(boxBg, boxColor, boxCode) {
  var padding = (NS4) ? '' : 'padding: 3 0 3 3;';
  document.write(
    '<STYLE TYPE="text/css">',
    '#', this.id, 'box {',
      'position: absolute;',
      'left: 0; top: ', this.posY, ';',
      'width: ', this.width, ';',
      'layer-background-color: ', boxBg, ';',
      'background-color: ', boxBg, ';',
      'visibility: hidden;',
      padding,
      'z-index: 1; overflow:hidden;',
    '}',
    '</STYLE>',
    '<DIV ID="', this.id, 'box">',
    boxCode,
    '</DIV>'
  );
}

/*
      'position: absolute;',
      'left: 0; top: ', this.posY, ';',
      'z-index: 1',
*/

function makeImage(imgURL, imgHeight, imgWidth, imgAlt) {
  document.write(
    '<STYLE TYPE="text/css">',
    '#', this.id, 'img {',
      'width: ', imgWidth, ';',
    '}',
    '</STYLE>',
    '<DIV ID="', this.id, 'img">',
    '<A HREF="javascript:', this.id, '.showElement()">',
    '<IMG SRC="', imgURL, '" ALT="', imgAlt, '" BORDER="0" ',
    'HEIGHT="', imgHeight, '" WIDTH="', imgWidth, '">',
    '</A></DIV>'
  );
  
  boxImg = document.getElementById(this.id + 'img');
  box    = document.getElementById(this.id + 'box');
  
  var i	= findPos(boxImg);
  
  box.style.left = (parseInt(i[0]) - (parseInt(this.width) - parseInt(imgWidth)) - 12) + "px";
  box.style.width = this.width + "px";
  // box.style.top  = (parseInt(i[1]) + parseInt(imgHeight) + 48) + "px";
  box.style.top = "188px";
}

function showElement() {
  this.show = !this.show;
  var pos = (this.show) ? this.width : 0;
  
  box	= document.getElementById(this.id + 'box');
  
  box.style.zIndex		= maxZ;
  box.style.visibility	= (this.show)?'visible':'hidden';
/*
  if (NS4) {
    var str = (this.show) ? 'show' : 'hide';
    eval('document.' + this.id + 'box.zIndex = ' + maxZ);
    eval('document.' + this.id + 'box.visibility = "' + str + '"');

	box.visibility	= str;
  } else {
    var str = (this.show) ? 'visible' : 'hidden';
    eval(this.id + 'box.style.zIndex = ' + maxZ);
    eval(this.id + 'box.style.visibility = "' + str + '"');

	box.visibility	= str;  
  } */
}

musicPlayer	= new popout('musicPlayer', 200, 200);
musicPlayer.makeElement('#ffffff','#000000','		<table width="100%"  border="0" cellpadding="0" cellspacing="0">			<tr>				<td width="6"><img src="/frame/dark-tl.png" alt="" /></td>				<td style="background-image: url(\'/frame/dark-t.png\'); background-repeat: repeat-x; background-position: top left;"></td>				<td width="6"><img src="/frame/dark-tr.png" alt="" /></td>				<td rowspan="2" width="2" style="background-color:#d4d4d4;" valign="top"><img src="/frame/dark-sh-tr.png" alt="" /></td>			</tr>			<tr>				<td width="6" style="background-image: url(\'/frame/dark-l.png\'); background-repeat: repeat-y; background-position: top left;"></td>				<td style="background-color: #5EA0D4; color:#000000;">		<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="168" height="115" id="Jukebox" align="middle"><param name="allowScriptAccess" value="sameDomain" /><param name="movie" value="/player/Jukebox.swf?v=rcm" /><param name="quality" value="high" /><param name="bgcolor" value="#444444" /><embed src="/player/Jukebox.swf?v=rcm" quality="high" bgcolor="#444444" width="184" height="115" name="Jukebox" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></object>				</td>				<td width="6" style="background-image: url(\'/frame/dark-r.png\'); background-repeat: repeat-y; background-position: top left;"></td>			</tr>			<tr>				<td width="6"><img src="/frame/dark-bl.png" alt="" /></td>				<td style="background-image: url(\'/frame/dark-b.png\'); background-repeat: repeat-x; background-position: top left;"></td>				<td width="6"><img src="/frame/dark-br.png" alt="" /></td>				<td width="2"><img src="/frame/dark-sh-br2.png" alt="" /></td>			</tr>			<tr>				<td colspan="2" style="background-image: url(\'/frame/dark-sh-b.png\'); background-repeat: repeat-x; background-position: top left;"><img src="/frame/dark-sh-bl.png" alt="" /></td>				<td><img src="/frame/dark-sh-br.png" alt="" /></td>				<td width="2"><img src="/frame/dark-sh-fin.png" alt="" /></td>			</tr>		</table>		');

function testClick() {
	now = new Date();
	
	thisClick	= now.getTime();
	
	if ((thisClick - this.lastClickTime) > 1000) {
		this.lastClickTime	= thisClick;
		
		return true;
	}
	
	return false;
}

function popoutPlayer() {
	if ((musicPlayer.testClick()) && (!musicPlayer.show))
		musicPlayer.showElement();
}

function hidePlayer () {
	if ((musicPlayer.testClick()) && (musicPlayer.show))
		musicPlayer.showElement();
	
	return true;
}
	
//document.onmousedown=hidePlayer;
//window.onmousedown=hidePlayer;
//document.onmouseup=hidePlayer;
//window.onmouseup=hidePlayer;