// JavaScript Document

//-----XML LOADER STARTS HERE------------

var xmlDoc = new ActiveXObject("Microsoft.XMLDOM"); 

function loadXML(xmlFile) 

{ 

	xmlDoc.async="false"; 

	xmlDoc.onreadystatechange=verify; 

	xmlDoc.load(xmlFile); 		

	xmlObj=xmlDoc.documentElement; 		

	//alert(xmlDoc.xml);

	

	//You can test whether a particular node child has any children using 

	//xmlObj.childNodes(i).hasChildNodes 

	

	//You can get the tag name of a child using 

	//xmlObj.childNodes(i).tagName.

	

	//You can get this value using

	//xmlObj.childNodes(0).firstChild.text



	//An attribute can be accessed using

	//xmlObj.childNodes(i).getAttribute("AttributeName")

 

}



/*Actually, just the last two lines of the function are enough to load the XML file. 

The previous two lines ensure that any JavaScript functions that we may use to

manipulate the XML file data later, will not perform any function on an

uninitialized object. Thus the function verify()is called:*/



function verify() 

{ 

 // 0 Object is not initialized 

 // 1 Loading object is loading data 

 // 2 Loaded object has loaded data 

 // 3 Data from object can be worked with 

 // 4 Object completely initialized 

	if (xmlDoc.readyState != 4) 

	{ 

		return false; 

	} 

}

//-----XML LOADER ENDS HERE -------------



function mouseOver_track( object )

{

	object.bgColor = "#329615"

	object.style.color="#ffffff"

	object.style.cursor = "hand"

}



function mouseOut_track( object )

{

	object.bgColor = "#FFFFFF"

	object.style.color="#333333"

	object.style.cursor = "arrow"

}



function showTracks()

{

	

	loadXML("music/music.xml");		

	if( xmlDoc.hasChildNodes ){			

		var xmlObj=xmlDoc.documentElement; 

		//var thisTrack =  parseInt(xmlObj.childNodes(0).text);

		

		if( xmlObj.hasChildNodes )

		{

			size = xmlObj.childNodes.length

			for( i = 0 ; i < size ; i++ )

			{

				var track = xmlObj.childNodes(i).text

				var tractTitle = track.substring(track,track.indexOf("."));

				if( i < (size-1) )

				{					

					document.write("<tr><td id='formCaption_left' onMouseOver='JavaScript:mouseOver_track(this)' onMouseOut='JavaScript:mouseOut_track(this)' onClick='playTrack(\""+tractTitle+"\")' style='border-bottom:1px solid #D1DFD4'>"+tractTitle+"</td></tr>");

					//document.write("<embed src='music/"+tractTitle+".mp3'  hidden='true' name='track"+i+"' units=100 nodevalue=100 autoPlay='false' loop='false' volume='100' MASTERSOUND>");

				}

				else

				{

					document.write("<tr><td id='formCaption_left' onMouseOver='JavaScript:mouseOver_track(this)' onMouseOut='JavaScript:mouseOut_track(this)' onClick='playTrack(\""+tractTitle+"\")'>"+tractTitle+"</td></tr>");

					//document.write("<embed src='music/"+tractTitle+".mp3'  hidden='true' name='track"+i+"' units=100 nodevalue=100 autoPlay='false' loop='false' volume='100' MASTERSOUND>");



				}

			}

		}

	}

}





function displayTracks()

{

	var val

	var IE = document.all?true:false;

	if (!IE) document.captureEvents(Event.MOUSECLICK)



	var tempX,tempY;

	

	if (IE) 

	{ 

		// grab the x-y pos.s if browser is IE

		tempX = event.clientX + document.body.scrollLeft;

		tempY = event.clientY + document.body.scrollTop;

	}

	else 

	{  

		// grab the x-y pos.s if browser is NS

		tempX = e.pageX;

		tempY = e.pageY;

	}  

	if (tempX < 0){tempX = 0;}

	if (tempY < 0){tempY = 0;}  

	//alert(tempX+" - "+tempY);

	

	var myTracks = document.getElementById("trackTable");



	if( myTracks.style.left != "-500px" && myTracks.style.top != "-500px" )

	{			

		doHide();

		return;

	}	

	

	//se t table position here

	myTracks.style.position = "absolute"

	myTracks.style.left = tempX-100;

	myTracks.style.top = 105;

}





function hideTracks()

{

		alert("hide called")

	setTimeout("doHide()",300);

}

function doHide()

{

	var myTracks = document.getElementById("trackTable")

	//se t table position here

	myTracks.style.position = "absolute"

	myTracks.style.left = -500  ;

	myTracks.style.top = -500 ;

}

var currentTrack ;

function playTrack( trackName )

{

	//var trackObject = document.track 

	//trackObject.stop();



	document.all.musicSpace.innerHTML = "<embed src='music/"+trackName+".mp3'  hidden='true' name='track' units=100 nodevalue=100 autoPlay='true' loop='false' volume='100'></embed>"	



	//doHide();

	//currentTrack = trackObject;

}



function stopTrack( trackName )

{	

	var trackObject = document.track; //eval("document."+trackName);	

	

	trackObject.stop();

		

	

}



function pauseTrack()

{

	if( currentTrack != null )

		currentTrack.pause();

}



function doPlay( trackNane )

{

	

	
	var trackObject = document.track;

	

	trackObject.play();	

	currentTrack = trackObject;

}

