var currentfoto=0;
var fotoanterior=0;
var totalfotos=0;
var tcurrent=0;
var tiempo;
var intervalo=6000;

$(document).ready(function(){
	$('.xsubmenu').css('display','none');
	$('.xmenu.current').next('.xsubmenu').css('display','block');
	$('.xmenu').click(function(){
		$('.xsubmenu').slideUp('fast');
		$(this).next('.xsubmenu').slideDown('fast');
	});
	//slide
	$('#listafotos').css('display','none');
	totalfotos=$('#listafotos li').length;
	
	var tmphtml=$('#listafotos ul li').get(0);
	$('#xfoto2').html(tmphtml.innerHTML);
	
	for(k=0;k<totalfotos;k++){
		if((k+1)==1)
			$('#fotonumeros').prepend('<div class="current" id="#fotonum'+k+'" onclick="irfoto('+k+')">'+(k+1)+'</div>');
		else
			$('#fotonumeros').prepend('<div id="#fotonum'+k+'" onclick="irfoto('+k+')">'+(k+1)+'</div>');
	}
	tiempo=setInterval('reloj()',intervalo);
});

function irfoto(param){
	clearInterval(tiempo);
	mostrarslide(param);
	tcurrent=param;
	tiempo=setInterval('reloj()',intervalo);
}

function reloj(){
    tcurrent++;
    if (tcurrent==totalfotos)
        tcurrent=0;
    mostrarslide(tcurrent);
}

function mostrarslide(param){
    $('#fotonumeros div').removeClass('current');
    document.getElementById('#fotonum'+param).className='current';
    $('#xfoto1').css('display','none');
    $('#xfoto1').html($('#listafotos ul li').get(param).innerHTML);
	/*$('#fotonumeros').css('display','none');*/
     $('#xfoto1').fadeIn(2000, function(){
		$('#xfoto2').html($('#listafotos ul li').get(param).innerHTML); 
		/*$('#fotonumeros').css('display','block');*/
    });
}