document.write("<script language=\"JavaScript\" src=\"../js/ajax.js\" type='text/javascript'></script>");
document.write("<script language=\"javascript\" src=\"../js/shadedborder.js\"></script>");
document.write("<script language=\"javascript\" src=\"../js/yahoo-min.js\"></script>");
document.write("<script language=\"javascript\" src=\"../js/animation-min.js\"></script>");
document.write("<script language=\"javascript\" src=\"../js/dom-min.js\"></script>");
document.write("<script language=\"javascript\" src=\"../js/event-min.js\"></script>");

function Build_frame() {
	var s = window.location.href;
	var sf = s.substr(s.lastIndexOf("/") + 1);
	
	var aj = new AJAX("frame.php");
	//aj.element = "test";
	
	aj.onFinish = function() {
						obj = document.createElement("DIV");
						obj.innerHTML = aj.response;
						obj.id = "root";
						
						document.body.appendChild(obj);
						
						document.getElementById("content").innerHTML = document.getElementById("main").innerHTML;
						document.getElementById("main").innerHTML = "";
						document.getElementById("main").style.display = 'none';
						
						//document.getElementById("moc_trai").style.left = document.getElementById("content").offsetLeft + 45 + "px";
						//document.getElementById("moc_trai").style.top = document.getElementById("content").offsetTop - 40 + "px";						
						
						//document.getElementById("moc_phai").style.left = document.getElementById("content").offsetLeft + document.getElementById("content").offsetWidth - 85 + "px";
						//document.getElementById("moc_phai").style.top = document.getElementById("content").offsetTop - 40 + "px";
												
						ajaxScript(aj.response);
						
						Make_shadow();
	
						Animate();
						
						setTimeout("Display_menu()", 4000);
						
					};
	aj.run("page=" + sf);	
}

	step = 1;
	total_step = 3;
	
function Animate() {	
	
	switch(step) {
		case 1: var id = "header"; 	
				var duration = 1.5;
				break;
		//case 2: var id = "moc"; break;
		case 2: var id = "main_content"; 
				var duration = 1;
				break;
	/*	case 3: var id = "menu";	
				document.getElementById("menu").style.left = document.getElementById("main_content").offsetLeft + document.getElementById("main_content").offsetWidth  - 6 + "px";
				document.getElementById("menu").style.top = document.getElementById("main_content").offsetTop + 20 + "px";
					
				break;*/
		case 3: Display_footer(); return ; break;
		default: return;
	}
//	alert(id);
	
	step++;
	
	var obj = document.getElementById(id);
	var obj2 =  document.getElementById(id + "_fake");
	
	var dest_width = obj2.offsetWidth + 20;
	var dest_height = obj2.offsetHeight ;
	
	obj2.style.display = 'none';
	obj.style.visibility = 'visible';
	
	
	obj.style.width = "0px";
	obj.style.height = "0px";
	
	var attributes = {	      
	      width: {to: dest_width, unit: 'px' },
	      height: { to: dest_height, unit: 'px' }
	      /*opacity: { to: 0 } */
	   };
	 
	      	
	var anim = new YAHOO.util.Anim(id, attributes, duration, YAHOO.util.Easing.backOut);
	anim.onComplete.subscribe(Animate_moc);
	//anim.onComplete.subscribe(Animate);
	anim.animate();
	
	setTimeout("document.getElementById('" + id + "_fake').style.display = 'block';", 1500);
	setTimeout("document.getElementById('" + id + "_fake').style.visibility = 'visible';", 1500);	
}

 var moc = false;
 
function Animate_moc() {
	
	if (moc == false) {
		
		dest_x = document.getElementById("main_content").offsetLeft + 65 ;
		dest_y = document.getElementById("main_content").offsetTop - 40;
		
		dest_x2  = document.getElementById("main_content").offsetLeft + document.getElementById("main_content").offsetWidth - 105 ;
		dest_y2  = document.getElementById("main_content").offsetTop - 40;
						
						
		var attributes = {
	      points: {
	        to: [dest_x, dest_y],
	         control: [ [200, 200], [-100, 200] ]
	      },
	      width: {by: 1},
	      height: {by: 1}
	   };
	
		var attributes2 = {
	      points: {
	        to: [dest_x2, dest_y2],
	         control: [ [300, 300], [-100, 200] ]
	      },
	      width: {by: 1},
	      height: {by: 1}
	   };
	   
	   var anim = new YAHOO.util.Motion('moc_trai', attributes, 1, YAHOO.util.Easing.easeOut);
	   anim.onComplete.subscribe(Animate);
	   anim.animate();
	   
	   var anim2 = new YAHOO.util.Motion('moc_phai', attributes2, 1, YAHOO.util.Easing.easeOut);	
	   anim2.animate();
	   
	   moc = true;
	}else {
		Animate();
	}   
}

function Animate_content() {	
	Animate('content');
}


function Make_shadow() {
	
	var shadowedBorder    = RUZEE.ShadedBorder.create({ corner:8, shadow:20, border:0, edges:"lbr" });
	shadowedBorder.render('header');
						
	//var shadowedBorder    = RUZEE.ShadedBorder.create({ corner:8, shadow:20, border:0, edges:"lr" });
	//shadowedBorder.render('content');
	
	var shadowedBorder    = RUZEE.ShadedBorder.create({ corner:8, shadow:20, border:0, edges:"rbl" });
	shadowedBorder.render('main_content');
	
}

 view_footer = false;
function Display_footer() {
															
	if (!view_footer) {	
		document.getElementById("real_footer").style.display='block';
		var anim = new YAHOO.util.Anim('real_footer', { opacity: { to: 0 } }, 1, YAHOO.util.Easing.easeOut);
		
		anim.onComplete.subscribe(Display_footer);
		
		view_footer = true;
	}else {
		var anim = new YAHOO.util.Anim('real_footer', { opacity: { to: 1 } }, 1, YAHOO.util.Easing.easeOut);		
	}
	anim.animate();
	
	
}

function Display_menu() {
	document.getElementById("menu").style.left = document.getElementById("main_content").offsetLeft + document.getElementById("main_content").offsetWidth  - 6 + "px";
	document.getElementById("menu").style.top = document.getElementById("main_content").offsetTop + 20 + "px";
	
	document.getElementById('menu').style.visibility = 'visible';
	//setTimeout("document.getElementById('" + id + "_fake').style.visibility = 'visible';", 1500);	

}