/**
 * Paquetes de imagenes enlistados no olvidar declarar la cantidad de imagenes que se utilizara.
 **/
var imageList = [
                 "css/images/ambiente.jpg",
                 "css/images/seguridad.jpg",
                 "css/images/tributos.jpg",
				 "css/images/matriz_ambiente.jpg",
                 "css/images/matriz_seguridad.jpg",
                 "css/images/contratos.jpg",                 			
				 "css/images/reporte.jpg",
				 "css/images/arbitraje.jpg",
                 ];

var imageList2 = [
                 "css/images/matriz_seguridad.jpg",
                 "css/images/contratos.jpg",                 			
				 "css/images/reporte.jpg",
				 "css/images/arbitraje.jpg",                 			
				 
                 "css/images/ambiente.jpg",
                 "css/images/seguridad.jpg",
                 "css/images/tributos.jpg",
				 "css/images/matriz_ambiente.jpg",
				 				 
                 "css/images/matriz_seguridad.jpg",
                 "css/images/contratos.jpg",                 			
				 "css/images/reporte.jpg",
				 "css/images/arbitraje.jpg",
				 
                 "css/images/ambiente.jpg",
                 "css/images/seguridad.jpg",
                 "css/images/tributos.jpg",
				 "css/images/matriz_ambiente.jpg",
                 ];

var fmtItem = function(imgUrl, url, title) {

	if(url==1)
		titulo="Legislación Ambiental";
	if(url==2)
		titulo="Legislación de Seguridad y Salud en el Trabajo";
	if(url==3)
		titulo="Tributos Concordados";
	if(url==4)
		titulo="Matrices Legales de Ambiente";
	if(url==5)
		titulo="Matrices Legales de Seguridad y Salud en el Trabajo";
	if(url==6)
		titulo="Modelos de Contratos";
	if(url==7)
		titulo="Reporte Legal Diario";
	if(url==8)
		titulo="Arbitraje y Mediación";
	
	
    var innerHTML ='<a href="' + title + '" alt="'+titulo+' - Servilex.com.pe"><img src="' + imgUrl + '" width="' + 177 + '" height="' +244+'" onmouseover="carousel.setProperty(\'autoPlay\', 0);carousel2.setProperty(\'autoPlay\', 0);" onmouseout="carousel.setProperty(\'autoPlay\', 3000);carousel2.setProperty(\'autoPlay\', 3000);"/></a>';

    return innerHTML;    
};
/*var Vect3 = [,1,1,1,1,5,5,5,5,9,9,9,9,]; //Este me indica que imagen aparecera en el medio al ahcer click en el baner de abajo.
var Vect2 = [9,9,9,9,1,1,1,1,5,5,5,5,9,9,9,9]; //Este vector me indica que imagen cargara en el banner de arriba al hacer click en la imagen de abajo. ejemplo. Si carglo la imagen en pos posicion 1. Arriba cargara la imagen 9...*/
var Vect3 = [,1,1,1,1,5,5,5,5,9,9,9,9,13,13,13,13]; //Este me indica que imagen aparecera en el medio al ahcer click en el baner de abajo.
var Vect2 = [9,9,9,9,1,1,1,1,5,5,5,5,9,9,9,9,1,1,1,1]; //Este vector me indica que imagen cargara en el banner de arriba al hacer click en la imagen de abajo. ejemplo. Si carglo la imagen en pos posicion 1. Arriba cargara la imagen 9...
var fmtItem2 = function(imgUrl, url, title,i) {

	if(title==5 || title==13)
		titulo="Legislación Ambiental";
	if(title==6 || title==14)
		titulo="Legislación de Seguridad y Salud en el Trabajo";
	if(title==7 || title==15)
		titulo="Tributos Concordados";
	if(title==8 || title==16)
		titulo="Matrices Legales de Ambiente";
	if(title==1 || title==9)
		titulo="Matrices Legales de Seguridad y Salud en el Trabajo";
	if(title==2 || title==10)
		titulo="Modelos de Contratos";
	if(title==3 || title==11)
		titulo="Reporte Legal Diario";
	if(title==4 || title==12)
		titulo="Arbitraje y Mediación";

    var innerHTML ='<a class="linkzoom" alt="'+titulo+' - Servilex.com.pe" onClick="carousel.setProperty(\'firstVisible\', '+Vect2[i-1]+');return false" ><img id="carousel-image-' + i + '" src="' + imgUrl + '" width="' + 47 + '" height="' +64+'" onmouseover="javascript:this.height=82;this.width=59;carousel.setProperty(\'autoPlay\', 0);carousel2.setProperty(\'autoPlay\', 0);" onmouseout="javascript:this.width=47;this.height=64; carousel.setProperty(\'autoPlay\', 3000); carousel2.setProperty(\'autoPlay\', 3000);"/><\/a>';

     return innerHTML;    
};
var loadInitialItems = function(type, args) {
    var start = args[0];
    var last = args[1]; 
    load(this, start, last);   

};
var loadInitialItems2 = function(type, args) {
    var start = args[0];
    var last = args[1]; 
    load2(this, start, last);   

};

var loadNextItems = function(type, args) {    

    var start = args[0];
    var last = args[1]; 
    var alreadyCached = args[2];
    
    if(!alreadyCached) {
        load(this, start, last);
    }
};

var loadNextItems2 = function(type, args) {    

    var start = args[0];
    var last = args[1]; 
    var alreadyCached = args[2];
    
    if(!alreadyCached) {
        load2(this, start, last);
    }
};


var loadPrevItems = function(type, args) {
    var start = args[0];
    var last = args[1]; 
    var alreadyCached = args[2];
    
    if(!alreadyCached) {
        load(this, start, last);
    }
};

var loadPrevItems2 = function(type, args) {
    var start = args[0];
    var last = args[1]; 
    var alreadyCached = args[2];
    
    if(!alreadyCached) {
        load2(this, start, last);
    }
};

var linkpaginas = new Array;
linkpaginas[1] = "info_medioambiente.php";
linkpaginas[2] = "info_seguridad.php";
linkpaginas[3] = "info_conexion.php";
linkpaginas[4] = "info_matriz_ambiente.php";
linkpaginas[5] = "info_matriz_seguridad.php";
linkpaginas[6] = "contratos/";
linkpaginas[7] = "info_reporte.php";
linkpaginas[8] = "info_arbitraje.php";
/*linkpaginas[9] = "info_seguridad.php";
linkpaginas[10] = "";
linkpaginas[11] = "info_boletin_tributario.php";
linkpaginas[12] = "";
*/
var load = function(carousel, start, last) {
    for(var i=start; i<=last; i++) {
        carousel.addItem(i, fmtItem(imageList[i-1], i, linkpaginas[i]));
    }
};


var VectMover = []
var load2 = function(carousel, start, last) {
    for(var i=start; i<=last; i++) {
        carousel.addItem(i, fmtItem2(imageList2[i-1], i, i,i));	
		// Image click will scroll to the corresponding carousel item.
		YAHOO.util.Event.addListener('carousel-image-'+i, 'click', function(evt) {
			var tam = this.index-4;
			if(tam < 1){
				tam = (tam*(-1))+10;
				}
			this.carousel.scrollTo(Vect3[tam]);
			carousel.setProperty('firstVisible', Vect3[this.index-4]);
//			window.alert(tam);
		}, {carousel:carousel,index:i}, true);
	}

};

var handlePrevButtonState = function(type, args) {
    var enabling = args[0];
    var leftImage = args[1];
    if(enabling) {
        leftImage.src = "images/left.png";        
    } else {
        leftImage.src = "images/left.png";    
    }
    
}

var handleNextButtonState = function(type, args) {
    var enabling = args[0];
    var rightImage = args[1];
    if(enabling) {
        rightImage.src = "images/right.png";    
    } else {
        rightImage.src = "images/right.png";
    }
    
};
var handleNextButtonState2 = function(type, args) {
    var enabling = args[0];
    var rightImage = args[1];
    if(enabling) {
        rightImage.src = "images/right-completo.png";    
    } else {
        rightImage.src = "images/right-completo.png";
    }
    
};


var carousel; 
var pageLoad = function() 
{
    carousel = new YAHOO.extension.Carousel("dhtml-carousel", 
        {
            numVisible:        4,
            animationSpeed:    0.9,
            animationMethod:   YAHOO.util.Easing.easeBoth,
            scrollInc:         4,
            navMargin:         45,
            size:              8, /*Obligatorio poner la cantidad de imagenes.*/
            revealAmount:      0,
            loadInitHandler:   loadInitialItems,
			prevElement:       "prev-arrow",
			nextElement:       "next-arrow",
            loadNextHandler:   loadNextItems,
            loadPrevHandler:   loadPrevItems,
            prevButtonStateHandler:   handlePrevButtonState,
            nextButtonStateHandler:   handleNextButtonState,
            wrap: true,
			autoPlay: 3000
        }
		
    );

    carousel2 = new YAHOO.extension.Carousel("dhtml-carousel2", 
        {
            numVisible:        12,
            animationSpeed:    0.9,
            animationMethod:   YAHOO.util.Easing.easeBoth,
            scrollInc:         4,
            navMargin:         25,
            size:              16, /*Obligatorio poner la cantidad de imagenes.*/
            revealAmount:      0,
            loadInitHandler:   loadInitialItems2,
			prevElement:       "prev-arrow",
			nextElement:       "next-arrow",
            loadNextHandler:   loadNextItems2,
            loadPrevHandler:   loadPrevItems2,
            prevButtonStateHandler:   handlePrevButtonState,
            nextButtonStateHandler:   handleNextButtonState,
            wrap: true,
			autoPlay: 3000
        }

    );
};