// JavaScript Document

/*
	Author : Nick Cyrus Lemus Duque
	16 FEB 2010
*/
(function ($) {
	
	var $lightpulpo,
	$overlay,
	$iframe,
	$window = $(window),
	$body   = $('body');
	
	defaults = {
		iframeheight: false,
		iframewidth: false,
		overlayClose : true,
		initialWidth: "800",
		initialHeight: "600",
		opacity: 0.9,
		href : '',
		preloading: true,
		next: "next",
		close: "close",
	};
	
	
	
	$.fn.Lightpulpo = function (options, callback) {
			
			var property = $.extend({}, defaults, options);		
			
			if (!property.href){
				$(this).click(function(e){
				
				var href = (this.href) ? this.href : property.href;
				
				if (href){
						
						$overlay  = '<div id="overlayUni"></div>';
						
						var height = (property.iframeheight) ? property.iframeheight : property.initialHeight;
						var width = (property.iframewidth) ? property.iframewidth : property.initialWidth;
						
						
						height  = setSize(height , 'y');
						width = setSize(width,'x');	
						
						
						$iframe  = '<div id="Icontent" style="height:'+height+'px;width:'+width+'px"><iframe allowtransparency="yes" frameborder="0" height="100%" width="100%" scrolling="auto" id="iFrameUniform" name="iFrameUniform" src="'+href+'"></iframe><br style="clear:both;" /><div id="Icompartir" align="right"><a id="iclose">cerrar</a></div></div>';
						
						$ilogo = '<div id="ilogo"></div>';
						
						
						$('body').append($overlay);
						
						$('body').prepend($iframe)
								 .prepend($ilogo)
						
						$('body').css({
									  	overflow : 'hidden'
									  })
						
						var Size = getSizeBody();
						var SizeWindow = getSizeWindow();
						
						
						
						$('#Icompartir').clc
						
						$('#overlayUni').css({
											 	width    : Size[0],
												height   : Size[1]+200,
												position : 'absolute',
												top		 : '0px',
												left     : '0px',
												'overflow' : 'hidden',
												opacity  : property.opacity
											})
						
						///alert(SizeWindow[1])
						$('#ilogo').css({
											'top':((SizeWindow[1]+$window.scrollTop())-80)
										})
						
						posTop  = ((SizeWindow[1]/2)-(height/2)-24)+$window.scrollTop(),
						posLeft = ((SizeWindow[0]/2)-(width/2))+$window.scrollLeft();
		
						
						
						$('#Icontent').css({
												position : 'absolute',
												top 	 : posTop,
												left     : posLeft,
												opacity  : 'none'
											 })
						
						
						
						/***************/	
						$(window).resize(function(){
							
							var Size = getSizeBody();
							var SizeWindow = getSizeWindow();
							
							$('#overlayUni').css({
											 	width    : Size[0],
												height   : Size[1]+200,
												position : 'absolute',
												top		 : '0px',
												left     : '0px',
												'overflow' : 'hidden',
												opacity  : property.opacity
							})
							
							
							
						
							posTop = ((SizeWindow[1]/2)-(height/2))+$window.scrollTop(),
							posLeft = ((SizeWindow[0]/2)-(width/2))+$window.scrollLeft();
							$('#Icontent').animate({
												top 	 : posTop,
												left     : posLeft,
												opacity  : 'none'
												
							 },500)
							
							$('#ilogo').css({
											'top':((SizeWindow[1]+$window.scrollTop())-80)
							})
							
						})
						/*
							Close overlay
						*/
						$('#overlayUni , #iclose').click(function(){
								$('#ilogo').fadeOut(1000);							  
								$('#Icontent').fadeOut(1000,function(){
								$('#overlayUni').fadeOut(500, function(){
																$('#overlayUni,#iFrameUniform,#Icontent,#ilogo').remove()
																$('body').css({
																		  	overflow : 'auto'
																	  });				   
															})
								})
								closeVideoPlayer();
						})
						//alert(getSizeWindows());
				
				 // End href
				}

				e.preventDefault();
			})
			}else{
				
				
				var href = (this.href) ? this.href : property.href;
				
				if (href){
						
						$overlay  = '<div id="overlayUni"></div>';
						
						var height = (property.iframeheight) ? property.iframeheight : property.initialHeight;
						var width = (property.iframewidth) ? property.iframewidth : property.initialWidth;
						
						
						height  = setSize(height , 'y');
						width = setSize(width,'x');	
						
						
						$iframe  = '<div id="Icontent" style="height:'+height+'px;width:'+width+'px"><div id="iclose"></div><iframe allowtransparency="yes" frameborder="0" height="100%" width="100%" scrolling="auto" id="iFrameUniform" name="iFrameUniform" src="'+href+'"></iframe><br style="clear:both;" /></div>';
						
						$ilogo = '<div id="ilogo"></div>';
						
						
						$('body').append($overlay);
						
						$('body').prepend($iframe)
								 .prepend($ilogo)
						
						$('body').css({
									  	overflow : 'hidden'
									  })
						
						var Size = getSizeBody();
						var SizeWindow = getSizeWindow();
						
						
						$('#overlayUni').css({
											 	width    : Size[0],
												height   : Size[1]+200,
												position : 'absolute',
												top		 : '0px',
												left     : '0px',
												'overflow' : 'hidden',
												opacity  : property.opacity
											})
						
						///alert(SizeWindow[1])
						$('#ilogo').css({
											'top':((SizeWindow[1]+$window.scrollTop())-80)
										})
						
						posTop  = ((SizeWindow[1]/2)-(height/2)-24)+$window.scrollTop(),
						posLeft = ((SizeWindow[0]/2)-(width/2))+$window.scrollLeft();
		
						
						
						$('#Icontent').css({
												position : 'absolute',
												top 	 : posTop,
												left     : posLeft,
												opacity  : 'none'
											 })
						
						
						
						/***************/	
						$(window).resize(function(){
							
							var Size = getSizeBody();
							var SizeWindow = getSizeWindow();
							
							$('#overlayUni').css({
											 	width    : Size[0],
												height   : Size[1]+200,
												position : 'absolute',
												top		 : '0px',
												left     : '0px',
												'overflow' : 'hidden',
												opacity  : property.opacity
							})
							
							
							
						
							posTop = ((SizeWindow[1]/2)-(height/2))+$window.scrollTop(),
							posLeft = ((SizeWindow[0]/2)-(width/2))+$window.scrollLeft();
							$('#Icontent').animate({
												top 	 : posTop,
												left     : posLeft,
												opacity  : 'none'
												
							 },500)
							
							$('#ilogo').css({
											'top':((SizeWindow[1]+$window.scrollTop())-80)
							})
							
						})
						/*
							Close overlay
						*/
						$('#overlayUni , #iclose').click(function(){
								$('#ilogo').fadeOut(1000);							  
								$('#Icontent').fadeOut(1000,function(){
								$('#overlayUni').fadeOut(1000, function(){
																$('#overlayUni,#iFrameUniform,#Icontent,#ilogo').remove()
																$('body').css({
																		  	overflow : 'auto'
																	  });				   
															})
								})	
						})
						//alert(getSizeWindows());
				
				 // End href
				}

				
			
			}
	
	// End Función
	}
	
	// Convert % values to pixels
	function setSize(size, dimension) {
		dimension = dimension === 'x' ? $window.width() : $window.height();//document.documentElement.clientWidth : document.documentElement.clientHeight;
		return (typeof size === 'string') ? Math.round((size.match(/%/) ? (dimension / 100) * parseInt(size, 10) : parseInt(size, 10))) : size;
	}

	getSizeWindow=function(){
		
		width = $(window).width();
		height = $(window).height();
		var Size = new Array(width,height);
		return Size;
	}
	
	getSizeBody=function(){
		
		width = $('body').width();
		height = $('body').height();
		var Size = new Array(width,height);
		return Size;
	}
	
	
}(jQuery));