var scIE=((navigator.appName == "Microsoft Internet Explorer") || ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion)==5)));
var scNN=((navigator.appName == "Netscape")&&(document.layers));

var visible = false;
btnName = "pp-start";
var scX = 10;
var scY = 10;

function hide() {
	visible = false;
	domlay('popup',0,scX ,scY);
}

function show() {
	if ( scIE ) {
		scX = getOffsetLeft(document.images[btnName])+140;
		scY = getOffsetTop(document.images[this.btnName])-245;
	}
	else if (scNN) {
		scX = document.images[btnName].x + 140;
		scY = document.images[btnName].y - 265;
	}
	if (visible) {
		hide();
	}
	else {
		visible=true;
		domlay('popup',1,scX ,scY);
	}	
}		

function hideLeft(name) {
	visible = false;
	domlay(name,0,scX ,scY);
}

function showLeft(name, x) {
	if (!x) x = 2;
	if ( scIE ) {
		scX = getOffsetLeft(document.images['btn_'+name])+x;
		scY = getOffsetTop(document.images['btn_'+name]) -10;
	} else if (scNN) {
		scX = document.images['btn_'+name].x +x;
		scY = document.images['btn_'+name].y - 30;
	}
	if (visible) {
		hideLeft(name);
	}
	else {
		visible=true;
		domlay(name,1,scX ,scY);
	}	
}		

function getOffsetLeft (el) {
	var ol = el.offsetLeft;
	while ((el = el.offsetParent) != null)
		ol += el.offsetLeft;
	return ol;
}

function getOffsetTop (el) {
	var ot = el.offsetTop;
	while((el = el.offsetParent) != null)
		ot += el.offsetTop;
	return ot;
}

function domlay(id,trigger,lax,lay,content) {
	// Layer visible
	if (trigger=="1"){
		if (document.layers) document.layers[''+id+''].visibility = "show"
		else if (document.all) document.all[''+id+''].style.visibility = "visible"
		else if (document.getElementById) document.getElementById(''+id+'').style.visibility = "visible"
		}
	// Layer hidden
	else if (trigger=="0"){
		if (document.layers) document.layers[''+id+''].visibility = "hide"
		else if (document.all) document.all[''+id+''].style.visibility = "hidden"
		else if (document.getElementById) document.getElementById(''+id+'').style.visibility = "hidden"
		}
	// Set horizontal position
	if (lax){
		if (document.layers){document.layers[''+id+''].left = lax}
		else if (document.all){document.all[''+id+''].style.left=lax}
		else if (document.getElementById){document.getElementById(''+id+'').style.left=lax+"px"}
		}
	// Set vertical position
	if (lay){
		if (document.layers){document.layers[''+id+''].top = lay}
		else if (document.all){document.all[''+id+''].style.top=lay}
		else if (document.getElementById){document.getElementById(''+id+'').style.top=lay+"px"}
		}
	// change content

	if (content){
	if (document.layers){
		sprite=document.layers[''+id+''].document;
		// add father layers if needed! document.layers[''+father+'']...
		sprite.open();
		sprite.write(content);
		sprite.close();
		}
	else if (document.all) document.all[''+id+''].innerHTML = content;
	else if (document.getElementById){
		//Thanx Reyn!
		rng = document.createRange();
		el = document.getElementById(''+id+'');
		rng.setStartBefore(el);
		htmlFrag = rng.createContextualFragment(content)
		while(el.hasChildNodes()) el.removeChild(el.lastChild);
		el.appendChild(htmlFrag);
		// end of Reyn ;)
		}
	}
}