//
//	***************************************************
//	**************** Expert JSCarrusel ****************
//	**************** [Alvaro de Regil] ****************
//	***************************************************
//	
//	  Sistema de carrusel para despliegue de productos.
//	El sistema cuenta con dos DIVS del mismo contenido 
//	que se autoposicionan antes o despues del otro, de-
//	pendiendo de la direccion en que "giren".
//	  Con este objeto se obtiene un despliegue de pro-
//	ductos continuo y sin interrumpciones.
//	  Al ubicar el mouse sobre los productos, el scroll
//	se detiene, y reanuda al retirar el mouse.
//	  Cuenta además con botones para adelantar o regre-
//	sar el contenido para buscar un producto.
//
//	***************************************************
//	**  Este script es de distribucion gratuita, y   **
//	**  solo se pide dejar estos datos para recono-  **
//	**  cimiento. Mayor informacion en:		 **
//	**  www.xpcreations.com | aregil@xpcreations.com **
//	***************************************************
//	************** Copyright (c) 2002 *****************
//	***************************************************

//-----se declaran algunas variables-----
var props=new objProps();
props.holder = null;		// decl. - Contenedor
props.div1 = null;		// decl. - DIV1
props.div2 = null;		// decl. - DIV2 (copia de DIV1)

props.frameW = 110;		//ancho del contenedor
props.frameH = 250;		//alto del contenedor
props.contH1 = 0;		//alto del DIV
props.contH2 = 0;		//alto del DIV

props.automatic=true;		//sistema de scroll automatico
props.autospd=100;		//velocidad del scroll automatico
//----- termina declaracion -----

function initSlideShow(){
  if(is.ie){
    props.holder=document.all.Holder;
    props.div1=document.all.textDiv1;
    props.div2=document.all.textDiv2;
  }
  if(is.ns){
    props.holder=document.layers['Holder'];
    props.div1=document.layers['textDiv1'];
    props.div2=document.layers['textDiv2'];
  }
  if(is.ie){
    props.holder.style.width=props.frameW; 				//se define el ancho del contenedor
    props.holder.style.height=props.frameH; 			//se define lo alto del contenedor
    props.contH1 = props.div1.offsetHeight; 			//se calcula la altura del contenido
    props.contH2 = props.div2.offsetHeight; 			//se calcula la altura del contenido
    props.div2.style.pixelTop=0-(props.contH2);	 		//se posiciona el DIV2 debajo del DIV1
  }
  if(is.ns){
    props.holder.style.clip.width=props.frameW; 			//se define el ancho del contenedor
    props.holder.style.clip.height=props.frameH; 			//se define lo alto del contenedor
    props.contH1 = props.div1.style.clip.height; 			//se calcula la altura del contenido
    props.contH2 = props.div2.style.clip.height; 			//se calcula la altura del contenido
    props.div2.style.top=0-(props.contH2);	 			//se posiciona el DIV2 debajo del DIV1
  }
  !props.automatic?stopit():scrollit('dwn',100);			//inicia el automatico
}

function objProps(){
}

function debug(donde,que){ //sirve para mostrar resultados en los campos de texto
  donde.value=que;
}

function scrollit(direction,spd){
  spd?vel=spd:vel=props.autospd;
//  vel = spd;
  if(direction=="up"){
    window.timer = setInterval("scrollup()",vel);
  }
  if(direction=="dwn"){
    window.timer = setInterval("scrolldwn()",vel);
  }
  if(direction=="auto"){
    window.timer = setInterval("scrolldwn()",vel);
  }
}

function scrollup(dist){
  !dist?dist=5:dist=dist;
  if(is.ie){
    props.contH1 = props.div1.offsetHeight; 			//se calcula la altura del contenido
    props.contH2 = props.div2.offsetHeight; 			//se calcula la altura del contenido
    if(props.div1.style.pixelTop>-10){
		props.div2.style.pixelTop=props.div1.style.pixelTop-props.contH2
		};
    if(props.div2.style.pixelTop>-10){
		props.div1.style.pixelTop=props.div2.style.pixelTop-props.contH1
		};
    props.div1.style.pixelTop+=dist;
    props.div2.style.pixelTop+=dist;
  }
  if(is.ns){
    props.contH1 = props.div1.style.clip.height; 			//se calcula la altura del contenido
    props.contH2 = props.div2.style.clip.height; 			//se calcula la altura del contenido
    if(props.div1.style.top>-10){props.div2.style.top=props.div1.style.top-props.contH2};
    if(props.div2.style.top>-10){props.div1.style.top=props.div2.style.top-props.contH1};
    props.div1.style.top+=dist;
    props.div2.style.top+=dist;
  }
}

function scrolldwn(dist){
  !dist?dist=5:dist=dist;
  if(is.ie){

    props.contH1 = props.div1.offsetHeight; 			//se calcula la altura del contenido
    props.contH2 = props.div2.offsetHeight; 			//se calcula la altura del contenido

    if(props.div1.style.pixelTop<-10){
		props.div2.style.pixelTop=props.div1.style.pixelTop+props.contH1
		};
    if(props.div2.style.pixelTop<-10){
		props.div1.style.pixelTop=props.div2.style.pixelTop+props.contH2
		};
    props.div1.style.pixelTop-=dist
    props.div2.style.pixelTop-=dist;
  }
  if(is.ns){
    props.contH1 = props.div1.style.clip.height; 			//se calcula la altura del contenido
    props.contH2 = props.div2.style.clip.height; 			//se calcula la altura del contenido
    if(props.div1.style.top<-10){props.div2.style.top=props.div1.style.top+props.contH2};
    if(props.div2.style.top<-10){props.div1.style.top=props.div2.style.top+props.contH1};
    props.div1.style.top-=dist;
    props.div2.style.top-=dist;
  }
}

function stopit(){
  clearInterval(window.timer);
}