/*
		Purpose: Scroll through panes by either autoscroll, arrow buttons or pane indicator buttons
		Date: 3/19/06
	*/
	
	 // ******************************** Setup Variables ********************************
	 var ie41 = (document.all && !document.getElementById &&!window.opera) ? true:false;
	 var ie51 = (document.all && document.getElementById &&!window.opera) ? true:false;
	 var ns61 = (!document.all && document.getElementById &&!window.opera) ? true:false;
	 var viewerId1 = document.getElementById("mascara");		// block that displays current pane
	 var scrollContainer1 = "contenedor";									// wrapper that contains all panes
	 var indiContainer1 = "ynindcont";									// wrapper for indicator buttons
	 var currentPane1 = 1; 												// current pane viewed (this syncs up the arrow button and indicator button on/off states
	 var currentSL1 = 0;													// set current scrollLeft of div
	 var autoScroll1;													// create autoScroll global var
	 var autoScrollOn1 = true; 											// set autoScroll to true upon load
	 
	 /* Setup ID/Class Names */
	 var sclBtnLft1 = "scrollLeft";										// name/id of left scroll button
	 var sclBtnRgt1 = "scrollRight";										// name/id of right scroll button	
	 var sclBtnClassOff1 = "buttonOff";									// scroll button class off												
	 var sclBtnClassOn1  = "buttonOn";									// scroll button class on	
	 var indicatorClassOff1 = "off";										// indicator button class off
	 var indicatorClassOn1 = "on";										// indicator button class on

	 var w1 = viewerId1.offsetWidth;										// set width								
	 var delayTime1 = 100000000000;			
	
	// ********************* Count DIVs and assign a Global Value of Panes ******************
	var gettabs1 = document.getElementById("contenedor");
	var getdiv1 = gettabs1.getElementsByTagName("div"); 			
	
	var countPanes1 = 0;
	for (var x=0; x < getdiv1.length; x++) {
		var classkey1 = getdiv1[x].getAttribute("name");					// find the name attribute	
		
		if ((x === 0) && (classkey1 == "container")) { 					// gets the first pane in the container for duplication
			var getFirst1 = getdiv1[x]; 
		}
			
        if (classkey1 == "container") {									// count DIVs where name = "container"
  	    	var idstring1 = getdiv1[x].id;
			countPanes1++;  
      	 }				
	}
	var tps_max1 = countPanes1;											// max panes equals number of divs in container
    var max_width1 = w1 * tps_max1;										// var to stop scrolling past last pane	
	//var max_panes = idstring.charAt(idstring.length-1);
	


	
	// ************************  Setup Arrow Buttons and Indicator Button Links ****************************
	document.write('<div class="dline_vert"></div>');
	
	document.write('<!-- Right Scroll Click -->');
	document.write('<div class="fscright">');
	if (tps_max1 > 1) {
		document.write('<a href="/" class="buttonOn" id=scrollRight><strong>Flecha derecha</strong></a>');
	} else if (tps_max1 == 1) {
		document.write('<a href="/" class="buttonOff" id=scrollRight><strong>Flecha derecha</strong></a>');
	} 
	document.write('</div>');
	
	
	
		document.write('<div id="'+indiContainer1+'" class="dots">');						// Loop through max panes and create indi buttons
	for (x=1; x <= tps_max1; x++) {									// assign sequential number to ID
		if (x == 1) {
			document.write('<a href="/" id="'+x+'" class="'+indicatorClassOn1+'"></a>');
		} else {
			document.write('<a href="/" id="'+x+'" class="'+indicatorClassOff1+'"></a>');
		}
	}
	document.write('</div>');