/* Código javascript */

/**
*
* Deslizador horizontal básico, escrito por Pablo Celestino
* Para que el deslizador funcione correctamente es necesario que la caja contenedora tenga un width inline
* y un overflow:hidden por css, también position:relative para que oculte bién en IE6
* la caja deslizable debe tanto un width como un margin-left inline, el width deberá tener la anchura justa
* para que quepan todas las imagenes a mostrar.
*
**/
function deslizarder(nombrecajadeslizable,nombrecajacontenedora)
{
	this.nombrecajadeslizable = $(nombrecajadeslizable);
	this.nombrecajacontenedora = $(nombrecajacontenedora);
	this.timer = setInterval('quitarmargen()',50);
}

function quitarmargen()
{
	var margenactual = parseInt($(this.nombrecajadeslizable).style.marginLeft);
	var margennuevo = margenactual - 5;
	var textomargennuevo = margennuevo.toString() + 'px';
	var partevisible = parseInt(margennuevo) + parseInt($(this.nombrecajadeslizable).style.width);
	var anchuracaja = parseInt($(this.nombrecajacontenedora).style.width);
	if (partevisible < anchuracaja)
	{
		clearInterval(this.timer);
	}
	else
	{
		$(this.nombrecajadeslizable).style.marginLeft = textomargennuevo;
	}
}

function pararder()
{
	clearInterval(this.timer);
}

function deslizarizq(nombrecajadeslizable,nombrecajacontenedora)
{
	this.nombrecajadeslizable = $(nombrecajadeslizable);
	this.nombrecajacontenedora = $(nombrecajacontenedora);
	this.timer = setInterval('ponermargen()',50);
}

function ponermargen()
{
	var margenactual = parseInt($(this.nombrecajadeslizable).style.marginLeft);
	var margennuevo = margenactual + 5;
	var textomargennuevo = margennuevo.toString() + 'px';
	if (margennuevo > 0)
	{
		clearInterval(this.timer);
	}
	else
	{
		$(this.nombrecajadeslizable).style.marginLeft = textomargennuevo;
	}
}

function pararizq()
{
	clearInterval(this.timer);
}