/*

		Purpose: Scroll through panes by either autoscroll, arrow buttons or pane indicator buttons

		Date: 3/19/06

	*/

	

	 // ******************************** Setup Variables ********************************

	 var ie4 = (document.all && !document.getElementById &&!window.opera) ? true:false;

	 var ie5 = (document.all && document.getElementById &&!window.opera) ? true:false;

	 var ns6 = (!document.all && document.getElementById &&!window.opera) ? true:false;

	 var viewerId = document.getElementById("mascara");		// block that displays current pane

	 var scrollContainer = "contenedor";									// wrapper that contains all panes

	 var indiContainer = "ynindcont";									// wrapper for indicator buttons

	 var currentPane = 1; 												// current pane viewed (this syncs up the arrow button and indicator button on/off states

	 var currentSL = 0;													// set current scrollLeft of div

	 var autoScroll;													// create autoScroll global var

	 var autoScrollOn = true; 											// set autoScroll to true upon load

	 

	 /* Setup ID/Class Names */

	 var sclBtnLft = "scrollLeft";										// name/id of left scroll button

	 var sclBtnRgt = "scrollRight";										// name/id of right scroll button	

	 var sclBtnClassOff = "buttonOff";									// scroll button class off												

	 var sclBtnClassOn  = "buttonOn";									// scroll button class on	

	 var indicatorClassOff = "off";										// indicator button class off

	 var indicatorClassOn = "on";										// indicator button class on



	 var w = viewerId.offsetWidth;										// set width								

	 var delayTime = 10000;												// Cambiar aquí el tiempo entre cada foto. 1000 = 1 second	 

	 

	 /*

	 // Preload scroll button images

	  if (document.images)

	   {

	     var pic1on = new Image(29,108);

	     pic1on.src = "img/flechaizqover.gif";  

		 var pic2on = new Image(29,108);

	     pic2on.src = "img/flechaderover.gif";

	   }	 

	 */

	

	// ********************* Count DIVs and assign a Global Value of Panes ******************

	var gettabs = document.getElementById(scrollContainer);

	var getdiv = gettabs.getElementsByTagName("div"); 			

	

	var countPanes = 0;

	for (var x=0; x < getdiv.length; x++) {

		var classkey = getdiv[x].getAttribute("name");					// find the name attribute	

		

		if ((x === 0) && (classkey == "container")) { 					// gets the first pane in the container for duplication

			var getFirst = getdiv[x]; 

		}

			

        if (classkey == "container") {									// count DIVs where name = "container"

  	    	var idstring = getdiv[x].id;

			countPanes++;  

      	 }				

	}

	var tps_max = countPanes;											// max panes equals number of divs in container

    var max_width = w * tps_max;										// var to stop scrolling past last pane	

	//var max_panes = idstring.charAt(idstring.length-1);

	

	

	// ************************  Duplicate 1st Pane and append to end of ynscroll ****************************

	/*var duplicate = getFirst.cloneNode(true);

	duplicate.removeAttribute("id");

	duplicate.setAttribute("name", "duplicate");

	document.getElementById(scrollContainer).appendChild(duplicate);*/

	

	

	// ******************************** Reset Ticker and Create Event Listeners ********************************

	   

	viewerId.scrollLeft = '0px';   

	//animate(0);															// Reset Ticker back to first pane	  	

																		// If the total number of panes is over 1, then initialize autoStart

	//if (tps_max != 1) {YAHOO.util.Event.addListener(window, 'load', autoStart);	}			

	//YAHOO.util.Event.addListener(window, 'load', getHooks);				/* Wait until page loads to intialize scroll 

																			//buttons and indicator hooks */

	if (tps_max != 1) {YAHOO.util.Event.onAvailable(scrollContainer, autoStart, this);	}

	YAHOO.util.Event.onAvailable(scrollContainer, getHooks, this);		

	  

	 // ****************** Attach Click Hooks for Arrowa and Indicators ******************

	 function getHooks() {	

		 																// Attach width and direction to move, decrement/increment 

																		// the pane state

		  if (document.getElementById(sclBtnLft) && document.getElementById(sclBtnRgt)) {

			  var getLeft = document.getElementById(sclBtnLft);

			  getLeft.s = -w;

			  getLeft.d = "l";

			  getLeft.c = -1;

			  YAHOO.util.Event.addListener(getLeft, 'click', doAnimation, getLeft);

	

			  var getRight = document.getElementById(sclBtnRgt);

			  getRight.s = w;

			  getRight.d = "r";

			  getRight.c = 1;

			  YAHOO.util.Event.addListener(getRight, 'click', doAnimation, getRight);			  

		  }



		

		  // ******************  Setup Indicator Button Links *****************

		  																// loop through anchor tags, attach ID, width to move

																		// then wait for onclick event

		  var x = 0;

		  var getcont = document.getElementById(indiContainer);

		  var getAnchor = getcont.getElementsByTagName('a'); 

		  for (var n = 0; n < getAnchor.length; n++) {		  	

		  	    getAnchor[n].indi = getAnchor[n].id;

				getAnchor[n].num = x * w;  

				YAHOO.util.Event.addListener(getAnchor[n], 'click', setupIndicators, getAnchor[n]);					

				x++;

		  }

		  

	 }

	 

	// ******************************** Setup Indicators ********************************

																		// After indicator anchor is clicked, move scroller to

																		// width, change indicator state and stop autoScroll

	  function setupIndicators(e,obj) {

	   

	   if (tps_max != 1) {

		   // Start Animation

		   animate(obj.num);

		   // Setup Indicator

		   setIndicatorState(obj.indi);

		   // Clear autoScroll

	 	   stopInterval(); 

	   }

		

	   YAHOO.util.Event.preventDefault(e);	

	   return false;

	  }

 

	

	 // ******************************** Set Indicator State ******************************** 

	 function setIndicatorState(id) {

																		// If current pane is not 0 or over max panes

		 if ((currentPane >= 1) && (currentPane <= tps_max)) {

			var count =  1;

		 

		 																// Turn off indicator buttons state

		    while (count <= tps_max) {

			   var setIndiOff = document.getElementById(count);

			   setIndiOff.className = indicatorClassOff;

			   setIndiOff.setAttribute("class", indicatorClassOff);

			   count++;

		    }

																		// Turn on the "clicked" indicator button state

		    var setIndiOn = document.getElementById(id);

		    setIndiOn.className = indicatorClassOn;

		    setIndiOn.setAttribute("class", indicatorClassOn);

			

																		// Change Indicator Button from Scroll Buttons

			currentPane = id; 											// set currentPane to current indicator button

			currentSL = w * (id-1); 									// set currentSL to indicator button

		

																		// Check indicator ID and see which on/off state

																		// applies for the scroll buttons

			var check = (currentPane == 1)  ? changeButtons('f') : changeButtons('m');

			if (currentPane > 1) { changeButtons('m'); }

			if (currentPane == tps_max) { changeButtons('l'); }

			

		 } else if (currentPane < 1) { currentPane = 1;				// if currentPane is less than 1, make it 1

		 } else if ((currentPane > tps_max) && (autoScrollOn === false)) { currentPane = tps_max; }

																		// if currentPane is greater than max pane

																		// and autoScroll is off, make currentPane = to max

	 }

	

	

	// ******************************** Change Arrows ********************************

	   

	function changeButtons(m) {											// Change left and right scroll buttons according

		switch (m) {													//	to given parameter.

			case "f":

				bgPos(sclBtnLft,"off");									//	f (first): turns off left / turns on right buttons

				bgPos(sclBtnRgt,"on");									//	m (middle): turns on both scroll buttons 

			break;														//	l (last): turns on left / turns off right buttons

			case "m":

				bgPos(sclBtnLft,"on");									//	defaults to first scroll buttons

				bgPos(sclBtnRgt,"on");

			break;

			case "l":

				bgPos(sclBtnLft,"on");	

				bgPos(sclBtnRgt,"off");

			break;

			default: 

				bgPos(sclBtnLft,"off");

				bgPos(sclBtnRgt,"on");	

		}

	}

	

	 // ******************************** Indicator Image ********************************

	 function bgPos(id,state) {											// Takes the ID of the scroller button and 

		var button = document.getElementById(id);						// the state and changes the style either off or on	

		if (state == "off") { 

			button.className = sclBtnClassOff;

			button.setAttribute("class", sclBtnClassOff); 

		} else if  (state == "on") {

			button.className = sclBtnClassOn;

			button.setAttribute("class", sclBtnClassOn);

		}

	 }		

	   

	  

	 // ******************************** Animate ********************************

	 function animate(s,d) {

	 	//alert("s="+s);

		//alert("currentSL="+currentSL);

																		// Move according to which scroll button clicked

																		// Increment/decrement currentPane tracker and

																		// set indicator state

	   	  if (d == "l" && currentSL < 0) { 

		  	currentSL = 0;

			currentPane--; 

			setIndicatorState(currentPane);			

		  } else if (d == "l" && currentSL > 0) {

		    var move = s + currentSL; 

			currentSL = move; 

			currentPane--; 

			setIndicatorState(currentPane);

		  } else if (d == "r") { 

		  	move = s + currentSL; 

			currentSL = move; 

			currentPane++; 

			setIndicatorState(currentPane);

		  } else if (!d) { move = s; }								// If no direction, then was click from indi button

		  																// move directly to specified amount

	 		

	  	  var attributes = {

		  	scroll: { to: [move, 0] }									// Scroll the container

	   	  };

	   	  var anim = new YAHOO.util.Scroll(viewerId, attributes, 0.5, YAHOO.util.Easing.easeOut);

		  																

		  if ((autoScrollOn === true) && (currentPane > tps_max)) {		// If Max pane reached and autoScroll is on

	        	stopInterval(autoScroll);								// wait for animation to complete then turn

				currentPane = 1;										// off autoScroll, reset currentPane to 1,

				anim.onComplete.subscribe(setToZero);					// set current indicator to the first one

	        	setIndicatorState("1");

		  }

		  anim.animate();			  

		  

	 	  return false;		

	 }

	 

  

 	 // ******************************** Reset Scroller to Zero ********************************	  

	 var setToZero = function() {

	      var el = this.getEl();

	      el.scrollLeft = 0;	

	 };

	  

	  

	 

	 // ******************************** Start Animation ********************************

	 function doAnimation(e,obj) {										// If scroll button clicked, run this function

		

		 var limit = obj.s * currentPane;	

		  

		  	  if (limit != max_width) {									// limit is not greater than the max width

		   	   // Start Animation										// run the animation and stop autoScroll

			   animate(obj.s,obj.d);

				

			   // Clear autoScroll

		 	   stopInterval(); 

		

		 }

		 YAHOO.util.Event.preventDefault(e);

		 return false;

	 }		  

	 

 

	// ********************************  Autostart ********************************

	function autoStart() {												// After page loads, start autoScroll function

		autoScroll = setInterval("animate(w,'r')",delayTime);	

	}		

	

	// ********************************  Stop Autostart ********************************

	function stopInterval() {											// if autoScrollOn is true, then turn off autoScroll

		if (autoScrollOn === true) {

			clearInterval(autoScroll);

			autoScrollOn = false;

		}

	}