$(document).ready(function() {
					   
/* função slide **/						   
	$('#slide')
		.before('<div id="nav">') 
		.cycle({ 
			fx:     'turnLeft', 
			speed:  'fast', 
			timeout: 0, 
			pager:  '#paginacao',
			after: function (currSlideElement, nextSlideElement, options, forwardFlag) {
			  resizeImageSCut(true);
			  
			}
		});
		
});		

$(window).resize(function(){
	// gestión del resize de la ventana
	resizeImageSCut(true);
});		

function resizeImageSCut(click) {
	// resize de las imágenes de fondo para encajar en pantalla
	
	// ratio proporcional de la ventana del navegador
	var navWidth = $(window).width();
	var navHeight = $(window).height();
	var navRatio = navWidth / navHeight;

	// ratio proporcional de la imagen
	 picWidth = 1920;
	 picHeight = 1108;
	picRatio = 1920 / 1108;
	
	// escala resultante
	if (navRatio > picRatio) {
		// escalamos la imagen para ajustarse al ancho del navegador
		var newHeight = (navWidth / picWidth) * picHeight;
		var newWidth = navWidth;
	} else {
		// escalamos la imagen para ajustarse a la altura del navegador
		var newHeight = navHeight;
		var newWidth = (navHeight / picHeight) * picWidth;	
	}
	
	// centramos la imagen
	newTop = 0 - ((newHeight - navHeight) / 2);
	newLeft =  0 - ((newWidth - navWidth) / 2);

	// colocamos todas
	$('#slide').css({height: navHeight, width: navWidth});
	$('#slide').css({visibility:"visible", display:"block"});
	
	var altura = navHeight;
	var calculo = ((newHeight - navHeight) / 2);
	var gambi = calculo*2;
	calculo = calculo - gambi;
	
	$('img[id]|=imgs').css({top: newTop,left:newLeft});	
	if(click){
		$('img[id]|=imgs').css({height: newHeight, width: newWidth});
	}
	//alert(navHeight+" - "+navWidth);
	
	
	
	/*// centro y aledañas...
	$(imgCenter).css({top: newTop, left: newLeft});
	$(imgLeft).css({top: newTop, left: newLeft-newWidth});
	$(imgRight).css({top: newTop, left: newLeft+newWidth});
	$(imgUp).css({top: newTop-newHeight, left: newLeft});
	$(imgDown).css({top: newTop+newHeight, left: newLeft});
	
	resizeElementsSCut();*/
	$('.logo img').attr('src',$('#slide img:visible').attr('value'));
}

resizeImageSCut(true);
$(document).load(function() {
	resizeImageSCut(true);
});