// JavaScript Document
// SCROLLBAR

var TOP = 0;
var BOTTOM = 500;
var H; //div_height
var POS; //0
var INCREMENT = 30;
var THE_DIV = 'contenido';
var MAIN_HEIGHT = 610;
var INITIAL_MAIN_HEIGHT = 610;
var MAIN_CONTAINER = 'MAIN_TR';

var INTERVAL_ID = -1;
var SCROLLBAR_MOVING = false;

///////////////////////////////////
var IE = document.all? true:false

// If NS -- that is, !IE -- then set up for mouse capture
//if (!IE) document.captureEvents(Event.MOUSEMOVE)

// Set-up to use getMouseXY function onMouseMove
//document.onmousemove = moveScrollbar;
//document.onmousedown = enableScrollbarMoving;
//document.onmouseup   = disableScrollbarMoving;
///////////////////////////////////

function getBounds(){ 
	H = document.getElementById(THE_DIV).offsetHeight; 
	POS = parseInt(document.getElementById(THE_DIV).style.top); //alert(H);
	//alert(window.innerHeight+","+document.documentElement.clientHeight);
	
	if(H>document.documentElement.clientHeight){
		document.getElementById('UP').style.visibility='visible';
		document.getElementById('DOWN').style.visibility='visible';
		document.getElementById('SCROLLBAR').style.visibility='visible';
		document.getElementById('SCROLLBAR_BG').style.visibility='visible';
		document.getElementById(THE_DIV).style.width='90%';
	}
	
}

function scroll(dir){
	inc = INCREMENT*dir;
	//alert(H+POS>BOTTOM); alert(POS<=TOP);
	if(H+POS+inc>=BOTTOM && POS+inc<=TOP)
		POS += inc;
	else
		if(H+POS+inc>BOTTOM) POS = TOP;
		else			     POS = BOTTOM - H;
	
	document.getElementById(THE_DIV).style.top=POS+'px';
	
	range = (BOTTOM - H) - TOP; // OJO, posiblemente salga negativo
	ratio = (POS-TOP) / range;
	
	SCROLLBAR_DIV = document.getElementById('SCROLLBAR');
	SCROLLBAR_BG_DIV  = document.getElementById('SCROLLBAR_BG');
	
	gravityPointTop = parseInt(SCROLLBAR_BG_DIV.style.top)+parseInt(SCROLLBAR_DIV.style.height)/2;
	gravityPointBottom = parseInt(SCROLLBAR_BG_DIV.style.top)+parseInt(SCROLLBAR_BG_DIV.style.height)-parseInt(SCROLLBAR_DIV.style.height)/2;
	totalRange = gravityPointBottom - gravityPointTop;
	
	SCROLLBAR_DIV.style.top = parseInt(SCROLLBAR_BG_DIV.style.top) + (totalRange*ratio) + 'px';
}

function startScroll(dir){
	clearInterval(INTERVAL_ID);
	INTERVAL_ID = setInterval("scroll(" + dir + ");",100);
}

function stopScroll(){ clearInterval(INTERVAL_ID); }

function enableScrollbarMoving(e){SCROLLBAR_MOVING = true; moveScrollbar(e); }
function disableScrollbarMoving(e){SCROLLBAR_MOVING = false;}

function moveScrollbar(e){
	
	X = 0;
	Y = 0;
	if (IE) X = event.clientX + document.body.scrollLeft;
	else X = e.pageX;
	if (IE) Y = event.clientY + document.body.scrollTop;
	else Y = e.pageY;
	
	SCROLLBAR_DIV = document.getElementById('SCROLLBAR');
	SCROLLBAR_BG_DIV  = document.getElementById('SCROLLBAR_BG');
	
	onXRange = X-parseInt(SCROLLBAR_BG_DIV.style.left) <= parseInt(SCROLLBAR_BG_DIV.style.width) && 
			   X-parseInt(SCROLLBAR_BG_DIV.style.left) >= 0;
	onYRange = Y-parseInt(SCROLLBAR_BG_DIV.style.top)  <= parseInt(SCROLLBAR_BG_DIV.style.height) && 
			   Y-parseInt(SCROLLBAR_BG_DIV.style.top)  >= 0;
	
	ALLOW_MOVING = false;
	
	if(onXRange && onYRange) ALLOW_MOVING = true;
	else					 SCROLLBAR_MOVING = false; // hemos salido de la región de scroll, desactivamos tb. el movimiento
	
	if(SCROLLBAR_MOVING && ALLOW_MOVING){
		if (IE) Y = event.clientY + document.body.scrollTop
		else Y = e.pageY
		
		
		//Move the Contents DIV
		
		gravityPointTop = parseInt(SCROLLBAR_BG_DIV.style.top)+parseInt(SCROLLBAR_DIV.style.height)/2;
		gravityPointBottom = parseInt(SCROLLBAR_BG_DIV.style.top)+parseInt(SCROLLBAR_BG_DIV.style.height)-parseInt(SCROLLBAR_DIV.style.height)/2;
		totalRange = gravityPointBottom - gravityPointTop;
		
		//Y = window.event.clientY;
		if(Y<gravityPointTop) 
		   Y=gravityPointTop - parseInt(SCROLLBAR_DIV.style.height)/2;
		if(Y>gravityPointBottom - parseInt(SCROLLBAR_DIV.style.height)/2) 
		   Y=gravityPointBottom - parseInt(SCROLLBAR_DIV.style.height)/2;
		
		SCROLLBAR_DIV.style.top = Y + 'px';
		
		gravityPointX = parseInt(SCROLLBAR_DIV.style.top) + parseInt(SCROLLBAR_DIV.style.height)/2;
		xInRange = gravityPointX - gravityPointTop;
		ratio = xInRange / totalRange;
				
		//alert(gravityPointTop+", "+gravityPointBottom+", "+gravityPointX+", "+totalRange+", "+xInRange+", "+ratio);
		POS = TOP - ((H+TOP-BOTTOM)*ratio)
		document.getElementById(THE_DIV).style.top = POS + 'px';	
		//alert(document.getElementById('MAIN').style.top);
	}
}


function updateBounds(ifName){
	//MAIN_HEIGHT = parent.document.getElementById(MAIN_CONTAINER).offsetHeight;
	H = document.getElementById(THE_DIV).offsetHeight; 
	
	if(H>INITIAL_MAIN_HEIGHT)
		parent.document.getElementById(ifName).height = H;
	else
		parent.document.getElementById(ifName).height = INITIAL_MAIN_HEIGHT;
	
	parent.scrollTo(0,0);
}


/*
function setCheckoutMode(mode){
	parent.frames['MENU'].location='blank.html';
	if(mode){
		parent.frames['SHOPPING_CART'].location='../shopping_cart/ShoppingCartSIMPLIFIED.asp'
		parent.frames['MENU_2'].location='../STEP0_MENU.asp'
		parent.frames['LABEL_MENU'].location='../STEPS_MENU.asp'
	}
	else{
		parent.frames['SHOPPING_CART'].location='../shopping_cart/ShoppingCart.asp'
		parent.frames['MENU_2'].location='../MENU_2.asp'
		parent.frames['LABEL_MENU'].location='../LABEL_MENU.asp'
	}
}
*/

function setCheckoutMode(mode){
	DIR = "";
	parent.frames['MENU'].location=DIR+'/blank.html';
	if(mode){
		parent.frames['SHOPPING_CART'].location=DIR+'/shopping_cart/ShoppingCartSIMPLIFIED.asp'
		parent.frames['MENU_2'].location=DIR+'/STEP0_MENU.asp'
		parent.frames['LABEL_MENU'].location=DIR+'/STEPS_MENU.asp'
	}
	else{
		parent.frames['SHOPPING_CART'].location=DIR+'/shopping_cart/ShoppingCart.asp'
		parent.frames['MENU_2'].location=DIR+'/MENU_2.asp'
		parent.frames['LABEL_MENU'].location=DIR+'/LABEL_MENU.asp'
	}
}