var arr_clicks = new Array();
var go = true;
var stop = true;
var back = true;
var indice = 0;
$(document).ready(function() {
	//lanzaSlide1();
	lanzaSlide2();
});

function lanzaSlide1(){
	$("#sliderinferior").jCarouselLite({
        btnNext: "#al",
        btnPrev: "#de"
    });
}
function lanzaSlide2(){
	$('#slider').before(' <ul id="nav">').cycle({ 
		fx:     'scrollHorz', 
		speed:  'slow', 
		timeout: 5000,
		delay:  5000,
		pager:  '#nav',
		pagerAnchorBuilder: function(idx, slide) {
			var mytop = 0;
			if (jQuery.browser.msie){
				mytop = "310px;";
			}
			else{
				mytop = "310px;";
			}
			return '<a href="#"><img alt="slide" name="redondo" src="images/point.gif" style="position:relative; top:' + mytop + ' left: 530px; z-index:19;" id="bot' + idx + '" onclick="boton(' + idx + ')"/></a>'; 
		} 
	});


	$('#slider').cycle({ 
		fx:     'scrollHorz', 
		timeout: 8000, 
		delay:  0,
		before: onLanza
	});	
	
	//buttons = jQuery('[src=images/point.gif]');
	buttons = jQuery('img[name]');
	//alert(buttons[0]);
	jQuery.each(buttons, function(index, value) {
		arr_clicks[index] = true;
		jQuery(value).hover(
			function(){
				if (arr_clicks[index]) $(this).attr("src","images/pointg.gif");
					//alert("a");
			},
			function(){
				if (arr_clicks[index]) $(this).attr("src","images/point.gif");
					//alert("b");
			}
		);
	});
	jQuery("#go").hover(
		function(){
			if (go) $(this).attr("src","images/flechaGog.gif");
				//alert("a");
			},
		function(){
			if (go) $(this).attr("src","images/flechaGo.gif");
				//alert("b");
		}
	);
	jQuery("#stop").hover(
		function(){
			if (stop) $(this).attr("src","images/pauseg.gif");
				//alert("a");
			},
		function(){
			if (stop) $(this).attr("src","images/pause.gif");
				//alert("b");
		}
	);
	jQuery("#back").hover(
		function(){
			if (back) $(this).attr("src","images/flechaBackg.gif");
				//alert("a");
			},
		function(){
			if (back) $(this).attr("src","images/flechaBack.gif");
				//alert("b");
		}
	);
}

function pause(){
	if (!stop){
		//alert("reanuda");
		stop = true;
		$('#slider').cycle('resume');
		jQuery("#stop").attr("src","images/pause.gif");
	}
	else{
		for (i=0;i < arr_clicks.length;i++){
			arr_clicks[i] = true;
		}
		go = true; stop = false; back = true;
		/*jQuery.each(buttons, function(index, value) {
			jQuery(value).attr("src","images/point.gif");
		});*/
		jQuery("#go").attr("src","images/flechaGo.gif");
		jQuery("#back").attr("src","images/flechaBack.gif");
		jQuery("#stop").attr("src","images/pauseg.gif");
		$('#slider').cycle('pause');
	}
}

function changeImgNext(){
	//alert(indice);
	var locindice = indice - 1;
	if (locindice ==  (arr_clicks.length - 1)){
		arr_clicks[locindice] = true;
		jQuery("#bot"+locindice).attr("src","images/point.gif");
		locindice = 0;
		indice = 1;
		jQuery("#bot"+locindice).attr("src","images/pointg.gif");
		arr_clicks[locindice] = false;
	}
	else{
		arr_clicks[locindice] = true;
		jQuery("#bot"+locindice).attr("src","images/point.gif");
		locindice ++;
		indice ++;
		arr_clicks[locindice] = false;
		jQuery("#bot"+locindice).attr("src","images/pointg.gif");
	}
	/*for (i=0;i < arr_clicks.length;i++){
		arr_clicks[i] = true;
	}*/
	go = false; stop = true; back = true;
	/*jQuery.each(buttons, function(index, value) {
		jQuery(value).attr("src","images/point.gif");
	});*/
	jQuery("#stop").attr("src","images/pause.gif");
	jQuery("#back").attr("src","images/flechaBack.gif");
	jQuery("#go").attr("src","images/flechaGo.gif"); //antes g
}

function changeImgPrev(){
	var locindice = indice - 1;
	if (locindice ==  0){
		arr_clicks[locindice] = true;
		jQuery("#bot"+locindice).attr("src","images/point.gif");
		locindice = arr_clicks.length - 1;
		indice = arr_clicks.length;
		jQuery("#bot"+locindice).attr("src","images/pointg.gif");
		arr_clicks[locindice] = false;
	}
	else{
		arr_clicks[locindice] = true;
		jQuery("#bot"+locindice).attr("src","images/point.gif");
		locindice --;
		indice --;
		arr_clicks[locindice] = false;
		jQuery("#bot"+locindice).attr("src","images/pointg.gif");
	}
	/*for (i=0;i < arr_clicks.length;i++){
		arr_clicks[i] = true;
	}*/
	go = true; stop = true; back = false;
	/*jQuery.each(buttons, function(index, value) {
		jQuery(value).attr("src","images/point.gif");
	});*/
	jQuery("#stop").attr("src","images/pause.gif");
	jQuery("#go").attr("src","images/flechaGo.gif");
	jQuery("#back").attr("src","images/flechaBack.gif"); //antes g
}

function boton(id){
	indice = id;
	jQuery.each(buttons, function(index, value) {
		jQuery(value).attr("src","images/point.gif");
	});		
	jQuery("#stop").attr("src","images/pause.gif");
	jQuery("#go").attr("src","images/flechaGo.gif");
	jQuery("#back").attr("src","images/flechaBack.gif");
	for (i=0;i < arr_clicks.length;i++){
		arr_clicks[i] = true;
	}
	go = true; stop = true; back = true;
	arr_clicks[id] = false;
	jQuery("#bot" + id).attr("src","images/pointg.gif");
	$('#slider').cycle({ 
		fx:     'scrollRight', 
		timeout: 6000, 
		delay:  -2000,
		before: onLanza
	});
}

function onLanza(){
	var total = arr_clicks.length;
	if (total == 0){
		arr_clicks[0] = false;
		jQuery("#bot0").attr("src","images/pointg.gif");
		indice ++;
	}
	else{
		if (indice == total - 1){
			arr_clicks[indice -1] = true;
			jQuery("#bot" + (indice - 1)).attr("src","images/point.gif");
			arr_clicks[indice] = false;
			jQuery("#bot"+indice).attr("src","images/pointg.gif");
			indice = 0;
		}
		else{
			arr_clicks[indice] = false;
			jQuery("#bot"+indice).attr("src","images/pointg.gif");
			if (indice == 0) {
				arr_clicks[total -1] = true;
				jQuery("#bot" + (total - 1)).attr("src","images/point.gif");
			}
			else{
				arr_clicks[indice -1] = true;
				jQuery("#bot" + (indice - 1)).attr("src","images/point.gif");
			}
			indice ++;
		}
	}
	//alert(indice);
}