/*
DEVELOPED BY TAULÉ-ROCH BEWEB DISSENY S.L
*/
var flinkPopUpWidth;
var flinkPopUpHeight;
var closeButton;

var overflow;

jQuery("body").ready(function(){
	jQuery(".flinkPopUp").click(function(event) {
		
		event.preventDefault();
		var mides			= this.target.split(",")
		
		startPopUp(this.href, mides[0], mides[1], true);
	
	});
});

function startPopUp(url, ample, alt, close_button){
	jQuery(window).resize(flinkChangeSize);
	jQuery(window).scroll(flinkChangeSize);
	flinkPopUpWidth		= ample;
	flinkPopUpHeight	= alt;
	closeButton			= close_button;
	var url				= url;
	
	url=url.replace(/'/g, "%27");
	
	overflow=jQuery("body").css('overflow');
	
	var cosHTML = "	<div id='flinkPopUp'>\
						<div id='flinkPopUpBackground' tabindex='-1'></div>\
						<div id='flinkPopUpClose'><img src='img/close-popup.png'></div>\
						<iframe id='flinkPopUpBody' src='"+url+"' width='"+flinkPopUpWidth+"px' height='"+flinkPopUpHeight+"px'frameborder='0'></iframe>\
					</div>";
					
	jQuery("body").css({overflow: 'hidden'});
	jQuery("body").append(cosHTML)
	
	jQuery("#flinkPopUpBackground").css({opacity: 0.4});
	jQuery("#flinkPopUpBackground").focus();
	
	jQuery("#flinkPopUpClose").click(flinkClose);
	
	if(closeButton==false){ jQuery("#flinkPopUpClose").hide(); }
	flinkChangeSize();
	
	if(!jQuery.browser.msie){
		jQuery("#flinkPopUp").css({opacity: 0});
		jQuery("#flinkPopUp").animate({opacity: 1},500);
	}
}

function flinkResize(ample,alt){	
	flinkPopUpWidth = ample;
	flinkPopUpHeight = alt;
	jQuery("#flinkPopUpBody").width(flinkPopUpWidth);
	jQuery("#flinkPopUpBody").height(flinkPopUpHeight);
	
}
function flinkHideClose(){	
	closeButton = false;
	if(closeButton==false){ jQuery("#flinkPopUpClose").hide(); }
	
}

function flinkChangeSize(){
	var posTOP = jQuery(document).scrollTop();
	var posLEFT = jQuery(document).scrollLeft();
	
	jQuery("#flinkPopUpBackground").width(jQuery(window).width());
	jQuery("#flinkPopUpBackground").height(jQuery(window).height());
	
	var pos_x	= posLEFT+(jQuery(window).width()-flinkPopUpWidth)/2;
	var pos_y	= posTOP+(jQuery(window).height()-flinkPopUpHeight)/2;
	jQuery('#flinkPopUpBody').css({top: pos_y+"px", left: pos_x+"px"});
	
	
	jQuery('#flinkPopUpBackground').css({top: posTOP+"px", left: posLEFT+"px"});
	
	tmp=(pos_x+parseInt(flinkPopUpWidth)+3);
	jQuery('#flinkPopUpClose').css({top: pos_y-7+"px", left: tmp+"px"});
	
}

function flinkClose(){
	jQuery("#flinkPopUp").animate({opacity: 0},500, function(){
		jQuery("#flinkPopUp").remove();
		jQuery("body").css({overflow: overflow});
	});
	//alert("A");
}