NS4 = (document.layers) ? 1 : 0;
IE4 = (document.all) ? 1 : 0;
ver4 = (NS4 || IE4) ? 1 : 0;
var mp1 = window.parent.frames.media.mp1;

function Expand(name)
{
        img = "img"+name;
        me = eval(name);
        imgme = eval(img);

	if(me.className == "open")
	{
		me.className = "closed";
		imgme.src = "images/CLSDFOLD.gif";
		cld = 1;
	}
	else{
		me.className = "open";
		imgme.src = "images/OPENFOLD.gif";
		cld = 0;
	}
	
	divColl = document.all.tags("DIV");
     	for (i = 0; i< divColl.length; i++) 
       	{
       		o = divColl[i];
       		oName = o.id;
       		img  = "img"+oName;
       		oimg = eval(img);
       		
       		if((name == oName.substr(0,name.length)) && (name.length < oName.length) )
       		{
       			if(cld)
       			{
       				o.style.display = "none";
       				if ( o.className=="closed" || o.className=="open"){
       					o.className = "closed";
       					oimg.src = "images/CLSDFOLD.gif";
       				}
       			}
       			else
       			{
       				o.style.display = "block";
       				if (o.className=="closed" || o.className=="open"){
	       				o.className = "open";
       					oimg.src = "images/OPENFOLD.gif";
       				}
       			}
       		}
       	}
}
			
function MarkerClick(i){
	mp1.CurrentPosition = mp1.GetMarkerTime(i);
}

function MarkerName(i)
{
	var name = mp1.GetMarkerName(i);
	return name.substr(0,name.length - 2);
}
function MarkerLevel(i)
{
	var name = mp1.GetMarkerName(i);
	name = name.substr(name.length - 1,1);
	return name.valueOf();
}
function MakeTree1()
{
   if(mp1 == 0) return 0;
   var MC = mp1.MarkerCount;
   name = MarkerName(1);
   document.write("<div id=Marker class=open display=\"block\"><img id=imgMarker src=images/OPENFOLD.gif onclick=Expand('Marker') width=20 height=16 border=0><a href='#'  class=chapter onclick=MarkerClick(1)>"+name+"</a></div>"); //write root;
   pDIVNAME = "Marker";
   
   for(var i = 2 ;i <= MC; i++)
   {
   	pLEVEL = MarkerLevel(i-1);
   	mLEVEL = MarkerLevel(i);
   	
   	name = MarkerName(i);
   	var j =0 ;
   	if(i <= 10) j = 1;
   	else if(i <=100) j = 2;
   	else if(i <=1000) j = 3;
   	else j = 4;
        //////////////////// get div name //////////////////
   	if (pLEVEL == mLEVEL) // brother
   		father = pDIVNAME.substr(0,pDIVNAME.length-j);
   	if (pLEVEL > mLEVEL) // nephew
   		father = pDIVNAME.substr(0,pDIVNAME.length-1- (pLEVEL - mLEVEL)); 
   	if (pLEVEL < mLEVEL) // father
   		father = pDIVNAME;
   	divname = father + i; //div's name
        pDIVNAME  = divname;
        imgname = "img"+ divname;
        /////////////////////////////////        
   	if( MC > i )
   	{
   		nLEVEL = MarkerLevel( i+1 );
   	        ////////////////// check if have children ////////////////
		if ( nLEVEL > mLEVEL ) // have children
		{
			cls = "open";
			imgsrc = "images/OPENFOLD.gif";
			clk  = " onclick=Expand(\""+divname+"\")";
			aclk = "MarkerClick("+i+")";
			
		}
		else
		{
			cls = "\"child\"";
			imgsrc = "images/TXT.gif";
			clk  = "";
			aclk = "MarkerClick("+i+")";
		}
	}
	else  // the last element;
	{
		cls = "\"child\"";
		imgsrc = "images/TXT.gif";
		clk  = "";
		aclk = "MarkerClick("+i+")";
	}
	dpy   = " display = block ";
	var spc = "";
	for(j=0;j<mLEVEL ;j++)
	    spc = spc + "&nbsp;&nbsp;";
	document.write("<div id=" + divname +" class= "+ cls + dpy +" >"+spc+"<img id="+imgname+" src="+imgsrc+clk+" width=20 height=16 border=0><a href=# class=chapter onclick="+aclk+">"+name+"</a></div>");
    }    
}