﻿var XMLHttp;
function GetXmlHttpObject()
{
	var XMLHttp=null;
	try
	{
		// Firefox, Opera 8.0+, Safari
		XMLHttp=new XMLHttpRequest();
	}
	catch (e)
	{
		// Internet Explorer
		try
		{
			XMLHttp=new ActiveXObject("Msxml2.XMLHTTP");
		}
		catch (e)
		{
			XMLHttp=new ActiveXObject("Microsoft.XMLHTTP");
		}
	}
	return XMLHttp;
}
function ChangePosition()
{ 
	XMLHttp=GetXmlHttpObject();
	if (XMLHttp==null)
	{
		alert ("Your browser does not support AJAX!");
		return;
	} 
	XMLHttp.onreadystatechange = ChangePositionEx;
	XMLHttp.open("GET","SyncVideo.xml",true);
	XMLHttp.send(null);
}
function ChangePositionEx() 
{ 
	if( XMLHttp.readyState==4 )
	{ 
		var xmlDoc = XMLHttp.responseXML;
		var attr_align = xmlDoc.getElementsByTagName("Avatar")[0].getAttribute("align");
		Change(attr_align);
	}
}
function Change(attr_value)
{
		document.getElementById("layer1").style.position = "absolute";
		switch( attr_value.toUpperCase() )
		{
			case "BR":
				//document.getElementById("layer1").style.top = document.documentElement.scrollTop+(document.documentElement.clientHeight/2)+ 100 + "px";
				//document.getElementById("layer1").style.right = document.documentElement.scrollRight+ document.documentElement.clientWidth + "px";
				document.getElementById("layer1").style.marginTop = document.documentElement.clientHeight - stageHeight + document.documentElement.scrollTop + "px";
				document.getElementById("layer1").style.marginLeft = document.documentElement.clientWidth - stageWidth + document.documentElement.scrollLeft + "px";
				break;
			case "TR":
				document.getElementById("layer1").style.marginLeft = document.documentElement.clientWidth - stageWidth + document.documentElement.scrollLeft + "px";
				break;
			case "R":
				document.getElementById("layer1").style.marginTop = (document.documentElement.clientHeight - stageHeight)/2 + document.documentElement.scrollTop + "px";
				document.getElementById("layer1").style.marginLeft = document.documentElement.clientWidth - stageWidth + document.documentElement.scrollLeft + "px";
				break;
			case "BL":
				document.getElementById("layer1").style.marginTop = document.documentElement.clientHeight - stageHeight + document.documentElement.scrollTop + "px";
				break;
			case "TL":
				break;
			case "L":
				document.getElementById("layer1").style.marginTop = (document.documentElement.clientHeight - stageHeight)/2 + document.documentElement.scrollTop + "px";
				break;
			case "B":
				document.getElementById("layer1").style.marginTop = document.documentElement.clientHeight - stageHeight + document.documentElement.scrollTop + "px";
				document.getElementById("layer1").style.marginLeft = (document.documentElement.clientWidth - stageWidth)/2 + document.documentElement.scrollLeft + "px";
				break;
			case "T":
				document.getElementById("layer1").style.marginLeft = (document.documentElement.clientWidth - stageWidth)/2 + document.documentElement.scrollLeft + "px";
				break;
			default:
				document.getElementById("layer1").style.marginTop = (document.documentElement.clientHeight - stageHeight)/2 + document.documentElement.scrollTop + "px";
				document.getElementById("layer1").style.marginLeft = (document.documentElement.clientWidth - stageWidth)/2 + document.documentElement.scrollLeft + "px";
				break;
		}	
		setTimeout(function(){Change(attr_value);},10);
}

