// función que cambia las imágenes
function ocultar(id){
  //Oculto las imágenes.
  $(".latder").animate({'background-position': "-150px"}, "slow");
  $(".latizq").animate({'background-position': '150px'}, "slow", function(){
    cambiarImagen(id);	//cambiamos las imágenes
	mostrar();	//mostramos las imágenes.
	});
};

function mostrar(){
  $(".latizq").animate({'background-position':'0px'},"slow");
  $(".latder").animate({'background-position': '0px'}, "slow");
}

function cambiarImagen(id){
	$(".latizq").css({'background-image': 'url(images/'+id+'-izquierdo.png)'});
	$(".latder").css({'background-image': 'url(images/'+id+'-derecho.png)'});	
}

//Creacion de objetos ajax (uso interno)
function crearAjax()
{ 
	var xmlhttp=false; 
	try 
	{ 
		// No IE
		xmlhttp=new ActiveXObject("Msxml2.XMLHTTP"); 
	}
	catch(e)
	{ 
		try
		{ 
			// IE 
			xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
		} 
		catch(E) { xmlhttp=false; }
	}
	if (!xmlhttp && typeof XMLHttpRequest!="undefined") { xmlhttp=new XMLHttpRequest(); } 
	return xmlhttp; 
}

//Solicitar cambio de contenido de div por ajax
function llamarajax(respuestadivid,urlpaginaphp,variables)
{
	    var ajax=crearAjax();
		ajax.open("POST", urlpaginaphp, true);
		ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
		ajax.setRequestHeader("Accept-Charset","UTF-8");
		ajax.send(variables);
		
		ajax.onreadystatechange=function()
		{
			if (ajax.readyState==4)
			{
								
				document.getElementById(respuestadivid).innerHTML=ajax.responseText;
				if(urlpaginaphp == 'portfolio.php')
				{
					moverslider();
				}
				
				// this initialises the demo scollpanes on the page.
				//$('#pane1').jScrollPane({showArrows:true, scrollbarWidth: 17});
				//$('#pane2').jScrollPane({showArrows:true, scrollbarWidth: 15, arrowSize: 16});
				//$('#cuerpo_centro').jScrollPane({showArrows:false, scrollbarWidth: 8});
				//$('#scrolleable2').jScrollPane({showArrows:false, scrollbarWidth: 8});
				//$('#pane4').jScrollPane({scrollbarOnLeft:true});
			}
		}
}

//Cambiar de seccion en la web por ajax
function cambiarseccion(seccionphp,idioma,variablespost)
{

//Vaciamos el contenido actual
document.getElementById('cuerpo').innerHTML='';
//Ponemos gif de carga
document.getElementById('cuerpo').innerHTML='<div align="center"><img src="images/cargando.gif"></div>';
//Llamamos al nuevo contenido
if(variablespost!="")
llamarajax ('cuerpo',seccionphp,variablespost+'&idioma='+idioma);
else
llamarajax ('cuerpo',seccionphp,'idioma='+idioma);
}

function cambiarpagina(url, nropagina)
{
 	//donde se mostrará los registros
 	var divContenido = document.getElementById('divpagina');
 	
 	var ajax=crearAjax();
 	//indicamos el archivo que realizará el proceso de paginar
 	//junto con un valor que representa el nro de pagina
	divContenido.innerHTML='';
	divContenido.innerHTML= '<div align="center"><img src="images/cargando.gif"  margin="auto"></div>';
 	ajax.open("POST", "paginador.php", true);
	ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	ajax.setRequestHeader("Accept-Charset","UTF-8");
	ajax.send('pag='+nropagina);
 	
 	ajax.onreadystatechange=function() 
	{
 		if (ajax.readyState==4) 
		{
   		//mostrar resultados en esta capa
   			divContenido.innerHTML = ajax.responseText
  		}
 	}
}

function cambiarslider(url, idportfol, idioma)
{
	
	var divContenido = document.getElementById('slider1');
 	
 	var ajax=crearAjax();
 	//indicamos el archivo que realizará el proceso del slider
 	//junto con un valor que representa el
	divContenido.innerHTML='';
	divContenido.innerHTML= '<div align="center"><img src="images/cargando.gif" margin="auto"></div>';
 	ajax.open("POST", "slider.php", true);
	ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	ajax.setRequestHeader("Accept-Charset","UTF-8");
	ajax.send('idPortfolio='+idportfol+'&ajax=1');
	 	
 	ajax.onreadystatechange=function() 
	{
 		if (ajax.readyState==4) 
		{
			//mostrar resultados en esta capa
   			divContenido.innerHTML = ajax.responseText;
			
			moverslider();
			cambiarFacebook(idportfol, idioma);
  		}
 	}
	
}

function mostrarmapa(url, idioma)
{
	//Vaciamos el contenido actual
	document.getElementById('cuerpo').innerHTML='';
	//Ponemos gif de carga
	document.getElementById('cuerpo').innerHTML='<div align="center"><img src="images/cargando.gif"></div>';
	//Llamamos al nuevo contenido
	llamarajax ('cuerpo',url,'idioma='+idioma);
}

/*$(function(){
		$("a.muppet").click(function(){
				$('#slider1').anythingSlider(5);
				$(document).scrollTop(0);
				return false;
		});

		// Add a slide
		var imageNumber = 1;
		$('button.add').click(function(){
				$('#slider1')
				.append('<li><img src="slider/demos/images/slide-tele-' + (++imageNumber%2 + 1)  + '.jpg" alt="" /></li>')
				.anythingSlider(); // update the slider
		});
		
		$('button.remove').click(function(){
				if ($('#slider1').data('AnythingSlider').pages > 1) {
					$('#slider1 > li:not(.cloned):last').remove();
					$('#slider1').anythingSlider(); // update the slider
				}
		});

});
*/

function cambiarFacebook(idportfolio, idioma)
{
	document.getElementById('faceboook').src= "http://www.facebook.com/plugins/like.php?locale=" + idioma + "&href=http%3A%2F%2Fwww.estudiobuenavista.com%2F?idPortfolio=" + idportfolio + "%2F&amp;send=false&amp;layout=standard&amp;width=450&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=35"; 	
}
function moverslider()
{
	$('#slider1').anythingSlider({
		startStopped    : false, // Si está en false estará activo el autoplay cuando accedemos a la página.
		width           : 692,   // Ancho del slider
		height			: 400,	 // Alto del slider
//		theme           : 'default',
//		easing          : 'easeInOutBack',
//		autoPlayLocked  : true,  // If true, user changing slides will not stop the slideshow
//		resumeDelay     : 10000, // Resume slideshow after user interaction, only if autoplayLocked is true (in milliseconds).
		onSlideComplete : function(slider){
			// alert('Welcome to Slide #' + slider.currentPage);
		},
		stopAtEnd : false,
		onShowStop : function(e, slider){
			setTimeout(function(){
				if (slider.currentPage === slider.pages) { slider.gotoPage(1); }
			}, 5000);
		}
	});
};