var topMargin 	= 340
 var slideTime	= 1200
 var ns6 = (!document.all && document.getElementById); 
 var ie4 = (document.all);
 var ns4 = (document.layers);
 window.setInterval("main()", 10) 
	
function floatObject() { 
	if (ns4 || ns6) {
 		findHt = window.innerHeight; 
 	} else if(ie4) {
 		findHt = document.body.clientHeight;
 	}
} 
	
function main() { 
	if (ns4) { 
 		this.currentY 	= document.floatLayer.top; 
 		this.scrollTop	= window.pageYOffset;
 		mainTrigger();
 	} else if(ns6) {
 		this.currentY 	= parseInt(document.getElementById('floatLayer').style.top); 
 		this.scrollTop 	= scrollY;
  		mainTrigger(); 
 	} else if(ie4) { 
 		this.currentY 	= floatLayer.style.pixelTop;
 		this.scrollTop	= document.body.scrollTop; 
 		mainTrigger();
	} 
} 

function mainTrigger() { 
 	var newTargetY	= this.scrollTop + this.topMargin 
 	if ( this.currentY != newTargetY ) { 
 		if ( newTargetY != this.targetY ) { 
 			this.targetY = newTargetY
  			floatStart(); 
  		} 
  		animator(); 
  	} 
} 

function floatStart() { 
  	var now		= new Date() 
  	this.A		= this.targetY - this.currentY 
  	this.B		= Math.PI / ( 2 * this.slideTime ) 
  	this.C		= now.getTime() 
  	if (Math.abs(this.A) > this.findHt) { 
  		this.D = this.A > 0 ? this.targetY - this.findHt : this.targetY + this.findHt 
  		this.A = this.A > 0 ? this.findHt : -this.findHt 
  	} else {	 
  		this.D = this.currentY 
   	} 
} 

function animator() { 
  	var now		= new Date() 
  	var newY	= this.A * Math.sin( this.B * ( now.getTime() - this.C ) ) + this.D 
  	newY		= Math.round(newY) 
  	if (( this.A > 0 && newY > this.currentY ) || ( this.A < 0 && newY < this.currentY )) { 
  		if ( ie4 )floatLayer.style.pixelTop = newY 
  		if ( ns4 )document.floatLayer.top = newY
  		if ( ns6 )document.getElementById('floatLayer').style.top = newY + "px" 
  	} 
}


function p_change(product,title,composer,duration){
	html='<table width="200" border="0" cellpadding="0" cellspacing="0"><tr><td width="15"><div align="right"><img src="../images/pic_list_arrow.gif" width="15" height="13" hspace="7"></div></td><td width="185"><img src="../images/hdr_sect_list_product.gif" width="40" height="6"></td></tr><tr><td width="15">&nbsp;</td><td width="185"><Font class="list_body">'+product+'</Font></td></tr><tr><td width="15">&nbsp;</td><td width="185"><img src="../images/hdr_sect_list_title.gif" width="25" height="6"></td></tr><tr><td width="15">&nbsp;</td><td width="185"><Font class="list_body">'+title+'</Font></td></tr><tr><td width="15">&nbsp;</td><td width="185"><img src="../images/hdr_sect_list_composer.gif" width="50" height="6"></td></tr><tr><td width="15">&nbsp;</td><td width="185"><Font class="list_body">'+composer+'</Font></td></tr><tr><td width="15">&nbsp;</td><td width="185"><img src="../images/hdr_sect_list_duration.gif" width="45" height="6"></td></tr><tr><td width="15">&nbsp;</td><td width="185"><Font class="list_body">'+duration+'</Font></td></tr></table>';	

	floatLayer.innerHTML=html;	
}