// INIT
var textoRibbon, statusAbierto, currentPic, previousPic, totalPics;
//jQuery.easing.def = "easeInOutCirc"; 

statusAbierto = false;
textoRibbon = $('.ribbon').text();

// FIXES
$('.mailto').attr('href', 'mailto:hola@luisherrero.es');

$('.ribbon').click(slideStatus);
window.onload = initSlideshow;


// FUNCTIONS

function initSlideshow()
{
  $('.slides img').removeAttr("width").removeAttr("height");
  checkSlideshowHeight()
	$(window).resize(checkSlideshowHeight);

	if( $('.slideshow img').length > 1 ){
		$('.slideshow').append('<a href="#" class="btnSlide next"></a><a href="#" class="btnSlide prev"></a>');		
		$('.slideshow .next').click(nextSlide);
		$('.slideshow .prev').click(prevSlide);
		totalPics = $('.slideshow img').length;
		currentPic = 0;
		previousPic = totalPics-1;
		initSlideShowNav()
	}
}



function nextSlide()
{
	if(currentPic<totalPics-1){
		previousPic = currentPic;
		currentPic++;
	}else{
		previousPic = totalPics-1;
		currentPic = 0;
	}
	changeSlide()
	return false;
}


function prevSlide()
{
	if (currentPic>0){
		previousPic = currentPic;
		currentPic--
	}else{
		previousPic = 0;
		currentPic = totalPics-1
	} 
	changeSlide()
	return false;
}


function changeSlide()
{
	$('.slideshow img').css({ zIndex:1, position:"absolute", left:"0px", top:"0px"})
	$('.slideshow img:eq('+previousPic+')').css({ zIndex: 2 }).fadeIn(0);
	$('.slideshow img:eq('+currentPic+')').css({ zIndex: 3 }).fadeOut(0).fadeIn(400);
	updateDot()
}


function initSlideShowNav()
{
	$('.slideshow').append('<ol></ol>');		
	for (i=0; i<totalPics; i++){
		$('.slideshow ol').append('<li><a href="#"></a></li>');		
	}
	$('.slideshow ol li a:first').addClass('currentSlide');
	var posX = $('.slideshow ol').outerWidth()/2
	$('.slideshow ol').css({ marginLeft: -posX+"px"})
	$('.slideshow ol a').click(slideShowNav)
}

function slideShowNav()
{
	previousPic = currentPic;
	currentPic = $('.slideshow ol a').index($(this));
	changeSlide()
	updateDot()
	return false;
}

function updateDot()
{
	$('.slideshow ol a').removeClass('currentSlide');
	$('.slideshow ol a:eq('+currentPic+')').addClass('currentSlide');
}








function checkSlideshowHeight()
{
	$('.mask').height($('.slideshow ul li img:first').height())
}


function slideStatus()
{
	if (statusAbierto){
		$('.status').animate({marginTop:"-409px"}, 400);
		$('.mypic').animate({right:"0px"},350)
		statusAbierto = false;
		$('.ribbon').text(textoRibbon);
	}else{
		$('.status').animate({marginTop:"0px"}, 400);
		$('.mypic').animate({right:"80px"},450)
		statusAbierto = true;
		$('.ribbon').text("cerrar");
	} 
	return false;
}