/*****************************************************************************/
/*                                2010 Shio2e                                */
/*                            SCROLLER HORIZONTAL                            */
/*****************************************************************************/

var shContenedor 	= '';
var shContenido 	= '_contenido';
var shContenidoAux 	= '_aux';
var shVelocidadPX	= 1;
var shVelocidadMS	= 42;

var shContenedorWidth, shContenidoWidth, shContenidoAuxWidth;

var shArrancado 	= false;
var shWindowCargada = false;
var shMovimiento 	= true;
var shMoviendo 		= false;

var rx, ry;
var offsetBarraX, offsetBarraY, barraHeight;
var val1, val2, val3, minVal, maxVal;
var heightContenedor, heightContenido, marginContenido, valor_calculado, porcentaje;

shIniciar = function (id){
	shArrancado = false;

	if (shContenedor != '') shDetener();
	shContenedor = id;

	if (!$(shContenedor).visible()) $(shContenedor).show();
	if (!$(shContenedor+shContenido).visible()) $(shContenedor+shContenido).show();

	if (shWindowCargada) {
		shConfigurar();
	} else {
		Event.observe(window, 'load', function(event) {
			shWindowCargada = true;
			shConfigurar();
		});
	}
}

shDetener = function (){
	Event.stopObserving($(shContenedor), 'mouseover');
	Event.stopObserving($(shContenedor), 'mouseout');

	$(shContenedor).hide();

	shContenedor 	= '';
}

shConfigurar = function (){
	$(shContenedor).appendChild(new Element('div', {'id': shContenedor+shContenidoAux, 'style': 'white-space: nowrap; margin-left: 0px;'}));
	$(shContenedor+shContenidoAux).update($(shContenedor+shContenido).innerHTML);

	shContenedorWidth	= $(shContenedor).getWidth();
	shContenidoWidth 	= $(shContenedor+shContenido).getWidth();
	shContenidoAuxWidth = $(shContenedor+shContenidoAux).getWidth();

	if (shContenedorWidth < shContenidoWidth) {
		var temp = '';
		for (var i=0; i<=Math.ceil(shContenedorWidth/shContenidoWidth); i++)
			temp += $(shContenedor+shContenido).innerHTML;

		$(shContenedor).appendChild(new Element('div', {'id': shContenedor+shContenidoAux, 'style': 'white-space: nowrap; margin-left: 0px;'}));
		$(shContenedor+shContenidoAux).update(temp);

		shContenidoWidth 	= $(shContenedor+shContenido).getWidth();
		shContenidoAuxWidth = $(shContenedor+shContenidoAux).getWidth();

		Event.observe($(shContenedor), 'mouseover', function(event) { shMovimiento = false; });
		Event.observe($(shContenedor), 'mouseout', function(event) { shMovimiento = true; });

		setTimeout(function(){shArrancado = true; shMover()}, 2*shVelocidadMS);
	}

	$(shContenedor+shContenido).hide();
}

shMover = function (){
	if (shArrancado) {
		if (shMovimiento) {
			var valor = parseInt($(shContenedor+shContenidoAux).getStyle('margin-left')) - shVelocidadPX;
			if (Math.abs(valor) > shContenidoWidth) valor += shContenidoWidth;
			$(shContenedor+shContenidoAux).setStyle({ marginLeft: valor+'px' });
		}
		setTimeout(function(){shMover()}, shVelocidadMS);
	}
}