var slide_size
var slide_current = 1

function slides_init ()
{
	slide_size = $("#slide_1").width()
	slide_height = $("#slide_1").height()
	var slides_top = $("#slides_master").offset().top
	var slides_left = $("#slides_master").offset().left
	$("#slides_container").css ({width:slide_size*slides+"px",height:slide_height+"px",overflow:"hidden"})			
	$("#slides_master").css ({width:slide_size+"px",height:slide_height+"px",overflow:"hidden"})			
	$("#slides_index").css ({width:slide_size+"px"})			
	var boton_height = $("#boton_left").height()
	var boton_width = $("#boton_left").width()
    y = -((slide_height+boton_height)/2 + $(".slide_index").height())
	$("#slide_left").css ({top:y+"px",left:"10px"})			
	if (slides > 1) $("#slide_right").css ({top:y-boton_height+"px",left:(slide_size-boton_width-10)+"px",visibility:"visible"})			
	var html_index = ""
	for (i = 0; i < slides; ++i) html_index += "<img hspace=5 class='slide_index' id='slide_index_"+(i+1)+"' src='"+slide_dot_off+"' style='cursor:pointer' onclick='go_to_slide ("+(i+1)+")'>"
	$("#slides_index").html (html_index)
	
	$("#slide_index_1").attr("src", slide_dot_on);
}

function go_to_slide (nslide)
{
	$(".slide_index").attr("src", slide_dot_off);
	$("#slides_container").animate({left: (-1)*(slide_size*(nslide-1))},speed)
  $("#slide_index_"+nslide).attr("src", slide_dot_on);
  if (nslide > 1) $("#slide_left").css ({visibility:"visible"}) 
  else $("#slide_left").css ({visibility:"hidden"})
  if (nslide == slides) $("#slide_right").css ({visibility:"hidden"}) 
  else $("#slide_right").css ({visibility:"visible"})
	slide_current = nslide
}