$(document).ready(function() {
/*

$('#logo').slideDown(1300, function(){
	
	
	$('#menu').slideDown(1000, function(){
	$('#logo').removeClass('oculto');
			$('#1').fadeIn('slow');

			});
	});
*/
	//Speed of the slideshow
	var speed = 8000;
	
	//You have to specify width and height in #slider CSS properties
	//After that, the following script will set the width and height accordingly
	$('#mask-gallery, #gallery li').width($('#slider').width());	
	$('#gallery').width($('#slider').width() * $('#gallery li').length);
	$('#mask-gallery, #gallery li, #mask-excerpt, #excerpt li').height($('#slider').height());
	
	//Assign a timer, so it will run periodically
	//var run = setInterval('newsscoller(0)', speed);	
	
	$('#gallery li:first, #excerpt li:first').addClass('selected');

	//Pause the slidershow with clearInterval
	$('#btn-pause').click(function () {
		clearInterval(run);
		return false;
	});

	//Continue the slideshow with setInterval
/*	$('#btn-play').click(function () {
		run = setInterval('newsscoller(0)', speed);	
		return false;
	});*/
	
	//Next Slide by calling the function
	$('#btn-next').click(function () {
		newsscoller(0);	
		return false;
	});	
	
	//Previous slide by passing prev=1
	$('#btn-prev').click(function () {
		newsscoller(1);	
		return false;
	});	
	
	
	
});

function irAImg(id)
{
	//Get the current selected item (with selected class), if none was found, get the first item
	var current_image = $('#gallery li.selected').length ? $('#gallery li.selected') : $('#gallery li:first');
	var current_excerpt = $('#excerpt li.selected').length ? $('#excerpt li.selected') : $('#excerpt li:first');

	//clear the selected class
	$('#excerpt li, #gallery li').removeClass('selected');

	
	
//Get next sibling
	var next_image = document.getElementById(id);
	var next_excerpt = document.getElementById(id);
	
	//reassign the selected class to current items
	next_image.className ='selected';
	next_excerpt.className ='selected';

//Scroll the items
	$('#mask-gallery').scrollTo($('#'+id), 500);		
	$('#mask-excerpt').scrollTo($('#'+id), 500);		
	
	
	
	
	

	

}


function newsscoller(prev) {

	//Get the current selected item (with selected class), if none was found, get the first item
	var current_image = $('#gallery li.selected').length ? $('#gallery li.selected') : $('#gallery li:first');
	var current_excerpt = $('#excerpt li.selected').length ? $('#excerpt li.selected') : $('#excerpt li:first');

	//if prev is set to 1 (previous item)
	if (prev) {
		
		//Get previous sibling
		var next_image = (current_image.prev().length) ? current_image.prev() : $('#gallery li:last');
		var next_excerpt = (current_excerpt.prev().length) ? current_excerpt.prev() : $('#excerpt li:last');
	
	//if prev is set to 0 (next item)
	} else {
		
		//Get next sibling
		var next_image = (current_image.next().length) ? current_image.next() : $('#gallery li:first');
		var next_excerpt = (current_excerpt.next().length) ? current_excerpt.next() : $('#excerpt li:first');
	}

	//clear the selected class
	$('#excerpt li, #gallery li').removeClass('selected');
	
	//reassign the selected class to current items
	next_image.addClass('selected');
	next_excerpt.addClass('selected');

	//Scroll the items
	$('#mask-gallery').scrollTo(next_image, 500);		
	$('#mask-excerpt').scrollTo(next_excerpt, 500);					
	
}


function hacer()
{
//$('#1').fadeIn('slow');
	/*$('#logo').slideDown(1300, function(){
	
	
	$('#menu').slideDown(1000, function(){
	$('#logo').removeClass('oculto');
			$('#1').fadeIn('slow');

			});
	});*/
}


function vaciarForm(obj,comp)
{
 if (obj.value == comp)
 {
	obj.value = '';
 }
 else if (obj.value == '')
 {
	obj.value = comp;
 }
 else {}

}

function losSlides()
{
$('#20').hide();
document.getElementById('20').className ='visibility1';
}

function sacar()
{
document.getElementById('lololo').className ='oculto';
}