// detector de browser
function aparece(){

var dom = document.getElementById ? true:false;//nn6
var nn4 = document.layers ? true:false;
var ie4 = document.all ? true:false;
//var corrimiento1024 = 110; // Corrimiento de los layers para 1024x768

	if(ie4){
		// Muestro el contentClip
		document.all['contentClip'].style.visibility="visible";
		if (document.all['content'].clientHeight > 277){
			document.all['fondo'].style.visibility="visible";
			document.all['up'].style.visibility="visible";
			document.all['down'].style.visibility="visible";
			document.all['drag'].style.visibility="visible";
			document.all['ruler'].style.visibility="visible";
		}
		// Ubico los layers donde corresponde segun la resolucion
		/*if (window.screen.width==1024 && window.screen.height==768)
		{
			// 1024x768
			document.all['contentClip'].style.left += corrimiento1024;
			document.all['fondo'].style.left += corrimiento1024;
			document.all['up'].style.left += corrimiento1024;
			document.all['down'].style.left += corrimiento1024;
			document.all['drag'].style.left += corrimiento1024;
			document.all['ruler'].style.left += corrimiento1024;
		}*/
	}

	else if(nn4){
		// Muestro el contentClip
		document.layers['contentClip'].visibility="visible";
		if (document.contentClip.document.content.clip.height > 277){
			document.layers['fondo'].visibility="visible";
			document.layers['up'].visibility="visible";
			document.layers['down'].visibility="visible";
			document.layers['drag'].visibility="visible";
			document.layers['ruler'].visibility="visible";
		}
		// Ubico los layers donde corresponde segun la resolucion
		/*if (window.screen.width==1024 && window.screen.height==768)
		{
			// 1024x768
			document.layers['contentClip'].left += corrimiento1024;
			document.layers['fondo'].left += corrimiento1024;
			document.layers['up'].left += corrimiento1024;
			document.layers['down'].left += corrimiento1024;
			document.layers['drag'].left += corrimiento1024;
			document.all['ruler'].left += corrimiento1024;
		}*/
	}

	else if(dom){
		// Muestro el contentClip
		document.getElementById('contentClip').style.visibility="visible";
		if (document.getElementById('content').offsetHeight > 277){
			document.getElementById('fondo').style.visibility = "visible";
			document.getElementById('up').style.visibility = "visible";
			document.getElementById('down').style.visibility = "visible";
			document.getElementById('drag').style.visibility = "visible";
			document.getElementById('ruler').style.visibility = "visible";
		}
		// Ubico los layers donde corresponde segun la resolucion
		/*if (window.screen.width==1024 && window.screen.height==768)
		{
			// 1024x768
			document.getElementById['contentClip'].style.left += corrimiento1024;
			document.getElementById['fondo'].style.left += corrimiento1024;
			document.getElementById['up'].style.left += corrimiento1024;
			document.getElementById['down'].style.left += corrimiento1024;
			document.getElementById['drag'].style.left += corrimiento1024;
			document.getElementById['ruler'].style.left += corrimiento1024;
		}*/
	}
}

function ReposicionarLayers()
{
	var shiftXScroll = 546; // Corrimiento de la barra del scroll con respecto al contentClip
	var shiftYRuler = 16; // Corrimiento del ruler con respecto al contentClip
	var shiftYDown = 206; // Corrimiento del down con respecto al contentClip
	var shiftYFondo = 16; // Corrimiento del fondo con respecto al contentClip
	var shiftYScroll = 0; // Corrimiento de la barra del scroll con respecto a el eje y
	
	// Obtengo la imagen de referencia
	var imgRef = getObjectName('imgRef');
	
	// Obtengo la posicion absoluta de la imagen
	var intXImagen = getAbsX(imgRef);
	var intYImagen = getAbsY(imgRef);
	
	// Reposiciono todos los layers segun esta posicion
	// ContentClip
	var lyrContentClip = getObjectName('contentClip');
	lyrContentClip.style.top = intYImagen;
	lyrContentClip.style.left = intXImagen;
	// Fondo
	var lyrFondo = getObjectName('fondo');
	lyrFondo.style.left = intXImagen+shiftXScroll;
	lyrFondo.style.top = intYImagen+shiftYFondo-shiftYScroll;;
	// Up y Down
	var lyrUp = getObjectName('up');
	lyrUp.style.left = intXImagen+shiftXScroll;
	lyrUp.style.top = intYImagen-shiftYScroll;
	var lyrDown = getObjectName('down');
	lyrDown.style.left = intXImagen+shiftXScroll;
	lyrDown.style.top = intYImagen+shiftYDown-shiftYScroll;
	// Drag y Ruler
	var lyrDrag = getObjectName('drag');
	lyrDrag.style.left = intXImagen+shiftXScroll;
	lyrDrag.style.top = intYImagen+shiftYRuler-shiftYScroll;;
	var lyrRuler = getObjectName('ruler');
	lyrRuler.style.left = intXImagen+shiftXScroll+1;
	lyrRuler.style.top = intYImagen+shiftYRuler-shiftYScroll;;
}