var MyMouse =
{
getMousePos : function(e)
	{
	e=e||window.event;
	return[e.pageX||e.clientX + document.body.scrollLeft , e.pageY||e.clientY + document.body.scrollTop];
	}
}
var MyElement = 
{
getElementPos : function(e) 
	{
	var e1=e, e2=e;
	var x=0, y=0;
	if(e1.offsetParent) 
		{
		do {
			x += e1.offsetLeft;
			y += e1.offsetTop;
			} 
		while(e1 = e1.offsetParent);
		}
	while((e2 = e2.parentNode) && e2.nodeName !== 'BODY') 
		{
		x -= e2.scrollLeft;
		y -= e2.scrollTop;
		}
	return [x, y];
	},

getElementSize : function(e) 
	{
	return [e.offsetWidth, e.offsetHeight];
	},

getViewPos : function() 
	{
		if(typeof window.pageYOffset === 'number') {
			return [window.pageXOffset, window.pageYOffset];
		} else if(document.body && (document.body.scrollLeft || document.body.scrollTop)) {
			return [document.body.scrollLeft, document.body.scrollTop];
		} else if(document.documentElement && (document.documentElement.scrollLeft || document.documentElement.scrollTop)) {
			return [document.documentElement.scrollLeft, document.documentElement.scrollTop];
		} else {
			return [0, 0];
		}
	},

getViewSize : function() 
	{
		if(typeof window.innerWidth === 'number') {
			return [window.innerWidth, window.innerHeight];
		} else if(document.body && (document.body.clientWidth || document.body.clientHeight)) {
			return [document.body.clientWidth, document.body.clientHeight];
		} else if(document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)) {
			return [document.documentElement.clientWidth, document.documentElement.clientHeight];
		} else {
			return [0, 0];
		}
	}
}
var MyWindow = { 

w: function()  
	{
	var myWidth = 0;
	if( typeof( window.innerWidth ) == 'number' ) 
		{
		//Non-IE
		myWidth = window.innerWidth;
		} 
	else if( document.documentElement && ( document.documentElement.clientWidth) ) 
		{
		//IE 6+ in 'standards compliant mode'
		myWidth = document.documentElement.clientWidth;
		} 
	else if( document.body && ( document.body.clientWidth) ) 
		{
		//IE 4 compatible
		myWidth = document.body.clientWidth;
		}
	return myWidth;
	},
h: function () 
	{
	var myHeight = 0;
	if( typeof( window.innerWidth ) == 'number' ) 
		{
		//Non-IE
		myHeight = window.innerHeight;
		} 
	else if( document.documentElement && ( document.documentElement.clientHeight) ) 
		{
		//IE 6+ in 'standards compliant mode'
		myHeight = document.documentElement.clientHeight;
		} 
	else if( document.body && ( document.body.clientHeight) ) 
		{
		//IE 4 compatible
		myHeight = document.body.clientHeight;
		}
	return myHeight;
	}
}
function adjustpicture(picture,cubesize)
{
if(picture.offsetWidth>picture.offsetHeight) // Landscape
	{
	picture.style.height=null;
	picture.style.width=cubesize+"px";
	}
else // portrait
	{
	picture.style.width=null;
	picture.style.height=cubesize+"px";
	}
// centre picture inside parent holder
if(picture.parentNode)
	{
	var holderwidth=picture.parentNode.offsetWidth;
	var holderheight=picture.parentNode.offsetHeight;
	picture.style.position="relative";
	picture.style.left=(Math.round((holderwidth-picture.offsetWidth)/2))+"px";
	picture.style.top=(Math.round((holderheight-picture.offsetHeight)/2))+"px";
	}
else
	{
	setTimeout(function(){adjustpicture(picture,cubesize);},10);
	}
}
function globebeatHeading()
{
this.label="";
this.Id="";
this.attachToId="";
this.execute = function()
	{
	// add temp container to determine width
	var newField=document.createElement("div");
	newField.setAttribute("id","tempheading");
	newField.style.position="absolute";
	newField.style.top="-100px";
	newField.style.left="0px";
	newField.style.width="auto";
	newField.style.height="32px";
	newField.style.paddingTop="7px";
	newField.style.textAlign="center";
	newField.className="headingcenter";
	var firstchar=this.label.substr(0,1);
	var restchar=this.label.substr(1);
	newField.innerHTML='<div class="frameheader">'+'<span style="font-size:14px;color:red">'+firstchar+'</span>'+restchar;+'</div>';
	document.getElementById(this.attachToId).appendChild(newField);
		
	var labelwidth=(MyElement.getElementSize(document.getElementById('tempheading'))[0]+28+14);
	// remove temp container
	var p2 = document.getElementById('tempheading');
	p2.parentNode.removeChild(p2);
	
	// Heading Holder
	var w=labelwidth+28;
	var newHolder=document.createElement("div");
	newHolder.style.position="relative";
	newHolder.setAttribute("id",this.Id+"pageheadingbox");
	newHolder.style.margin="auto";
	newHolder.style.left="0px";
	newHolder.style.top="3px";
	newHolder.style.width=w+"px";
	newHolder.style.height="32px";
	document.getElementById(this.attachToId).appendChild(newHolder);
	//Left
	var l=0;
	var t=0;
	var w=14;
	var h=32;
	newField=document.createElement("div");
	newField.style.position="absolute";
	newField.style.top=t+"px";
	newField.style.left=l+"px";
	newField.style.width=w+"px";
	newField.style.height=h+"px";
	newField.className="headingleft";
	document.getElementById(this.Id+"pageheadingbox").appendChild(newField);
	//Center
	var l=14;
	var t=0;
	var w=labelwidth;
	var h=32;
	newField=document.createElement("div");
	newField.style.position="absolute";
	newField.style.top=t+"px";
	newField.style.left=l+"px";
	newField.style.width=w+"px";
	newField.style.height=h+"px";
	newField.style.paddingTop="7px";
	newField.style.textAlign="center";
	newField.className="headingcenter";
	var firstchar=this.label.substr(0,1);
	var restchar=this.label.substr(1);
	newField.innerHTML='<div class="frameheader">'+'<span style="font-size:14px;color:red">'+firstchar+'</span>'+restchar;+'</div>';
	document.getElementById(this.Id+"pageheadingbox").appendChild(newField);
	//Right
	var l=w+14;
	var t=0;
	var w=14;
	var h=32;
	newField=document.createElement("div");
	newField.style.position="absolute";
	newField.style.top=t+"px";
	newField.style.left=l+"px";
	newField.style.width=w+"px";
	newField.style.height=h+"px";
	newField.className="headingright";
	document.getElementById(this.Id+"pageheadingbox").appendChild(newField);
	};
}

function globebeatInputField()
{
// Properties
this.Id="";
this.type="";
this.label="";
this.fieldLeft=0;
this.fieldTop=0;
this.labelWidth=0;
this.inputWidth=0;
this.val="";
this.cssClass="";
this.style="";
this.attributes="";
this.attachToId="";
this.options="";
// Methods
this.execute=function(){
	switch(this.type)
		{
		case 'checkbox':
		this.inputWidth=8;
		break;
		case 'radio':
		this.inputWidth=5;
		default: break;
		}
	
	//Left round
	var l=this.fieldLeft;
	var t=this.fieldTop;
	var w=14;
	var h=32;
	var newField=document.createElement("div");
	newField.style.position="absolute";
	newField.style.top=t+"px";
	newField.style.left=l+"px";
	newField.style.width=w+"px";
	newField.style.height=h+"px";
	newField.className="inputlabelleft";
	document.getElementById(this.attachToId).appendChild(newField);
	//Label
	var l=l+14;
	var t=this.fieldTop;
	var w=this.labelWidth;
	var h=31;
	newField=document.createElement("div");
	newField.style.position="absolute";
	newField.style.top=t+"px";
	newField.style.left=l+"px";
	newField.style.width=w+"px";
	newField.style.height=h+"px";
	newField.className="inputlabel";
	var firstchar=this.label.substr(0,1);
	var restchar=this.label.substr(1);
	if(this.type=='radio'||this.type=='checkbox')
		{
		newField.innerHTML='<div class="Label" onclick="document.getElementById(\''+this.Id+'\').click();">'+'<span style="font-size:12px;color:red">'+firstchar+'</span>'+restchar;+'</div>';
		}
	else
		{
		newField.innerHTML='<div class="Label" onclick="document.getElementById(\''+this.Id+'\').focus();">'+'<span style="font-size:12px;color:red">'+firstchar+'</span>'+restchar;+'</div>';
		}
	document.getElementById(this.attachToId).appendChild(newField);
	//Splitter
	var l=l+this.labelWidth;
	var t=this.fieldTop;
	var w=7;
	var h=32;
	newField=document.createElement("div");
	newField.style.position="absolute";
	newField.style.top=t+"px";
	newField.style.left=l+"px";
	newField.style.width=w+"px";
	newField.style.height=h+"px";
	newField.className="inputsplitter";
	document.getElementById(this.attachToId).appendChild(newField);
	//Input field
	var l=l+7;
	var t=this.fieldTop;
	var w=this.inputWidth+10;
	var h=28;
	newField=document.createElement("div");
	newField.style.position="absolute";
	newField.style.top=t+"px";
	newField.style.left=l+"px";
	newField.style.width=w+"px";
	newField.style.height=h+"px";
	newField.style.paddingLeft="5px";
	newField.className="inputfield";
	switch(this.type)
		{
		case 'text': case 'password': case 'date': 
		newField.style.paddingTop="5px";
		newField.innerHTML='<input type="'+this.type+'" id="'+this.Id+'" '+' value="'+decodeURIComponent(this.val)+'" class="'+this.cssClass+'" '+this.attributes+' style="border:0px;width:'+(this.inputWidth)+'px;'+this.style+'"/>';
		break;
		case 'file':
		newField.style.paddingTop="5px";
		newField.innerHTML='<input type="'+this.type+'" id="'+this.Id+'" '+' value="'+decodeURIComponent(this.val)+'" '+this.attributes+' style="border:0px;width:'+(this.inputWidth)+'px;'+this.style+'"/>';
		break;
	
		case 'checkbox':
		newField.style.paddingTop="7px";
		newField.innerHTML='<input type="'+this.type+'" id="'+this.Id+'" '+'class="'+this.cssClass+'" '+this.attributes+' style="margin:auto;'+this.style+'"/>';
		break;
		case 'radio':
		newField.style.paddingTop="6px";
		newField.innerHTML='<input type="'+this.type+'" id="'+this.Id+'" '+'class="'+this.cssClass+'" '+this.attributes+' style="margin:auto;'+this.style+'"/>';
		break;
		case 'select':
		newField.style.paddingTop="5px";
		newField.innerHTML='<select id="'+this.Id+'" '+'class="'+this.cssClass+'" '+this.attributes+' style="width:'+(this.inputWidth)+'px;margin:auto;'+this.style+'"/>'+decodeURIComponent(this.options)+'</select>';
		break;
		default: break;
		}
	document.getElementById(this.attachToId).appendChild(newField);
	// Right round
	var l=l+w+5;
	var t=this.fieldTop;
	var w=14;
	var h=32;
	newField=document.createElement("div");
	newField.style.position="absolute";
	newField.style.top=t+"px";
	newField.style.left=l+"px";
	newField.style.width=w+"px";
	newField.style.height=h+"px";
	newField.className="inputfieldright";
	document.getElementById(this.attachToId).appendChild(newField);
	};
}
function globebeatFrame()
{
this.Id="";
this.label="";
this.fieldLeft=0;
this.fieldTop=0;
this.blockWidth=0;
this.blockHeight=0;
this.attachToId="";
this.execute= function()
	{
	// holder
	var l=this.fieldLeft+14;
	var t=this.fieldTop+32;
	var w=this.blockWidth-28;
	var h=this.blockHeight-32-14;
	var newField=document.createElement("div");
	newField.setAttribute("id",this.Id);
	newField.style.position="absolute";
	newField.style.top=t+"px";
	newField.style.left=l+"px";
	newField.style.width=w+"px";
	newField.style.height=h+"px";
	newField.style.backgroundColor="white";
	document.getElementById(this.attachToId).appendChild(newField);
	//North West
	var l=this.fieldLeft;
	var t=this.fieldTop;
	var w=14;
	var h=32;
	newField=document.createElement("div");
	newField.style.position="absolute";
	newField.style.top=t+"px";
	newField.style.left=l+"px";
	newField.style.width=w+"px";
	newField.style.height=h+"px";
	newField.className="holder_nw";
	document.getElementById(this.attachToId).appendChild(newField);
	//North
	var l=this.fieldLeft+14;
	var t=this.fieldTop;
	var w=this.blockWidth-28;
	var h=32;
	newField=document.createElement("div");
	newField.style.position="absolute";
	newField.style.top=t+"px";
	newField.style.left=l+"px";
	newField.style.width=w+"px";
	newField.style.height=h+"px";
	newField.className="holder_n";
	var firstchar=this.label.substr(0,1);
	var restchar=this.label.substr(1);
	newField.innerHTML='<div class="Label" style="text-align:center;width:100%">'+'<span style="color:red">'+firstchar+'</span>'+restchar;+'</div>';
	document.getElementById(this.attachToId).appendChild(newField);
	//North East
	var l=this.fieldLeft+this.blockWidth-14;
	var t=this.fieldTop;
	var w=14;
	var h=32;
	newField=document.createElement("div");
	newField.style.position="absolute";
	newField.style.top=t+"px";
	newField.style.left=l+"px";
	newField.style.width=w+"px";
	newField.style.height=h+"px";
	newField.className="holder_ne";
	document.getElementById(this.attachToId).appendChild(newField);
	//East
	var l=this.fieldLeft+this.blockWidth-14;
	var t=this.fieldTop+32;
	var w=14;
	var h=this.blockHeight-32-14;
	newField=document.createElement("div");
	newField.style.position="absolute";
	newField.style.top=t+"px";
	newField.style.left=l+"px";
	newField.style.width=w+"px";
	newField.style.height=h+"px";
	newField.className="holder_e";
	document.getElementById(this.attachToId).appendChild(newField);
	//South East
	var l=this.fieldLeft+this.blockWidth-14;
	var t=this.fieldTop+this.blockHeight-14;
	var w=14;
	var h=14;
	newField=document.createElement("div");
	newField.style.position="absolute";
	newField.style.top=t+"px";
	newField.style.left=l+"px";
	newField.style.width=w+"px";
	newField.style.height=h+"px";
	newField.className="holder_se";
	document.getElementById(this.attachToId).appendChild(newField);
	//South
	var l=this.fieldLeft+14;
	var t=this.fieldTop+this.blockHeight-14;
	var w=this.blockWidth-28;
	var h=14;
	newField=document.createElement("div");
	newField.style.position="absolute";
	newField.style.top=t+"px";
	newField.style.left=l+"px";
	newField.style.width=w+"px";
	newField.style.height=h+"px";
	newField.className="holder_s";
	document.getElementById(this.attachToId).appendChild(newField);
	//South West
	var l=this.fieldLeft;
	var t=this.fieldTop+this.blockHeight-14;
	var w=14;
	var h=14;
	newField=document.createElement("div");
	newField.style.position="absolute";
	newField.style.top=t+"px";
	newField.style.left=l+"px";
	newField.style.width=w+"px";
	newField.style.height=h+"px";
	newField.className="holder_sw";
	document.getElementById(this.attachToId).appendChild(newField);
	//West
	var l=this.fieldLeft;
	var t=this.fieldTop+32;
	var w=14;
	var h=this.blockHeight-32-14;
	newField=document.createElement("div");
	newField.style.position="absolute";
	newField.style.top=t+"px";
	newField.style.left=l+"px";
	newField.style.width=w+"px";
	newField.style.height=h+"px";
	newField.className="holder_w";
	document.getElementById(this.attachToId).appendChild(newField);
	return true;
	};
this.resize= function()
{
return;
};
}
function globebeatPanHandle()
{
this.Id="";
this.fieldLeft=0;
this.fieldTop=0;
this.labelWidth=0;
this.blockWidth=0;
this.blockHeight=0;
this.attachToId="";
this.execute= function()
	{
	// holder
	var l=this.fieldLeft+this.labelWidth+28;
	var t=this.fieldTop+8;
	var w=this.blockWidth-15;
	var h=this.blockHeight-14;
	var newField=document.createElement("div");
	newField.setAttribute("id",this.Id);
	newField.style.position="absolute";
	newField.style.top=t+"px";
	newField.style.left=l+"px";
	newField.style.width=w+"px";
	newField.style.height=h+"px";
	newField.style.backgroundColor="white";
	document.getElementById(this.attachToId).appendChild(newField);

	//blockleft
	var l=this.fieldLeft;
	var t=this.fieldTop;
	var w=14;
	var h=32;
	newField=document.createElement("div");
	newField.style.position="absolute";
	newField.style.top=t+"px";
	newField.style.left=l+"px";
	newField.style.width=w+"px";
	newField.style.height=h+"px";
	newField.className="blockleft";
	document.getElementById(this.attachToId).appendChild(newField);
	
	//blocklabel
	var l=l+14;
	var t=this.fieldTop;
	var w=this.labelWidth;
	var h=32;
	newField=document.createElement("div");
	newField.style.position="absolute";
	newField.style.top=t+"px";
	newField.style.left=l+"px";
	newField.style.width=w+"px";
	newField.style.height=h+"px";
	newField.className="blocklabel";
	var firstchar=this.label.substr(0,1);
	var restchar=this.label.substr(1);
	newField.innerHTML='<div class="Label">'+'<span style="color:red">'+firstchar+'</span>'+restchar;+'</div>';
	document.getElementById(this.attachToId).appendChild(newField);
	
	//blocksplitter
	var l=l+this.labelWidth;
	var t=this.fieldTop;
	var w=14;
	var h=32;
	newField=document.createElement("div");
	newField.style.position="absolute";
	newField.style.top=t+"px";
	newField.style.left=l+"px";
	newField.style.width=w+"px";
	newField.style.height=h+"px";
	newField.className="blocksplitter";
	document.getElementById(this.attachToId).appendChild(newField);
	
	//block_w
	var l=l+7;
	var t=this.fieldTop+32;
	var w=7;
	var h=this.blockHeight-32-13;
	newField=document.createElement("div");
	newField.style.position="absolute";
	newField.style.top=t+"px";
	newField.style.left=l+"px";
	newField.style.width=w+"px";
	newField.style.height=h+"px";
	newField.className="block_w";
	document.getElementById(this.attachToId).appendChild(newField);
	
	//block_sw
	var l=l-1;
	var t=this.fieldTop+this.blockHeight-13;
	var w=13;
	var h=13;
	newField=document.createElement("div");
	newField.style.position="absolute";
	newField.style.top=t+"px";
	newField.style.left=l+"px";
	newField.style.width=w+"px";
	newField.style.height=h+"px";
	newField.className="block_sw";
	document.getElementById(this.attachToId).appendChild(newField);
	
	//block_s
	var l=l+13;
	var t=t+7;
	var w=this.blockWidth-26;
	var h=7;
	newField=document.createElement("div");
	newField.style.position="absolute";
	newField.style.top=t+"px";
	newField.style.left=l+"px";
	newField.style.width=w+"px";
	newField.style.height=h+"px";
	newField.className="block_s";
	document.getElementById(this.attachToId).appendChild(newField);
	
	//block_se
	var l=l+w;
	var t=t-8;
	var w=13;
	var h=13;
	newField=document.createElement("div");
	newField.style.position="absolute";
	newField.style.top=t+"px";
	newField.style.left=l+"px";
	newField.style.width=w+"px";
	newField.style.height=h+"px";
	newField.className="block_se";
	document.getElementById(this.attachToId).appendChild(newField);
	
	//block_e
	var l=l+6;
	var t=this.fieldTop+13;
	var w=8;
	var h=this.blockHeight-26;
	newField=document.createElement("div");
	newField.style.position="absolute";
	newField.style.top=t+"px";
	newField.style.left=l+"px";
	newField.style.width=w+"px";
	newField.style.height=h+"px";
	newField.className="block_e";
	document.getElementById(this.attachToId).appendChild(newField);
	
	//block_ne
	var l=l-6;
	var t=this.fieldTop;
	var w=13;
	var h=13;
	newField=document.createElement("div");
	newField.style.position="absolute";
	newField.style.top=t+"px";
	newField.style.left=l+"px";
	newField.style.width=w+"px";
	newField.style.height=h+"px";
	newField.className="block_ne";
	document.getElementById(this.attachToId).appendChild(newField);
	
	//block_n
	var l=this.fieldLeft+this.labelWidth+28;
	var t=this.fieldTop+1;
	var w=this.blockWidth-21;
	var h=8;
	newField=document.createElement("div");
	newField.style.position="absolute";
	newField.style.top=t+"px";
	newField.style.left=l+"px";
	newField.style.width=w+"px";
	newField.style.height=h+"px";
	newField.className="block_n";
	document.getElementById(this.attachToId).appendChild(newField);
	};
}
function globebeatInnerHtml()
{
this.attachToId="";
this.mode="";
this.innerHtml="";
this.execute= function()
	{
	var finalhtml=decodeURIComponent(this.innerHtml);
	if (this.mode=='N')
		{
		document.getElementById(this.attachToId).innerHTML=finalhtml;
		}
	else // append
		{
		document.getElementById(this.attachToId).innerHTML+=finalhtml;
		}
	};
}
function globebeatHolder()
{
this.Id="";
this.holderLeft=0;
this.holderTop=0;
this.holderWidth=0;
this.holderHeight=0;
this.border="";
this.position="static"; // make this "relative" to centre based on margin
this.attachToId="";
this.execute = function()
	{
	var newField=document.createElement("div");
	newField.setAttribute("id",this.Id);
	newField.style.position=this.position;
	if(this.position=="relative")
		{
		newField.style.margin="auto";
		}
	newField.style.top=this.holderTop+"px";
	newField.style.left=this.holderLeft+"px";
	newField.style.width=this.holderWidth+"px";
	newField.style.border=this.border;	
	if(this.holderHeight==0)
		{
		newField.style.height="auto";
		}
	else
		{
		newField.style.height=this.holderHeight+"px";
		}
	document.getElementById(this.attachToId).appendChild(newField);
	};
}

function globebeatPulldown()
{
this.Id="globebeatpulldown";
this.Width=0;
this.Height=0;
this.endocedhtml="";
this.create=function()
{
// create pulldown
var framewidth=20;
var Top=-this.Height;
var Left=parseInt((MyWindow.w()-this.Width)/2);
var newFrame = document.createElement("div");
newFrame.setAttribute("id",this.Id);
newFrame.style.position="absolute";
newFrame.style.top=Top+"px";
newFrame.style.left=Left+"px";
newFrame.style.width=this.Width+"px";
newFrame.style.height=this.Height+"px";
newFrame.style.zIndex='37000';
document.getElementsByTagName('body')[0].appendChild(newFrame);
et=0;
el=0;
ew=framewidth;
eh=this.Height-framewidth;
newFrame = document.createElement("div");
newFrame.style.position="absolute";
newFrame.style.top=et+"px";
newFrame.style.left=el+"px";
newFrame.style.width=ew+"px";
newFrame.style.height=eh+"px";
newFrame.className='pulldown_w';
document.getElementById(this.Id).appendChild(newFrame);

et=0;
el=this.Width-20;
ew=20;
eh=this.Height-20;
newFrame = document.createElement("div");
newFrame.style.position="absolute";
newFrame.style.top=et+"px";
newFrame.style.left=el+"px";
newFrame.style.width=ew+"px";
newFrame.style.height=eh+"px";
newFrame.className='pulldown_e';
document.getElementById(this.Id).appendChild(newFrame);

et=this.Height-framewidth;
el=framewidth;
ew=this.Width-(framewidth*2);
eh=framewidth;
newFrame = document.createElement("div");
newFrame.style.position="absolute";
newFrame.style.top=et+"px";
newFrame.style.left=el+"px";
newFrame.style.width=ew+"px";
newFrame.style.height=eh+"px";
newFrame.className='pulldown_s';
document.getElementById(this.Id).appendChild(newFrame);

et=this.Height-framewidth;
el=0;
ew=framewidth;
eh=framewidth;
newFrame = document.createElement("div");
newFrame.style.position="absolute";
newFrame.style.top=et+"px";
newFrame.style.left=el+"px";
newFrame.style.width=ew+"px";
newFrame.style.height=eh+"px";
newFrame.className='pulldown_sw';
document.getElementById(this.Id).appendChild(newFrame);

et=this.Height-framewidth;
el=this.Width-framewidth;
ew=framewidth;
eh=framewidth;
newFrame = document.createElement("div");
newFrame.style.position="absolute";
newFrame.style.top=et+"px";
newFrame.style.left=el+"px";
newFrame.style.width=ew+"px";
newFrame.style.height=eh+"px";
newFrame.className='pulldown_se';
document.getElementById(this.Id).appendChild(newFrame);

et=0;
el=framewidth;
ew=this.Width-(framewidth*2);
eh=this.Height-framewidth;
newFrame = document.createElement("div");
newFrame.style.position="absolute";
newFrame.style.top=et+"px";
newFrame.style.left=el+"px";
newFrame.style.width=ew+"px";
newFrame.style.height=eh+"px";
newFrame.className='pulldown_container';
newFrame.innerHTML=decodeURIComponent(this.encodedhtml);
document.getElementById(this.Id).appendChild(newFrame);
};
this.show=function()
{
// slide down
var frames=10;
var Top=parseInt(document.getElementById(this.Id).style.top);
var incr=(Top)/frames;
var ms=-30;
var nexttop=Top;
for(var i = 1;i<=10;i++)
	{
	ms=ms+30;
	nexttop=nexttop-incr;
	cmd='document.getElementById("'+this.Id+'").style.top="'+nexttop+'px"';
	setTimeout(cmd,ms);
	}
};
this.hide=function()
{
if(!document.getElementById(this.Id))
	{
	return;
	}
// slide up
var frames=10;
var incr=(parseInt(document.getElementById(this.Id).style.height))/frames;
var ms=-30;
var nexttop=0;
for(var i = 1;i<=10;i++)
	{
	ms=ms+30;
	nexttop=nexttop-incr;
	cmd='document.getElementById("'+this.Id+'").style.top="'+nexttop+'px"';
	setTimeout(cmd,ms);
	}
ms=ms+1;
cmd='var child=document.getElementById("'+this.Id+'");child.parentNode.removeChild(child)';
setTimeout(cmd,ms);
};
}
function globebeatRoundFrame()
{
this.Id="";
this.fieldLeft=0;
this.fieldTop=0;
this.fieldWidth=0;
this.finalWidth=0;
this.finalHeight=0;
this.fieldHeight=0;
this.Position="";
this.FrameColor="";
this.attachToId="";
this.matchWidthId="";
this.encodedhtml="";
this.animateBorder=false;
this.create = function()
	{
	if(document.getElementById(this.Id)) // remove it , if it exists
		{
		var child = document.getElementById(this.Id);
		child.parentNode.removeChild(child);
		}
	var framewidth=11;
	//var Id=this.Id;
	this.finalWidth=this.fieldWidth;
	this.finalHeight=this.fieldHeight;
	// add temp frame 
	if(this.finalWidth==0&&this.finalHeight==0)
		{
		// add temp container to determine required width & height
		if (this.matchWidthId!="")
			{
			var tempwidth=document.getElementById(this.matchWidthId).offsetWidth-(framewidth*2);
			}
		else
			{
			var tempwidth=document.getElementById(this.attachToId).offsetWidth-(framewidth*2)-20; // subtract 20px for scroll bar
			}
		if(tempwidth<100)
			{
			tempwidth="auto";
			}
		else
			{
			tempwidth=tempwidth+"px";
			}
		var newTemp = document.createElement("div");
		newTemp.setAttribute("id",this.Id);
		newTemp.style.position="absolute";
		newTemp.style.top="-1500px";
		newTemp.style.left="0px";
		newTemp.style.width=tempwidth;
		newTemp.style.height="auto";
		//newTemp.style.border="1px solid blue";
		newTemp.innerHTML=decodeURIComponent(this.encodedhtml);
		document.getElementById(this.attachToId).appendChild(newTemp);
		}
	}
this.resize=function()
	{
	var framewidth=11;
	var currenthtml=false;
	// var Id=this.Id;
	if(this.finalWidth==0&&this.finalHeight==0)
		{
		var wh=MyElement.getElementSize(document.getElementById(this.Id));
		this.finalWidth=wh[0]+(framewidth*2);
		this.finalHeight=wh[1]+(framewidth*2);
		var currenthtml=encodeURIComponent(document.getElementById(this.Id).innerHTML);
		// remove temp container
		var child = document.getElementById(this.Id);
		child.parentNode.removeChild(child);
		}
	var el=this.fieldLeft;
	if(this.fieldTop==0)
		{
		et=0; 
		}
	else
		{
		var et=this.fieldTop;
		}
	var eh=this.finalHeight;
	var ew=this.finalWidth;
	//alert(Id+' '+ew+' '+eh);
	var newFrame = document.createElement("div");
	newFrame.setAttribute("id",this.Id);
	newFrame.style.position="relative";
	newFrame.style.top=et+"px";
	newFrame.style.left=el+"px";
	newFrame.style.width=ew+"px";
	newFrame.style.height=eh+"px";
	newFrame.style.marginBottom='3px';
	if(this.Position!="")
		{
		document.getElementById(this.attachToId).insertBefore(newFrame,document.getElementById(this.attachToId).childNodes[this.Position]);
		}
	else
		{
		document.getElementById(this.attachToId).appendChild(newFrame);
		}
	et=0;
	el=0;
	eh=framewidth;
	ew=framewidth;
	newFrame = document.createElement("div");
	newFrame.setAttribute("id",this.Id+"northwest");
	newFrame.style.position="absolute";
	newFrame.style.top=et+"px";
	newFrame.style.left=el+"px";
	newFrame.style.width=ew+"px";
	newFrame.style.height=eh+"px";
	newFrame.className='round'+this.FrameColor+'_nw';
	document.getElementById(this.Id).appendChild(newFrame);
	et=0;
	el=framewidth;
	eh=framewidth;
	ew=this.finalWidth-(framewidth*2);
	newFrame = document.createElement("div");
	newFrame.setAttribute("id",this.Id+"north");
	newFrame.style.position="absolute";
	newFrame.style.top=et+"px";
	newFrame.style.left=el+"px";
	newFrame.style.width=ew+"px";
	newFrame.style.height=eh+"px";
	newFrame.className='round'+this.FrameColor+'_n';
	document.getElementById(this.Id).appendChild(newFrame);
	et=0;
	el=this.finalWidth-framewidth;
	eh=framewidth;
	ew=framewidth;
	newFrame = document.createElement("div");
	newFrame.setAttribute("id",this.Id+"northeast");
	newFrame.style.position="absolute";
	newFrame.style.top=et+"px";
	newFrame.style.left=el+"px";
	newFrame.style.width=ew+"px";
	newFrame.style.height=eh+"px";
	newFrame.className='round'+this.FrameColor+'_ne';
	document.getElementById(this.Id).appendChild(newFrame);
	et=framewidth;
	el=this.finalWidth-framewidth;
	eh=this.finalHeight-(framewidth*2);
	ew=framewidth;
	newFrame = document.createElement("div");
	newFrame.setAttribute("id",this.Id+"east");
	newFrame.style.position="absolute";
	newFrame.style.top=et+"px";
	newFrame.style.left=el+"px";
	newFrame.style.width=ew+"px";
	newFrame.style.height=eh+"px";
	newFrame.className='round'+this.FrameColor+'_e';
	document.getElementById(this.Id).appendChild(newFrame);
	et=this.finalHeight-framewidth;
	el=this.finalWidth-framewidth;
	eh=framewidth;
	ew=framewidth;
	newFrame = document.createElement("div");
	newFrame.setAttribute("id",this.Id+"southeast");
	newFrame.style.position="absolute";
	newFrame.style.top=et+"px";
	newFrame.style.left=el+"px";
	newFrame.style.width=ew+"px";
	newFrame.style.height=eh+"px";
	newFrame.className='round'+this.FrameColor+'_se';
	document.getElementById(this.Id).appendChild(newFrame);
	et=this.finalHeight-framewidth;
	el=framewidth;
	eh=framewidth;
	ew=this.finalWidth-(framewidth*2);
	newFrame = document.createElement("div");
	newFrame.setAttribute("id",this.Id+"south");
	newFrame.style.position="absolute";
	newFrame.style.top=et+"px";
	newFrame.style.left=el+"px";
	newFrame.style.width=ew+"px";
	newFrame.style.height=eh+"px";
	newFrame.className='round'+this.FrameColor+'_s';
	document.getElementById(this.Id).appendChild(newFrame);
	et=this.finalHeight-framewidth;
	el=0;
	eh=framewidth;
	ew=framewidth;
	newFrame = document.createElement("div");
	newFrame.setAttribute("id",this.Id+"southwest");
	newFrame.style.position="absolute";
	newFrame.style.top=et+"px";
	newFrame.style.left=el+"px";
	newFrame.style.width=ew+"px";
	newFrame.style.height=eh+"px";
	newFrame.className='round'+this.FrameColor+'_sw';
	document.getElementById(this.Id).appendChild(newFrame);
	et=framewidth;
	el=0;
	eh=this.finalHeight-(framewidth*2);
	ew=framewidth;
	newFrame = document.createElement("div");
	newFrame.setAttribute("id",this.Id+"west");
	newFrame.style.position="absolute";
	newFrame.style.top=et+"px";
	newFrame.style.left=el+"px";
	newFrame.style.width=ew+"px";
	newFrame.style.height=eh+"px";
	newFrame.className='round'+this.FrameColor+'_w';
	document.getElementById(this.Id).appendChild(newFrame);
	et=framewidth;
	el=framewidth;
	eh=this.finalHeight-(framewidth*2);
	ew=this.finalWidth-(framewidth*2);
	newFrame = document.createElement("div");
	newFrame.setAttribute("id",this.Id+"container");
	newFrame.style.position="absolute";
	newFrame.style.top=et+"px";
	newFrame.style.left=el+"px";
	newFrame.style.width=ew+"px";
	newFrame.style.height=eh+"px";
	newFrame.style.overflow="hidden";
	newFrame.className='round'+this.FrameColor+'_container';
	if(currenthtml)
		{
		newFrame.innerHTML=decodeURIComponent(currenthtml);
		}
	else
		{
		newFrame.innerHTML=decodeURIComponent(this.encodedhtml);
		}	
	if(this.animateBorder)
		{
		newFrame.style.cursor="pointer";
		var Over='roundmouseover("'+this.Id+'");';
		newFrame.onmouseover=new Function("event",Over);
		var Out='roundmouseout("'+this.Id+'","'+this.FrameColor+'");';
		newFrame.onmouseout=new Function("event",Out);
		}
	document.getElementById(this.Id).appendChild(newFrame);
	};
}

function roundmouseover(Id)
{
document.getElementById(Id+"north").className="roundred_n";
document.getElementById(Id+"northeast").className="roundred_ne";
document.getElementById(Id+"east").className="roundred_e";
document.getElementById(Id+"southeast").className="roundred_se";
document.getElementById(Id+"south").className="roundred_s";
document.getElementById(Id+"southwest").className="roundred_sw";
document.getElementById(Id+"west").className="roundred_w";
document.getElementById(Id+"northwest").className="roundred_nw";
document.getElementById(Id+"container").className="roundred_container";
}
function roundmouseout(Id,framecolor)
{
document.getElementById(Id+"north").className='round'+framecolor+'_n';
document.getElementById(Id+"northeast").className='round'+framecolor+'_ne';
document.getElementById(Id+"east").className='round'+framecolor+'_e';
document.getElementById(Id+"southeast").className='round'+framecolor+'_se';
document.getElementById(Id+"south").className='round'+framecolor+'_s';
document.getElementById(Id+"southwest").className='round'+framecolor+'_sw';
document.getElementById(Id+"west").className='round'+framecolor+'_w';
document.getElementById(Id+"northwest").className='round'+framecolor+'_nw';
document.getElementById(Id+"container").className='round'+framecolor+'_container';
}


function globebeatButton()
{
this.Id="";
this.label="";
this.buttonLeft=0;
this.buttonTop=0;
this.type="button";
this.cssClass="";
this.attributes="";
this.attachToId="";
this.execute= function()
	{
	var newField=document.createElement("div");
	newField.setAttribute("id",this.Id);
	newField.style.position="absolute";
	newField.style.left=this.buttonLeft+"px";
	newField.style.top=this.buttonTop+"px";
	newField.innerHTML='<input type="'+this.type+'" class="'+this.cssClass+'" '+this.attributes+' value="'+this.label+'"/>';
	document.getElementById(this.attachToId).appendChild(newField);
	};
}
function globebeatLoad()
{
this.start=function()
	{
	p=document.getElementsByTagName('body')[0];
	var waitholder = document.createElement("img");
	waitholder.src="images/newimage/globebeatloading.gif";
	waitholder.setAttribute("id","loader");
	waitholder.style.position="absolute";
	waitholder.style.bottom="10px";
	waitholder.style.left="10px";
	waitholder.style.zIndex=50002;
	p.appendChild(waitholder);
	}
this.stop=function()
	{
	try{var child = document.getElementById("loader");child.parentNode.removeChild(child);}catch(e){};
	}
}	
function globebeatWait()
{
this.Id="waitholder";
this.waitLeft=0;
this.waitTop=0;
this.waitAction="wait";
this.attachToId="";
this.execute=function()
	{
	if(this.attachToId=="") //  attach to body
		{
		var p=document.getElementsByTagName('body')[0];
		var waitWidth=24;
		var waitHeight=24;
		}
	else // place rotating image somwhere
		{
		var p=document.getElementById(this.attachToId);
		var waitWidth=24;
		var waitHeight=24;
		}
	if(this.waitLeft==0&&this.waitTop==0) // centre in attachToId
		{
		if(this.attachToId=="")
			{
			this.waitLeft=parseInt((MyWindow.w()-waitWidth)/2);
			this.waitTop=parseInt((MyWindow.h()-waitHeight)/2);
			}
		else
			{
			var wh=MyElement.getElementSize(p);
			this.waitLeft=parseInt((wh[0]-waitWidth)/2);
			this.waitTop=parseInt((wh[1]-waitHeight)/2);
			//alert(wh[0]+' '+wh[1]);
			}
		}
	switch (this.waitAction)
		{
		case "wait":
		if(document.getElementById(this.Id)) // already set
				{
				var child = document.getElementById(this.Id);
				child.parentNode.removeChild(child);
				}
				// create holder
				var waitholder = document.createElement("div");
				waitholder.setAttribute("id",this.Id);
				waitholder.style.position="absolute";
				waitholder.style.left=this.waitLeft+"px";
				waitholder.style.top=this.waitTop+"px";
				waitholder.style.width=waitWidth+"px";
				waitholder.style.height=waitHeight+"px";
				waitholder.className="fade0";
				waitholder.style.zIndex=50002;
				p.appendChild(waitholder);
				// attach centre image
				var imageLeft=parseInt((MyElement.getElementSize(waitholder)[0]-24)/2);
				var imageTop=parseInt((MyElement.getElementSize(waitholder)[1]-24)/2);
				var waitimage = document.createElement("img");
				waitimage.setAttribute("id",this.Id+"img");
				waitimage.style.position="absolute";
				waitimage.style.left=imageLeft+"px";
				waitimage.style.top=imageTop+"px";
				waitimage.style.width="24px";
				waitimage.style.height="24px";
				waitimage.src="images/newimage/globebeatwait.gif";
				waitholder.appendChild(waitimage);
			break;
		case "done":
			if(document.getElementById(this.Id))
				{
				//remove rotating wait image
				if(document.getElementById(this.Id+"img"))
					{
					try{var child = document.getElementById(this.Id+"img");child.parentNode.removeChild(child);}catch(e){};
					}
				// remove wait layer
				try{var child = document.getElementById(this.Id);child.parentNode.removeChild(child)}catch(e){};
				}
			break;
		default:
			break;
		}
	}
}
function globebeatFader()
{
this.Id="faderid";
this.attachToId="";
this.cmd="";
this.wilt = function()
	{
	if(this.attachToId.innerHTML!="") // fadeout only if there is something
		{
		// overlay selected area with transparent div
		var wh= MyElement.getElementSize(document.getElementById(this.attachToId));
		var lt= MyElement.getElementPos(document.getElementById(this.attachToId));
		var fader = document.createElement("div");
		fader.setAttribute("id",this.Id);
		fader.style.position="absolute";
		fader.style.left=lt[0]+"px";
		fader.style.top=lt[1]+"px";
		fader.style.width=wh[0]+"px";
		fader.style.height=wh[1]+"px";
		fader.className="fade0";
		if(document.getElementById(this.attachToId).style.zIndex)
			{
			fader.style.zIndex=parseInt(document.getElementById(this.attachToId).style.zIndex)+1;
			}
		else
			{
			fader.style.zIndex=38001;
			}
		fader.style.zIndex=38001;
		document.getElementsByTagName("body")[0].appendChild(fader);
		// fade from transparent to white
		var ms=-25;
		for (var i = 0; i<=100;i=i+10)
			{
			ms=ms+25;
			var cmd2='document.getElementById("'+this.Id+'").className="fade'+i+'";';
			setTimeout(cmd2,ms);
			}
		ms=ms+1;
		this.cmd='try{'+this.cmd+'}catch(e){}';
		setTimeout(this.cmd,ms);
		}
	else
		{
		this.cmd;
		}
	};
this.flourish = function()
	{
	if (!document.getElementById(this.Id))
		{
		// overlay selected area with white div
		var wh= MyElement.getElementSize(document.getElementById(this.attachToId));
		var lt= MyElement.getElementPos(document.getElementById(this.attachToId));
		var fader = document.createElement("div");
		fader.setAttribute("id",this.Id);
		fader.style.position="absolute";
		fader.style.left=lt[0]+"px";
		fader.style.top=lt[1]+"px";
		fader.style.width=wh[0]+"px";
		fader.style.height=wh[1]+"px";
		fader.className="fade100";
		if(document.getElementById(this.attachToId).style.zIndex)
			{
			fader.style.zIndex=parseInt(document.getElementById(this.attachToId).style.zIndex)+1;
			}
		else
			{
			fader.style.zIndex=38001;
			}
		fader.style.zIndex=38001;
		document.getElementsByTagName("body")[0].appendChild(fader);
		}
	// fade in from white to transparent and remove
	var	ms=-25;
	for (var i = 100; i>=0;i=i-10)
		{
		ms=ms+25;
		var cmd2='try{document.getElementById("'+this.Id+'").className="fade'+i+'";}catch(e){}';
		setTimeout(cmd2,ms);
		}
	// remove overlay
	ms=ms+25;
	cmd2='try{var child = document.getElementById("'+this.Id+'");child.parentNode.removeChild(child);}catch(e){}';
	setTimeout(cmd2,ms);
	};
}
//*********************************************
function globebeatChat(obj,msg,leftright,colour)
//*********************************************
{
msg=decodeURIComponent(msg);
var id=obj.id+'chat';
var framewidth=14;
// add temp container to determine required width & height
var
newFrame = document.createElement("div");
newFrame.setAttribute("id","tempcontainer");
newFrame.style.position='relative';
newFrame.style.top='-1000px';
newFrame.style.width='200px';
newFrame.style.height='auto';
newFrame.style.border='1px solid red';
newFrame.style.zIndex=1;
newFrame.className='callout_container';
newFrame.innerHTML=msg;
document.getElementsByTagName("body")[0].appendChild(newFrame);
var wh=MyElement.getElementSize(document.getElementById('tempcontainer'));
if(wh[0]>300)
  {
  document.getElementById("tempcontainer").style.width='300px';
  }
 wh=MyElement.getElementSize(document.getElementById('tempcontainer'));
 var w=wh[0]+(framewidth*2);
 var h=wh[1]+(framewidth*2);
 w= w<70 ? 70 : w; // minumum width of 70px
 h= h<60  ? 60 : h; // minimum height of 47px
// remove temp container
var p2 = document.getElementById('tempcontainer');
p2.parentNode.removeChild(p2);

if(leftright=='left')
	{
	if(colour=='grey')
		{
		// grey left
		var el=20;
		var et=0;
		var ew=w;
		var eh=h;
		// holder
		newFrame = document.createElement("div");
		newFrame.setAttribute("id",id);
		newFrame.style.position="relative";
		newFrame.style.top=et+"px";
		newFrame.style.left=el+"px";
		newFrame.style.width=ew+"px";
		newFrame.style.height=eh+"px";
		obj.appendChild(newFrame);
		el=0;
		et=0;
		ew=framewidth;
		eh=framewidth;
		newFrame = document.createElement("div");
		newFrame.style.position="absolute";
		newFrame.style.top=et+"px";
		newFrame.style.left=el+"px";
		newFrame.style.width=ew+"px";
		newFrame.style.height=eh+"px";
		newFrame.className='chat_left_grey_nw';
		document.getElementById(id).appendChild(newFrame);
		el=framewidth;
		et=0;
		ew=w-(framewidth*2);
		eh=framewidth;
		newFrame = document.createElement("div");
		newFrame.style.position="absolute";
		newFrame.style.top=et+"px";
		newFrame.style.left=el+"px";
		newFrame.style.width=ew+"px";
		newFrame.style.height=eh+"px";
		newFrame.className='chat_left_grey_n';
		document.getElementById(id).appendChild(newFrame);
		el=w-framewidth;
		et=0;
		ew=framewidth;
		eh=framewidth;
		newFrame = document.createElement("div");
		newFrame.style.position="absolute";
		newFrame.style.top=et+"px";
		newFrame.style.left=el+"px";
		newFrame.style.width=ew+"px";
		newFrame.style.height=eh+"px";
		newFrame.className='chat_left_grey_ne';
		document.getElementById(id).appendChild(newFrame);
		el=w-framewidth;
		et=framewidth;
		ew=framewidth;
		eh=h-(framewidth*2);
		newFrame = document.createElement("div");
		newFrame.style.position="absolute";
		newFrame.style.top=et+"px";
		newFrame.style.left=el+"px";
		newFrame.style.width=ew+"px";
		newFrame.style.height=eh+"px";
		newFrame.className='chat_left_grey_e';
		document.getElementById(id).appendChild(newFrame);
		el=w-framewidth;
		et=h-framewidth;
		ew=framewidth;
		eh=framewidth;
		newFrame = document.createElement("div");
		newFrame.style.position="absolute";
		newFrame.style.top=et+"px";
		newFrame.style.left=el+"px";
		newFrame.style.width=ew+"px";
		newFrame.style.height=eh+"px";
		newFrame.className='chat_left_grey_se';
		document.getElementById(id).appendChild(newFrame);
		el=framewidth;
		et=h-framewidth;
		ew=w-(framewidth*2);
		eh=framewidth;
		newFrame = document.createElement("div");
		newFrame.style.position="absolute";
		newFrame.style.top=et+"px";
		newFrame.style.left=el+"px";
		newFrame.style.width=ew+"px";
		newFrame.style.height=eh+"px";
		newFrame.className='chat_left_grey_s';
		document.getElementById(id).appendChild(newFrame);
		el=0;
		et=h-framewidth;
		ew=framewidth;
		eh=framewidth;
		newFrame = document.createElement("div");
		newFrame.style.position="absolute";
		newFrame.style.top=et+"px";
		newFrame.style.left=el+"px";
		newFrame.style.width=ew+"px";
		newFrame.style.height=eh+"px";
		newFrame.className='chat_left_grey_sw';
		document.getElementById(id).appendChild(newFrame);
		
		el=0;
		et=framewidth;
		ew=framewidth;
		eh=parseInt((h-(framewidth*2)-28)/2);
		var resth=(h-(framewidth*2)-28)-eh;
		var restt=framewidth+eh+28;
		
		newFrame = document.createElement("div");
		newFrame.style.position="absolute";
		newFrame.style.top=et+"px";
		newFrame.style.left=el+"px";
		newFrame.style.width=ew+"px";
		newFrame.style.height=eh+"px";
		newFrame.className='chat_left_grey_w';
		document.getElementById(id).appendChild(newFrame);
		
		et=eh+framewidth;
		el=-framewidth;
		eh=framewidth*2;
		ew=framewidth*2;
		newFrame = document.createElement("div");
		newFrame.style.position="absolute";
		newFrame.style.top=et+"px";
		newFrame.style.left=el+"px";
		newFrame.style.width=ew+"px";
		newFrame.style.height=eh+"px";
		newFrame.className='chat_left_grey_pointer';
		document.getElementById(id).appendChild(newFrame);
		
		el=0;
		et=restt;
		ew=framewidth;
		eh=resth;
		newFrame = document.createElement("div");
		newFrame.style.position="absolute";
		newFrame.style.top=et+"px";
		newFrame.style.left=el+"px";
		newFrame.style.width=ew+"px";
		newFrame.style.height=eh+"px";
		newFrame.className='chat_left_grey_w';
		document.getElementById(id).appendChild(newFrame);
		
		et=framewidth;
		el=framewidth;
		eh=h-(framewidth*2);
		ew=w-(framewidth*2);
		newFrame = document.createElement("div");
		newFrame.style.position="absolute";
		newFrame.style.top=et+"px";
		newFrame.style.left=el+"px";
		newFrame.style.width=ew+"px";
		newFrame.style.height=eh+"px";
		newFrame.style.color="#777777";
		newFrame.className='chat_container';
		newFrame.innerHTML=msg;
		document.getElementById(id).appendChild(newFrame);
		
		}
	else
		{
		// green left
		var el=20;
		var et=0;
		var ew=w;
		var eh=h;
		// holder
		newFrame = document.createElement("div");
		newFrame.setAttribute("id",id);
		newFrame.style.position="relative";
		newFrame.style.top=et+"px";
		newFrame.style.left=el+"px";
		newFrame.style.width=ew+"px";
		newFrame.style.height=eh+"px";
		obj.appendChild(newFrame);
		el=0;
		et=0;
		ew=framewidth;
		eh=framewidth;
		newFrame = document.createElement("div");
		newFrame.style.position="absolute";
		newFrame.style.top=et+"px";
		newFrame.style.left=el+"px";
		newFrame.style.width=ew+"px";
		newFrame.style.height=eh+"px";
		newFrame.className='chat_left_green_nw';
		document.getElementById(id).appendChild(newFrame);
		el=framewidth;
		et=0;
		ew=w-(framewidth*2);
		eh=framewidth;
		newFrame = document.createElement("div");
		newFrame.style.position="absolute";
		newFrame.style.top=et+"px";
		newFrame.style.left=el+"px";
		newFrame.style.width=ew+"px";
		newFrame.style.height=eh+"px";
		newFrame.className='chat_left_green_n';
		document.getElementById(id).appendChild(newFrame);
		el=w-framewidth;
		et=0;
		ew=framewidth;
		eh=framewidth;
		newFrame = document.createElement("div");
		newFrame.style.position="absolute";
		newFrame.style.top=et+"px";
		newFrame.style.left=el+"px";
		newFrame.style.width=ew+"px";
		newFrame.style.height=eh+"px";
		newFrame.className='chat_left_green_ne';
		document.getElementById(id).appendChild(newFrame);
		el=w-framewidth;
		et=framewidth;
		ew=framewidth;
		eh=h-(framewidth*2);
		newFrame = document.createElement("div");
		newFrame.style.position="absolute";
		newFrame.style.top=et+"px";
		newFrame.style.left=el+"px";
		newFrame.style.width=ew+"px";
		newFrame.style.height=eh+"px";
		newFrame.className='chat_left_green_e';
		document.getElementById(id).appendChild(newFrame);
		el=w-framewidth;
		et=h-framewidth;
		ew=framewidth;
		eh=framewidth;
		newFrame = document.createElement("div");
		newFrame.style.position="absolute";
		newFrame.style.top=et+"px";
		newFrame.style.left=el+"px";
		newFrame.style.width=ew+"px";
		newFrame.style.height=eh+"px";
		newFrame.className='chat_left_green_se';
		document.getElementById(id).appendChild(newFrame);
		el=framewidth;
		et=h-framewidth;
		ew=w-(framewidth*2);
		eh=framewidth;
		newFrame = document.createElement("div");
		newFrame.style.position="absolute";
		newFrame.style.top=et+"px";
		newFrame.style.left=el+"px";
		newFrame.style.width=ew+"px";
		newFrame.style.height=eh+"px";
		newFrame.className='chat_left_green_s';
		document.getElementById(id).appendChild(newFrame);
		el=0;
		et=h-framewidth;
		ew=framewidth;
		eh=framewidth;
		newFrame = document.createElement("div");
		newFrame.style.position="absolute";
		newFrame.style.top=et+"px";
		newFrame.style.left=el+"px";
		newFrame.style.width=ew+"px";
		newFrame.style.height=eh+"px";
		newFrame.className='chat_left_green_sw';
		document.getElementById(id).appendChild(newFrame);
		
		el=-1;
		et=framewidth;
		ew=framewidth;
		eh=parseInt((h-(framewidth*2)-28)/2);
		var resth=(h-(framewidth*2)-28)-eh;
		var restt=framewidth+eh+28;
		
		newFrame = document.createElement("div");
		newFrame.style.position="absolute";
		newFrame.style.top=et+"px";
		newFrame.style.left=el+"px";
		newFrame.style.width=ew+"px";
		newFrame.style.height=eh+"px";
		newFrame.className='chat_left_green_w';
		document.getElementById(id).appendChild(newFrame);
		
		et=eh+framewidth;
		el=-framewidth;
		eh=framewidth*2;
		ew=framewidth*2;
		newFrame = document.createElement("div");
		newFrame.style.position="absolute";
		newFrame.style.top=et+"px";
		newFrame.style.left=el+"px";
		newFrame.style.width=ew+"px";
		newFrame.style.height=eh+"px";
		newFrame.className='chat_left_green_pointer';
		document.getElementById(id).appendChild(newFrame);
		
		el=-1;
		et=restt;
		ew=framewidth;
		eh=resth;
		newFrame = document.createElement("div");
		newFrame.style.position="absolute";
		newFrame.style.top=et+"px";
		newFrame.style.left=el+"px";
		newFrame.style.width=ew+"px";
		newFrame.style.height=eh+"px";
		newFrame.className='chat_left_green_w';
		document.getElementById(id).appendChild(newFrame);
		
		et=framewidth;
		el=framewidth;
		eh=h-(framewidth*2);
		ew=w-(framewidth*2);
		newFrame = document.createElement("div");
		newFrame.style.position="absolute";
		newFrame.style.top=et+"px";
		newFrame.style.left=el+"px";
		newFrame.style.width=ew+"px";
		newFrame.style.height=eh+"px";
		newFrame.style.color="green";
		newFrame.className='chat_container';
		newFrame.innerHTML=msg;
		document.getElementById(id).appendChild(newFrame);
		}
	}
else
	{
	if(colour=='grey')
		{
		// grey right
		var el=0;
		var et=0;
		var ew=w;
		var eh=h;
		// holder
		newFrame = document.createElement("div");
		newFrame.setAttribute("id",id);
		newFrame.style.position="relative";
		newFrame.style.top=et+"px";
		newFrame.style.left=el+"px";
		newFrame.style.width=ew+"px";
		newFrame.style.height=eh+"px";
		obj.appendChild(newFrame);
		el=0;
		et=0;
		ew=framewidth;
		eh=framewidth;
		newFrame = document.createElement("div");
		newFrame.style.position="absolute";
		newFrame.style.top=et+"px";
		newFrame.style.left=el+"px";
		newFrame.style.width=ew+"px";
		newFrame.style.height=eh+"px";
		newFrame.className='chat_right_grey_nw';
		document.getElementById(id).appendChild(newFrame);
		el=framewidth;
		et=0;
		ew=w-(framewidth*2);
		eh=framewidth;
		newFrame = document.createElement("div");
		newFrame.style.position="absolute";
		newFrame.style.top=et+"px";
		newFrame.style.left=el+"px";
		newFrame.style.width=ew+"px";
		newFrame.style.height=eh+"px";
		newFrame.className='chat_right_grey_n';
		document.getElementById(id).appendChild(newFrame);
		el=w-framewidth;
		et=0;
		ew=framewidth;
		eh=framewidth;
		newFrame = document.createElement("div");
		newFrame.style.position="absolute";
		newFrame.style.top=et+"px";
		newFrame.style.left=el+"px";
		newFrame.style.width=ew+"px";
		newFrame.style.height=eh+"px";
		newFrame.className='chat_right_grey_ne';
		document.getElementById(id).appendChild(newFrame);
				
		el=w-framewidth;
		et=framewidth;
		ew=framewidth;
		eh=parseInt((h-(framewidth*2)-28)/2);
		var resth=(h-(framewidth*2)-28)-eh;
		var restt=framewidth+eh+28;
		
		newFrame = document.createElement("div");
		newFrame.style.position="absolute";
		newFrame.style.top=et+"px";
		newFrame.style.left=el+"px";
		newFrame.style.width=ew+"px";
		newFrame.style.height=eh+"px";
		newFrame.className='chat_right_grey_e';
		document.getElementById(id).appendChild(newFrame);
		
		et=eh+framewidth;
		el=w-framewidth;
		eh=framewidth*2;
		ew=framewidth*2;
		newFrame = document.createElement("div");
		newFrame.style.position="absolute";
		newFrame.style.top=et+"px";
		newFrame.style.left=el+"px";
		newFrame.style.width=ew+"px";
		newFrame.style.height=eh+"px";
		newFrame.className='chat_right_grey_pointer';
		document.getElementById(id).appendChild(newFrame);

		el=w-framewidth;
		et=restt;
		ew=framewidth;
		eh=resth;
		newFrame = document.createElement("div");
		newFrame.style.position="absolute";
		newFrame.style.top=et+"px";
		newFrame.style.left=el+"px";
		newFrame.style.width=ew+"px";
		newFrame.style.height=eh+"px";
		newFrame.className='chat_right_grey_e';
		document.getElementById(id).appendChild(newFrame);

		el=w-framewidth;
		et=h-framewidth;
		ew=framewidth;
		eh=framewidth;
		newFrame = document.createElement("div");
		newFrame.style.position="absolute";
		newFrame.style.top=et+"px";
		newFrame.style.left=el+"px";
		newFrame.style.width=ew+"px";
		newFrame.style.height=eh+"px";
		newFrame.className='chat_right_grey_se';
		document.getElementById(id).appendChild(newFrame);
		
		el=framewidth;
		et=h-framewidth;
		ew=w-(framewidth*2);
		eh=framewidth;
		newFrame = document.createElement("div");
		newFrame.style.position="absolute";
		newFrame.style.top=et+"px";
		newFrame.style.left=el+"px";
		newFrame.style.width=ew+"px";
		newFrame.style.height=eh+"px";
		newFrame.className='chat_right_grey_s';
		document.getElementById(id).appendChild(newFrame);
				
		el=0;
		et=h-framewidth;
		ew=framewidth;
		eh=framewidth;
		newFrame = document.createElement("div");
		newFrame.style.position="absolute";
		newFrame.style.top=et+"px";
		newFrame.style.left=el+"px";
		newFrame.style.width=ew+"px";
		newFrame.style.height=eh+"px";
		newFrame.className='chat_right_grey_sw';
		document.getElementById(id).appendChild(newFrame);
				
		el=0;
		et=framewidth;
		ew=framewidth;
		eh=h-framewidth*2;
		newFrame = document.createElement("div");
		newFrame.style.position="absolute";
		newFrame.style.top=et+"px";
		newFrame.style.left=el+"px";
		newFrame.style.width=ew+"px";
		newFrame.style.height=eh+"px";
		newFrame.className='chat_right_grey_w';
		document.getElementById(id).appendChild(newFrame);
		
		et=framewidth;
		el=framewidth;
		eh=h-(framewidth*2);
		ew=w-(framewidth*2);
		newFrame = document.createElement("div");
		newFrame.style.position="absolute";
		newFrame.style.top=et+"px";
		newFrame.style.left=el+"px";
		newFrame.style.width=ew+"px";
		newFrame.style.height=eh+"px";
		newFrame.style.color="#777777";
		newFrame.className='chat_container';
		newFrame.innerHTML=msg;
		document.getElementById(id).appendChild(newFrame);

		}
	else
		{
		// green right
		var el=0;
		var et=0;
		var ew=w;
		var eh=h;
		// holder
		newFrame = document.createElement("div");
		newFrame.setAttribute("id",id);
		newFrame.style.position="relative";
		newFrame.style.top=et+"px";
		newFrame.style.left=el+"px";
		newFrame.style.width=ew+"px";
		newFrame.style.height=eh+"px";
		obj.appendChild(newFrame);
		el=0;
		et=0;
		ew=framewidth;
		eh=framewidth;
		newFrame = document.createElement("div");
		newFrame.style.position="absolute";
		newFrame.style.top=et+"px";
		newFrame.style.left=el+"px";
		newFrame.style.width=ew+"px";
		newFrame.style.height=eh+"px";
		newFrame.className='chat_right_green_nw';
		document.getElementById(id).appendChild(newFrame);
		el=framewidth;
		et=0;
		ew=w-(framewidth*2);
		eh=framewidth;
		newFrame = document.createElement("div");
		newFrame.style.position="absolute";
		newFrame.style.top=et+"px";
		newFrame.style.left=el+"px";
		newFrame.style.width=ew+"px";
		newFrame.style.height=eh+"px";
		newFrame.className='chat_right_green_n';
		document.getElementById(id).appendChild(newFrame);
		el=w-framewidth;
		et=0;
		ew=framewidth;
		eh=framewidth;
		newFrame = document.createElement("div");
		newFrame.style.position="absolute";
		newFrame.style.top=et+"px";
		newFrame.style.left=el+"px";
		newFrame.style.width=ew+"px";
		newFrame.style.height=eh+"px";
		newFrame.className='chat_right_green_ne';
		document.getElementById(id).appendChild(newFrame);
				
		el=w-framewidth;
		et=framewidth;
		ew=framewidth;
		eh=parseInt((h-(framewidth*2)-28)/2);
		var resth=(h-(framewidth*2)-28)-eh;
		var restt=framewidth+eh+28;
		
		newFrame = document.createElement("div");
		newFrame.style.position="absolute";
		newFrame.style.top=et+"px";
		newFrame.style.left=el+"px";
		newFrame.style.width=ew+"px";
		newFrame.style.height=eh+"px";
		newFrame.className='chat_right_green_e';
		document.getElementById(id).appendChild(newFrame);
		
		et=eh+framewidth;
		el=w-framewidth;
		eh=framewidth*2;
		ew=framewidth*2;
		newFrame = document.createElement("div");
		newFrame.style.position="absolute";
		newFrame.style.top=et+"px";
		newFrame.style.left=el+"px";
		newFrame.style.width=ew+"px";
		newFrame.style.height=eh+"px";
		newFrame.className='chat_right_green_pointer';
		document.getElementById(id).appendChild(newFrame);

		el=w-framewidth;
		et=restt;
		ew=framewidth;
		eh=resth;
		newFrame = document.createElement("div");
		newFrame.style.position="absolute";
		newFrame.style.top=et+"px";
		newFrame.style.left=el+"px";
		newFrame.style.width=ew+"px";
		newFrame.style.height=eh+"px";
		newFrame.className='chat_right_green_e';
		document.getElementById(id).appendChild(newFrame);

		el=w-framewidth;
		et=h-framewidth;
		ew=framewidth;
		eh=framewidth;
		newFrame = document.createElement("div");
		newFrame.style.position="absolute";
		newFrame.style.top=et+"px";
		newFrame.style.left=el+"px";
		newFrame.style.width=ew+"px";
		newFrame.style.height=eh+"px";
		newFrame.className='chat_right_green_se';
		document.getElementById(id).appendChild(newFrame);
		
		el=framewidth;
		et=h-framewidth;
		ew=w-(framewidth*2);
		eh=framewidth;
		newFrame = document.createElement("div");
		newFrame.style.position="absolute";
		newFrame.style.top=et+"px";
		newFrame.style.left=el+"px";
		newFrame.style.width=ew+"px";
		newFrame.style.height=eh+"px";
		newFrame.className='chat_right_green_s';
		document.getElementById(id).appendChild(newFrame);
				
		el=0;
		et=h-framewidth;
		ew=framewidth;
		eh=framewidth;
		newFrame = document.createElement("div");
		newFrame.style.position="absolute";
		newFrame.style.top=et+"px";
		newFrame.style.left=el+"px";
		newFrame.style.width=ew+"px";
		newFrame.style.height=eh+"px";
		newFrame.className='chat_right_green_sw';
		document.getElementById(id).appendChild(newFrame);
				
		el=0;
		et=framewidth;
		ew=framewidth;
		eh=h-framewidth*2;
		newFrame = document.createElement("div");
		newFrame.style.position="absolute";
		newFrame.style.top=et+"px";
		newFrame.style.left=el+"px";
		newFrame.style.width=ew+"px";
		newFrame.style.height=eh+"px";
		newFrame.className='chat_right_green_w';
		document.getElementById(id).appendChild(newFrame);
		
		et=framewidth;
		el=framewidth;
		eh=h-(framewidth*2);
		ew=w-(framewidth*2);
		newFrame = document.createElement("div");
		newFrame.style.position="absolute";
		newFrame.style.top=et+"px";
		newFrame.style.left=el+"px";
		newFrame.style.width=ew+"px";
		newFrame.style.height=eh+"px";
		newFrame.style.color="green";
		newFrame.className='chat_container';
		newFrame.innerHTML=msg;
		document.getElementById(id).appendChild(newFrame);
		}
	}
}

function globebeatShade(Id,attachToId)
{
var w=document.getElementById(attachToId).offsetWidth-17;
var h=document.getElementById(attachToId).offsetHeight;
var l=parseInt(document.getElementById(attachToId).style.left);
var t=parseInt(document.getElementById(attachToId).style.top);

if(document.getElementById(Id+"topshade"))
	{
	var child = document.getElementById(Id+"topshade");child.parentNode.removeChild(child);
	}
var newField=document.createElement("div");
newField.setAttribute("id",Id+"topshade");
newField.style.position="absolute";
newField.style.top=t+"px";
newField.style.left=l+"px";
newField.style.width=w+"px";
newField.style.height="50px";
newField.className="shadetop";
document.getElementById('pageholder').appendChild(newField);

if(document.getElementById(Id+"bottomshade"))
	{
	var child = document.getElementById(Id+"bottomshade");child.parentNode.removeChild(child);
	}
t=t+h-50;
newField=document.createElement("div");
newField.setAttribute("id",Id+"bottomshade");
newField.style.position="absolute";
newField.style.top=t+"px";
newField.style.left=l+"px";
newField.style.width=w+"px";
newField.style.height="50px";
newField.className="shadebottom";
document.getElementById('pageholder').appendChild(newField);
}
function externalLinks() 
{   
if (!document.getElementsByTagName) 
	{
	return;   
	}
var anchors = document.getElementsByTagName("a");   
for (var i=0; i<anchors.length; i++) 
	{   
	var anchor = anchors[i];   
	if (anchor.getAttribute("rel") == "external")
		{
		anchor.target = "_blank";
     	}
	}   
}