var nav = (navigator.appName == "Microsoft Internet Explorer") ? "ie" : "ns";
if(document.layers){origWidth=innerWidth;origHeight=innerHeight;onresize=function(){if(innerWidth!=origWidth||innerHeight!=origHeight)location.reload();}}

var listo=false;
var temps;

var limitesupscroll;
var limiteinfscroll;
var longdelscroll;
var limitesuptexto;
var limiteinftexto;
var brusquedad;
var num;
var brusq_salto;
var lentitud;
Netscape = (navigator.appName == "Netscape") ? true:false
Macintosh = (navigator.appVersion.indexOf("Macintosh",1) != -1) ? true:false

document.onkeydown = pulsarTecla
if (Netscape) document.captureEvents(Event.KEYDOWN)

function pulsarTecla(e) {
	if (Netscape) TeclaIE=e.which;
	else teclaIE = event.keyCode;
	if (teclaIE==40) move(5);
	if (teclaIE==38) moveup(5);
	if (teclaIE==34) move(30);
	if (teclaIE==33) moveup(30);
}

function moveup(fin)
{
	
	for (i=0;i<fin;i++)
	{
		scrollup();clearTimeout(temps);
	}
	clearTimeout(temps);
}


function move(fin)
{
	
	for (i=0;i<fin;i++)
	{
		scrolldown();clearTimeout(temps);
	}
	clearTimeout(temps);
}

function scrollup(){
	if (listo) {
		var texto = document.getElementById("texto");
		if(!texto.style.top){ texto.style.top = "0px"; }
		var xNewTop = parseInt(texto.style.top) + brusquedad;
		if (parseInt(texto.style.top) < limitesuptexto){ texto.style.top = xNewTop+'px'; }
		num += brusquedad * longdelscroll / (texto.scrollHeight-205);
		if (num >= 1) {
			dragitem.ypos -= parseInt(num);
			num -= parseInt(num);
		}
		if (dragitem.ypos < limitesupscroll) dragitem.ypos = limitesupscroll; 
		else if (dragitem.ypos > limiteinfscroll) dragitem.ypos = limiteinfscroll;
		dragitem.top = dragitem.ypos;
		anty=dragitem.ypos;
		// cycle
		temps=setTimeout('scrollup()',lentitud);
	}
}

function scrolldown(){
	if (listo) {
		var texto = document.getElementById("texto");
		if(!texto.style.top){ texto.style.top = "0px"; }
		var xNewTop = parseInt(texto.style.top) - brusquedad;
		if (parseInt(texto.style.top) > limiteinftexto-texto.scrollHeight){ texto.style.top = xNewTop+'px'; }
		num += brusquedad * longdelscroll / (texto.scrollHeight-205);
		if (num >= 1) {
			dragitem.ypos += parseInt(num);
			num -= parseInt(num);
		}
		if (dragitem.ypos < limitesupscroll) dragitem.ypos = limitesupscroll; 
		else if (dragitem.ypos > limiteinfscroll) dragitem.ypos = limiteinfscroll;
		dragitem.top = dragitem.ypos;
		anty=dragitem.ypos;
		// cycle
		temps=setTimeout('scrolldown()',lentitud);
	}
}

function inidragndrop(limitInf,limitSup,velo) {
	limitesupscroll=limitSup;
	limiteinfscroll=limitInf;
	brusquedad=velo;
	longdelscroll = limiteinfscroll - limitesupscroll;
	limitesuptexto = 0;
	limiteinftexto = 200;
	num=0;
	brusq_salto = 20;
	lentitud = 10;
	
	if (nav=="ns") {
	
		dragitem = document.getElementById("dragcss");
		dragitem.xpos = dragitem.left;
		dragitem.ypos = dragitem.top;

	}
	else {
		dragitem = document.all.dragcss.style;
		dragitem.xpos = dragitem.pixelLeft;
		dragitem.ypos = dragitem.pixelTop;
	}
	dragndrop = false
	document.onmousedown = seleccion
	document.onmousemove = drag
	document.onmouseup = drop
	if (nav=="ns") document.captureEvents( Event.MOUSEMOVE| Event.MOUSEUP)// Event.MOUSEDOWN |
}





function moveDragcss()
{
	if (nav=="ns2") 
	{
		alert('a');
		dragitemy = 71-dragitem.ypos
		anty = dragitem.ypos
		dragndrop = true
		return false				
		if (x>=dragitem.left && x<=dragitem.left+dragitem.clip.width && y>=dragitem.top+dragitem.clip.height && y<=limiteinfscroll-2) 
		{
			for(i=0;i<brusq_salto;i++) { scrolldown(); clearTimeout(temps); }
			return false
		}
		else if (x>=dragitem.left && x<=dragitem.left+dragitem.clip.width && y>=limitesupscroll+2 && y<=dragitem.top) 
		{
			for(i=0;i<brusq_salto;i++) { scrollup(); clearTimeout(temps); }
			return false
		}
		else routeEvent(e);
	}
}




function seleccion(e) {
	if (nav=="ns") {
		var x=e.pageX; var y=e.pageY
		var clipWidth = 12; // replaces dragitem.clip.width
		var clipHeight = 12; // replaces dragitem.clip.height
		if (x>=dragitem.left && x<=dragitem.left+clipWidth && y>=dragitem.top && y<=dragitem.top+clipHeight) {
			// clicking on scroll box
			dragitemy = y-dragitem.ypos
			anty = dragitem.ypos
			dragndrop = true
			return false				
		}
		else if (x>=dragitem.left && x<=dragitem.left+clipWidth && y>=dragitem.top+clipHeight && y<=limiteinfscroll-2) {
			for(i=0;i<brusq_salto;i++) { scrolldown(); clearTimeout(temps); }
			return false
		}
		else if (x>=dragitem.left && x<=dragitem.left+clipWidth && y>=limitesupscroll+2 && y<=dragitem.top) {
			// clicking on scroll bar, but not on box
			for(i=0;i<brusq_salto;i++) { scrollup(); clearTimeout(temps); }
			return false
		}
		else routeEvent(e);
	}
	else {
		var x=event.x; var y=event.y
		alert('x:'+x+' - y:'+y);
		alert('dipl:'+dragitem.pixelLeft+' - dipw:'+dragitem.pixelWidth);
		if (x>=dragitem.pixelLeft && x<=dragitem.pixelLeft+dragitem.pixelWidth && y>=dragitem.pixelTop && y<=dragitem.pixelTop+dragitem.pixelHeight) {
			dragitemy = y-dragitem.ypos
			anty = dragitem.ypos
			dragndrop = true
			return false				
		}
		else if (x>=dragitem.pixelLeft && x<=dragitem.pixelLeft+dragitem.pixelWidth && y>=dragitem.pixelTop+dragitem.pixelHeight && y<=limiteinfscroll-2) {
			for(i=0;i<brusq_salto;i++) { scrolldown(); clearTimeout(temps); }
			return false
		}
		else if (x>=dragitem.pixelLeft && x<=dragitem.pixelLeft+dragitem.pixelWidth && y>=limitesupscroll+2 && y<=dragitem.pixelTop) {
			for(i=0;i<brusq_salto;i++) { scrollup(); clearTimeout(temps); }
			return false
		}
	}
return false;
}

function drag(e) {

	if (nav=="ns") {
		var x=e.pageX; var y=e.pageY
		if (dragndrop) {
			if (y < limitesupscroll || y-dragitemy < limitesupscroll) dragitem.ypos = limitesupscroll;             // Limites del scroller
			else if (y > limiteinfscroll+10 || y-dragitemy > limiteinfscroll) dragitem.ypos = limiteinfscroll;
			else dragitem.ypos = y-dragitemy
			dragitem.top = dragitem.ypos;
			if (dragitem.ypos == limitesupscroll) document.getElementById("texto").top = 2;
			else if (dragitem.ypos == limiteinfscroll) document.getElementById("texto").top = -document.getElementById("texto").height+limiteinftexto-10;
			else {
				suma = (anty-dragitem.ypos)*(document.getElementById("texto").height-limiteinftexto+10)/longdelscroll;
				if (suma<0 && suma>-1) suma = -1;
				if (suma>0 && suma<1) suma = 1;
				suma = parseInt(suma);
				document.getElementById("texto").top += suma;
			}
			anty=dragitem.ypos
			return false
		}
	}
	else {
		var x=event.x; var y=event.y
		if (dragndrop) {
			if (y < limitesupscroll || y-dragitemy < limitesupscroll) dragitem.ypos = limitesupscroll;
			else if (y > limiteinfscroll+10 || y-dragitemy > limiteinfscroll) dragitem.ypos = limiteinfscroll;
			else dragitem.ypos = y-dragitemy
			dragitem.pixelTop = dragitem.ypos;
			if (dragitem.ypos == limitesupscroll) texto.style.pixelTop = 2;
			else if (dragitem.ypos == limiteinfscroll) texto.style.pixelTop = -texto.scrollHeight+limiteinftexto-10;
			else texto.style.pixelTop += parseInt((anty-dragitem.ypos)*(texto.scrollHeight-limiteinftexto+10)/longdelscroll);
			anty=dragitem.ypos
			return false
		}
	}
}

function drop(e) 
{  

	if (dragndrop)
	{
		if (nav=="ns") 
			{
				var x=e.pageX; 
				var y=e.pageY
			}
		else 
			{
				var x=event.x; 
				var y=event.y+document.body.scrollTop
			}
		dragndrop = false
	}
	if (nav=="ns") routeEvent(e);
}
function canvi(capa,antic,nou)
{ 
if (listo) {
	if (nav=='ie') {
		eval(antic+".src = "+nou+".src;");
	}
	else {
		eval("document."+capa+".document."+antic+".src = "+nou+".src;");
	}
}
}