// FULL SIZE
// ##################################################################################
$.fn.FullSize = function() {
	return this.each(function() {

		//Gather browser and current image size
		//var imagewidth = $(this).width();
		//var imageheight = $(this).height();
		var imagewidth = $(this).attr('xml:w');//'768';
		var imageheight = $(this).attr('xml:h');//'576';
		
		var browserwidth = $(window).width();
		var browserheight = $(window).height();
		
		//Define image ratio
		var ratio = imageheight/imagewidth;
		
		//When browser is taller	
		if (browserheight > browserwidth){
			imageheight = browserheight;
			$(this).height(browserheight);
			imagewidth = browserheight/ratio;
			$(this).width(imagewidth);

			if (browserwidth > imagewidth){
				imagewidth = browserwidth;
				$(this).width(browserwidth);
				imageheight = browserwidth * ratio;
				$(this).height(imageheight);
				}
			
			// CENTRAR LA IMAGEN
			$(this).css({
				'position': 'absolute',
				'left':'-'+ ((imagewidth-browserwidth)/2) +'px'
				});
			}

		//When browser is wider
		if (browserwidth >= browserheight){
			imagewidth = browserwidth;
			$(this).width(browserwidth);
			imageheight = browserwidth * ratio;
			$(this).height(imageheight);

			if (browserheight > imageheight){
				imageheight = browserheight;
				$(this).height(browserheight);
				imagewidth = browserheight/ratio;
				$(this).width(imagewidth);
				}
			
			// CENTRAR LA IMAGEN
			$(this).css({
				'position': 'absolute',
				'top':'-'+ ((imageheight-browserheight)/2) +'px'
				});
			
			}
		
		return false;
		});
	};
	
// ##################################################################################
// FULL SIZE

// CENTRAR CONTENIDOS
// ##################################################################################
$.fn.Centrar = function () {
	var t = Math.round((document.documentElement.clientHeight- $(this).height())/2) + $(window).scrollTop();
	var l = Math.round((document.documentElement.clientWidth- $(this).width())/2);
	
	// NO PASA DEL BORDE SUPERIOR DE LA PAGINA
	if (t <= 0) t = 0;
	if ($(this).height() > $(window).height()) t = $(window).scrollTop()

	// APLICAR
	$(this).css({
		'top': t + 'px',
		'left': l + 'px'
		});
		
	return this;
	}
// ##################################################################################
// CENTRAR CONTENIDOS






