jQuery(document).ready(function() {		
	var id = 'Home';
	$('#page').fadeIn(2500);
	$('#ajax_carga').html('<br /><br /><br /><br /><br /><br /><div style="text-align:center;"><img src="/img/ajax-loader.gif" alt="Cargando contenido..." title="Cargando contenido..." /></div>');
	$.post('/home.php', function(data){
		// Ponemos la respuesta de nuestro script en el parrafo recargado
		$('#ajax_carga').html(data);
	});
	$('#Home').click(function(event) {
		if (id==$(this).attr('id'))
			event.preventdefault;
		else
		{
			$("div").getNiceScroll().hide();
			$('#ajax_carga').html('<br /><br /><br /><br /><br /><br /><div style="text-align:center;"><img src="/img/ajax-loader.gif" alt="Cargando contenido..." title="Cargando contenido..." /></div>');
			$.post('/home.php', function(data){
				// Ponemos la respuesta de nuestro script en el parrafo recargado
				$('#ajax_carga').html(data);
			});
			id = $(this).attr('id');
		}
	});
	$('#Staff').click(function(event) {
		if (id=='Staff')
			event.preventdefault;
		else
		{
			$("div").getNiceScroll().hide();
			$('#ajax_carga').html('<br /><br /><br /><br /><br /><br /><div style="text-align:center;"><img src="/img/ajax-loader.gif" alt="Cargando contenido..." title="Cargando contenido..." /></div>');
			$.post('/staff.php', function(data){
				// Ponemos la respuesta de nuestro script en el parrafo recargado
				$('#ajax_carga').html(data);
			});
			id = $(this).attr('id');
		}
	});
	$('#Clientes').click(function(event) {
		if (id=='Clientes')
			event.preventdefault;
		else
		{
			$("div").getNiceScroll().hide();
			$('#ajax_carga').html('<br /><br /><br /><br /><br /><br /><div style="text-align:center;"><img src="/img/ajax-loader.gif" alt="Cargando contenido..." title="Cargando contenido..." /></div>');
			$.post('/clientes.php', function(data){
				// Ponemos la respuesta de nuestro script en el parrafo recargado
				$('#ajax_carga').html(data);
			});
			id = $(this).attr('id');
		}
	});
	$('#Contacto').click(function(event) {
		if (id=='Contacto')
			event.preventdefault;
		else
		{
			$("div").getNiceScroll().hide();
			$('#ajax_carga').html('<br /><br /><br /><br /><br /><br /><div style="text-align:center;"><img src="/img/ajax-loader.gif" alt="Cargando contenido..." title="Cargando contenido..." /></div>');
			$.post('/contacto.php', function(data){
				// Ponemos la respuesta de nuestro script en el parrafo recargado
				$('#ajax_carga').html(data);
			});
			id = $(this).attr('id');
		}
	});
	$('#Huella').click(function(event) {
		if (id=='Huella')
			event.preventdefault;
		else
		{
			$("div").getNiceScroll().hide();
			$('#ajax_carga').html('<br /><br /><br /><br /><br /><br /><div style="text-align:center;"><img src="/img/ajax-loader.gif" alt="Cargando contenido..." title="Cargando contenido..." /></div>');
			$.post('/huella.php', function(data){
				// Ponemos la respuesta de nuestro script en el parrafo recargado
				$('#ajax_carga').html(data);
			});
			id = $(this).attr('id');
		}
	});
	
	$('#slider').nivoSlider({
        effect:'random', // Specify sets like: 'fold,fade,sliceDown'
        slices:15, // For slice animations
        boxCols: 8, // For box animations
        boxRows: 4, // For box animations
        animSpeed:500, // Slide transition speed
        pauseTime:10000, // How long each slide will show
        startSlide:0, // Set starting Slide (0 index)
        directionNav:true, // Next & Prev navigation
        directionNavHide:true, // Only show on hover
        controlNav:true, // 1,2,3... navigation
        controlNavThumbs:false, // Use thumbnails for Control Nav
        controlNavThumbsFromRel:false, // Use image rel for thumbs
        controlNavThumbsSearch: '.jpg', // Replace this with...
        controlNavThumbsReplace: '_thumb.jpg', // ...this in thumb Image src
        keyboardNav:false, // Use left & right arrows
        pauseOnHover:true, // Stop animation while hovering
        manualAdvance:false, // Force manual transitions
        captionOpacity:0.8, // Universal caption opacity
        prevText: 'Prev', // Prev directionNav text        nextText: 'Next', // Next directionNav text
        beforeChange: function(){}, // Triggers before a slide transition
        afterChange: function(){}, // Triggers after a slide transition
        slideshowEnd: function(){}, // Triggers after all slides have been shown
        lastSlide: function(){}, // Triggers when last slide is shown
        afterLoad: function(){} // Triggers when slider has loaded
    });
	
	
	
	//funcion slider imagenes banner
	
	$("#slideshow").css("overflow", "hidden");
	
	$("ul#slides").cycle({
	fx: 'fade',
	pause: 1, 
	timeout: 5000,
	speed: 5000
});
});