<html>
<head>
<title>Nhac Si Vu Duc Nghiem</title>
<meta name="Author" content="Vu Duc Nghiem">
<META NAME="Generator" CONTENT="Designner: Thuy Tran">
<meta name="KeyWords" content="Vu Duc Nghiem, CD">
<meta name="Description" content="">
<script language="JavaScript">
   var message="";
   function clickIE() 
   {
      if (document.all) 
      {
         (message);return false;
      }
   }
   function clickNS(e) 
   {
      if (document.layers||(document.getElementById&&!document.all)) 
      {
         if (e.which==1||e.which==2||e.which==3) 
         {
           (message);return false;
         }
      }
   }
   if (document.layers) 
   {
      document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;
   }
   else
   {
      document.onmouseup=clickNS;document.oncontextmenu=clickIE;
   }
   document.oncontextmenu = new Function("return false")

   function disableselect(e)
   {
      return false
   }
   function reEnable()
   {
      return true
   }
   document.onselectstart = new Function ("return false")
   if (window.sidebar)
   {
      document.onmousedown=disableselect
      document.onclick = reEnable
   }
</script>

<link rel="stylesheet" type="text/css" href="css/base.css">

<SCRIPT LANGUAGE="JavaScript">

<!-- Begin

// change this to where you store the blank.gif image
var blank = "http://www.saigonline.com/phamanhdung/Image/blank.gif";

topedge = 50;  // location of news box from top of page
leftedge = 10;  // location of news box from left edge
boxheight = 500;  // height of news box
boxwidth = 180;  // width of news box
scrollheight = 2240; // total height of all data to be scrolled

   function scrollnews(cliptop) {
      if (document.layers) {
         newsDiv = document.news;
         newsDiv.clip.top = cliptop;
         newsDiv.clip.bottom = cliptop + boxheight;
         newsDiv.clip.left = 0;
         newsDiv.clip.right = boxwidth + leftedge;
         newsDiv.left = leftedge;
         newsDiv.top = topedge - cliptop;
      }
      else {
         newsDiv = news.style;
         newsDiv.clip = "rect(" + cliptop + "px " + (boxwidth + leftedge) + "px " + (cliptop + boxheight) + "px 0px)";
         newsDiv.pixelLeft = leftedge;
         newsDiv.pixelTop = topedge - cliptop;
      }
      cliptop = (cliptop + 1) % (scrollheight + boxheight);
      newsDiv.visibility='visible';
      setTimeout("scrollnews(" + cliptop + ")", 50);
    }
//  End -->
</script>

<style type="text/css">
DIV.clButtons {position:absolute; width:22px; height:22px; left:98px; top:6px; visibility:inherit;}
#divCont      {position:absolute; width:220px; height:220px; clip:rect(0px 220px 220px 0px); z-index:30; visibility:hidden;}
#divCenter    {position:absolute; width:200px; height:200px; left:10px; top:10px; visibility:inherit;} 
.PFont
{
        font-family: Arial,Helvetica,New Times Romain,Tahoma;
        font-weight: bold;
        font-size:8pt; 
        color: #ea0044;
        text-align: left;
        text-decoration: none;
}
 
</style>
<script language="JavaScript" type="text/javascript">
/**********************************************************************************   
CircleMenu 
*********************************************************************************/

function lib_bwcheck(){ //Browsercheck (needed)
	this.ver=navigator.appVersion
	this.agent=navigator.userAgent
	this.dom=document.getElementById?1:0
	this.opera5=this.agent.indexOf("Opera 5")>-1
	this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom && !this.opera5)?1:0; 
	this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom && !this.opera5)?1:0;
	this.ie4=(document.all && !this.dom && !this.opera5)?1:0;
	this.ie=this.ie4||this.ie5||this.ie6
	this.mac=this.agent.indexOf("Mac")>-1
	this.ns6=(this.dom && parseInt(this.ver) >= 5) ?1:0; 
	this.ns4=(document.layers && !this.dom)?1:0;
	this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.opera5)
	return this
}
var bw=new lib_bwcheck()


/***************************************************************************
Object constructors; making Cross-browser object of the buttons
****************************************************************************/
//Debug function ******************
function lib_message(txt){alert(txt); return false} 

//Lib objects  ********************
function lib_obj(obj,nest,o){ 
	if(!bw.bw) return lib_message('Old browser')
	nest=(!nest) ? "":'document.'+nest+'.'										
   	if(o&&bw.ns4) this.evnt=o; 
	else this.evnt=bw.dom? document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?eval(nest+"document.layers." +obj):0;	
	if(!this.evnt) return lib_message('The layer does not exist ('+obj+') - \nIf your using Netscape please check the nesting of your tags!')
	this.css=bw.dom||bw.ie4?this.evnt.style:this.evnt; this.ref=bw.dom||bw.ie4?document:this.css.document;
	this.x=this.css.left||this.css.pixelLeft||this.evnt.offsetLeft||0; this.y=this.css.top||this.css.pixelTop||this.evnt.offsetTop||0
	this.w=this.evnt.offsetWidth||this.css.clip.width||this.ref.width||this.css.pixelWidth||0; this.h=this.evnt.offsetHeight||this.css.clip.height||this.ref.height||this.css.pixelHeight||0
	this.c=0 //Clip values
	if((bw.dom || bw.ie4) && this.css.clip) {
		this.c=this.css.clip; this.c=this.c.slice(6,this.c.length-1); 
		this.c=this.c.split(' '); for(var i=0;i<5;i++){this.c[i]=parseInt(this.c[i])}
	}
	this.ct=this.css.clip.top||this.c[0]||0; this.cr=this.css.clip.right||this.c[1]||this.w||0
	this.cb=this.css.clip.bottom||this.c[2]||this.h||0; this.cl=this.css.clip.left||this.c[3]||0
	this.obj = obj + "Object"; 	eval(this.obj + "=this")
	return this
}

// A unit of measure that will be added when setting the position of a layer.
var px = bw.ns4||window.opera?"":"px";

//Moving object to **************
lib_obj.prototype.moveIt = function(x,y){this.x=x; this.y=y; this.css.left=x+px; this.css.top=y+px;} 

//Showing object ************
lib_obj.prototype.showIt = function(){this.css.visibility="visible"} 

//Document size object ********
function lib_doc_size(){ 
	this.x=0;this.x2=bw.ie && document.body.offsetWidth-20||innerWidth||0;
	this.y=0;this.y2=bw.ie && document.body.offsetHeight-5||innerHeight||0;
	if(!this.x2||!this.y2) return message('Document has no width or height') 
	this.x50=this.x2/2;this.y50=this.y2/2;
	return this;
}

/***************************************************************************
Main variables
****************************************************************************/
//The radius for the circle
radius=92 
//Start angle
startAngle=90
//Speed in milliseconds
circleSpeed=20
//angle to move per timeout
moveAngle=6


/***************************************************************************
Initiating the buttons and starts the circlemove
****************************************************************************/
var xcenter,ycenter,menuState,circleGoing;
function circleMenuInit(num){
	page = new lib_doc_size()
	//Making a simple object for the divCont
	oCont = new lib_obj('divCont')
	//Moving the divCont to the center of the page.
	oCont.moveIt(page.x2/2-110,page.y2/2-110)
	//Making an array to hold the button objects
	oBut = new Array()
	//Making button objects, arguments: divName,nested div,anglestop
	for(var i=0; i<7; i++){
		oBut[i] = new lib_obj('div'+i,'divCont')
	}
	//Setting stop angles for each button
	oBut[0].stop = 0
	oBut[1].stop = 30
	oBut[2].stop = -30
	oBut[3].stop = -90
	oBut[4].stop = -150
	oBut[5].stop = -210
	oBut[6].stop = -240

	//Moves the button; ie5 bugfix
	oBut[0].moveIt(98,7)
	//Starts the circlemove
	xcenter = oBut[0].x - radius*Math.cos(startAngle*Math.PI/180)
	ycenter = oBut[0].y + radius*Math.sin(startAngle*Math.PI/180)
	oCont.showIt() //Showing cont layer
	circleGo(radius,-moveAngle,startAngle,oBut[6].stop,xcenter,ycenter,'menuState=1')

}
/***************************************************************************
Moves the buttons in a circle
****************************************************************************/
function circleGo(radius,angleinc,angle,endangle,xcenter,ycenter,fn,lnk) {
	//if angleinc < endangle-angle (no matter if it's positive or negative numbers)
	if ((Math.abs(angleinc)<Math.abs(endangle-angle))) {
		circleGoing=true
		angle += angleinc
		var x = xcenter + radius*Math.cos(angle*Math.PI/180)
		var y = ycenter - radius*Math.sin(angle*Math.PI/180)
		for(var i=1; i<oBut.length; i++){
			//if angle are bigger then the stop angle of each button
			if (angle>=oBut[i].stop) oBut[i].moveIt(x,y)
		}
		setTimeout("circleGo("+radius+","+angleinc+","+angle+","+endangle+","+xcenter+","+ycenter+",'"+fn+"','"+lnk+"')",circleSpeed)
	}else{
	 	circleGoing = false
		eval(fn)
	}
}
/***************************************************************************
When click on the buttons
****************************************************************************/
var zIndex = 6
function mclick(num,lnk){
	//If it's not moving already
	if (!circleGoing){
		//Added feature; the clicked buttons stays on top!
		zIndex ++
		oBut[num].css.zIndex = zIndex
		//Checks the state of the menu and circles it the right way
		if (menuState) circleGo(radius,moveAngle,oBut[6].stop,startAngle+6,xcenter,ycenter,'moveCenter("'+lnk+'")')
		else moveFromCenter(lnk)
	}
}	
//Moving the buttons to the center
function moveCenter(lnk){
	if (oBut[0].y<95){
		for (var i=0; i<oBut.length; i++){
			oBut[i].moveIt(oBut[i].x+(i-2.5),oBut[i].y+3)
		}
		setTimeout("moveCenter('"+lnk+"')",30)
	}else{	
		menuState = 0
		if(lnk && String(lnk)!="undefined") location.href = lnk
		//HERE GOES CODE TO MAKE IT DO SOMETHING WHEN IT REACHES CENTER!
	}
}
//Moving the buttons from center
function moveFromCenter(lnk){
	if (oBut[0].y>6){
		for (var i=0; i<oBut.length; i++){
			oBut[i].moveIt(oBut[i].x-(i-2.5),oBut[i].y-3)
		}
		setTimeout("moveFromCenter('"+lnk+"')",30)
	}else{	
		circleGo(radius,-moveAngle,startAngle,oBut[6].stop,xcenter,ycenter,'menuState=1',lnk)
	}
}
/***************************************************************************
Mouseover and out on the buttons
****************************************************************************/
function mover(num){
	oBut[num].ref["img"+num].src = 'Image/circlemenu1_1.gif'
}
function mout(num){
	oBut[num].ref["img"+num].src = 'Image/circlemenu'+(num+1)+'.gif'
}
//Starting the menu on pageload.
onload = circleMenuInit;
</script>
</head>

<body bgcolor=#e2e2b0 marginleft="0" marginheight="0">
<script language="JavaScript">    
   var ry=Math.floor(Math.random()*10);
   if ((ry == 0))
   {   
      document.write("<div style='position:absolute; left:60; top:170'><img src='gfx/VuDucNghiem1.gif' alt='V&#361; Đ&#7913;c Nghiêm 1' border='0' alt='V&#361; Đ&#7913;c Nghiêm 1'></div>");
   }
   else if ((ry == 1))
   {   
      document.write("<div style='position:absolute; left:60; top:170'><img src='gfx/VuDucNghiem2.gif' alt='V&#361; Đ&#7913;c Nghiêm 2' border='0' alt='V&#361; Đ&#7913;c Nghiêm 2'></div>");
   }
   else if ((ry == 2))
   {   
      document.write("<div style='position:absolute; left:60; top:170'><img src='gfx/VuDucNghiem3.gif' alt='V&#361; Đ&#7913;c Nghiêm 3' border='0' alt='V&#361; Đ&#7913;c Nghiêm 3'></div>");
   }
   else if ((ry == 3))
   {   
      document.write("<div style='position:absolute; left:60; top:170'><img src='gfx/VuDucNghiem4.gif' alt='V&#361; Đ&#7913;c Nghiêm 4' border='0' alt='V&#361; Đ&#7913;c Nghiêm 4'></div>");
   }
   else if ((ry == 4))
   {   
      document.write("<div style='position:absolute; left:0; top:0'><img src='gfx/VuDucNghiem5.gif' alt='V&#361; Đ&#7913;c Nghiêm 5' border='0' alt='V&#361; Đ&#7913;c Nghiêm 5'></div>");
   }
   else if ((ry == 5))
   {   
      document.write("<div style='position:absolute; left:60; top:0'><img src='gfx/VuDucNghiem6.gif' alt='V&#361; Đ&#7913;c Nghiêm 6' border='0' alt='V&#361; Đ&#7913;c Nghiêm 6'></div>");
   }
   else if ((ry == 6))
   {   
      document.write("<div style='position:absolute; left:60; top:0'><img src='gfx/VuDucNghiem7.gif' alt='V&#361; Đ&#7913;c Nghiêm 7' border='0' alt='V&#361; Đ&#7913;c Nghiêm 7'></div>");
   }
   else if ((ry == 7))
   {   
      document.write("<div style='position:absolute; left:60; top:0'><img src='gfx/VuDucNghiem8.gif' alt='V&#361; Đ&#7913;c Nghiêm 8' border='0' alt='V&#361; Đ&#7913;c Nghiêm 8'></div>");
   }
   else if ((ry == 8))
   {   
      document.write("<div style='position:absolute; left:180; top:0'><img src='gfx/VuDucNghiem6V.gif' alt='V&#361; Đ&#7913;c Nghiêm 6V' border='0' alt='V&#361; Đ&#7913;c Nghiêm 6V'></div>");
   }
   else if ((ry == 9))
   {   
      document.write("<div style='position:absolute; left:180; top:0'><img src='gfx/VuDucNghiem3V.gif' alt='V&#361; Đ&#7913;c Nghiêm 3V' border='0' alt='V&#361; Đ&#7913;c Nghiêm 3V'></div>");
   }

</script>
<br><br><br>

<div id="divCont">
	<!-- Circle image -->
	<div id="divCenter"><img src="Image/circlemenu.gif" name="imgCenter" width=200 height=200 border=0 alt=""></div>
	<!-- Buttons -->
	<div id="div0" class="clButtons"><a href="CD/CDMain.htm" onclick="mclick(0,'); parent.focus(); return false" onmouseover="mover(0)" onmouseout="mout(0)"><img src="Image/circlemenu1.gif" name="img0" width=22 height=22 border=0 alt="CD"></a></div>
	<div id="div1" class="clButtons"><a href="TT/TTMain.htm" onclick="mclick(1,'); parent.focus(); return false" onmouseover="mover(1)" onmouseout="mout(1)"><img src="Image/circlemenu2.gif" name="img1" width=22 height=22 border=0 alt="Thi T&#7853;p"></a></div>
	<div id="div2" class="clButtons"><a href="TamBut/TamButMain.htm" onclick="mclick(2,'); parent.focus(); return false" onmouseover="mover(2)" onmouseout="mout(2)"><img src="Image/circlemenu3.gif" name="img2" width=22 height=22 border=0 alt="Tâm Bút"></a></div>
	<div id="div3" class="clButtons"><a href="Tho/Tho-Main.htm" onclick="mclick(3,'); parent.focus(); return false" onmouseover="mover(3)" onmouseout="mout(3)"><img src="Image/circlemenu4.gif" name="img3" width=22 height=22 border=0 alt="Th&#417;"></a></div>
	<div id="div4" class="clButtons"><a href="TacPhamBanBe/TacPhamBanBe-Main.htm" onclick="mclick(4,'); parent.focus(); return false" onmouseover="mover(4)" onmouseout="mout(4)"><img src="Image/circlemenu5.gif" name="img4" width=22 height=22 border=0 alt="Tác Ph&#7849;m C&#7911;a B&#7841;n Bè"></a></div>
	<div id="div5" class="clButtons"><a href="CacBaiViet/CacBaiVietMain.htm" onclick="mclick(5,'); parent.focus(); return false" onmouseover="mover(5)" onmouseout="mout(5)"><img src="Image/circlemenu6.gif" name="img5" width=22 height=22 border=0 alt="Các Bài Vi&#7871;t"></a></div>
	<!-- Example with link -->
	<div id="div6" class="clButtons"><a href="TacGia/TacGiaMain.htm" onclick="mclick(6,'); parent.focus(); return false" onmouseover="mover(6)" onmouseout="mout(6)"><img src="Image/circlemenu7.gif" name="img6" width=22 height=22 border=0 alt="Tác Gi&#7843;"></a></div>
</div>


<div style="position:absolute; left:200; top:500">

<table border="0" cellpadding="0" cellspacing="0" width="580" align="center">
   <tr>
     <td width=20%></td>
     <td width=70%><p class='PFont'> All design copyright © 2004 by Tr&#7847;n L&#7879; Th&#7911;y, all rights reserved. </p>
     </td>
     <td width=10%></td>

   </tr>
</table>
</div>

<div style="position:absolute; left:200; top:520">
<table border="0" cellpadding="0" cellspacing="0" width="880" align="center">
  <tr>
     <td width=15%>
        <br><left><a href="http://member.bcentral.com/cgi-bin/fc/fastcounter-login?3315659" target="_top">
           <img border="0" src="http://fastcounter.bcentral.com/fastcounter?3315659+6631325"></a></left>
     <td width=30%><font color="#dd3300" size=1>
        <script language="JavaScript">
        <!--Hide the script from other browsers
           document.write("");
           document.writeln("This page was last modified on " + document.lastModified);
        // Stop hiding from other browsers-->
        </script>
     </td>
     <td width=55%>

 <font color="#de3300" size=1> Copyright &copy; 2004. Coutersy
of Saigonline.com/Vinet Communication. <br>Material used in this webpage is copyright (c) by respective authors. All Rights Reserved
</font></p>
     </td>
  </tr>
 </table>  
</div>
</body>
</html>