function fls(boxW,boxH,tip,code,cubuk){

	kapatBtn = "js/close.png"
	kapatBtnW = 42;
	kapatBtnH = 42;
		
	if (boxW == "") { boxW = 800;}else{boxW = boxW + 20} 
	if (boxH == "") {boxH = 600;} else{boxH = boxH + 20} 
	var bg = document.createElement('div');
	var dv = document.createElement('div');
	var kpt = document.createElement('div');
	bg.setAttribute('class', "f_bg");
	dv.setAttribute('class', "block");
	kpt.setAttribute('class', "kapat"); 
	$(document).append(bg);
	$(document).append(dv);
	$(document).append(kpt);
	
	$('.f_bg').css({
			width: 1+"px",
			height: 1+"px",
			padding:10 +"px",
			overflow :"hidden",
			visibility:"hidden",
			
	});

	$('.block').css({
			width: 1+"px",
			height: 1+"px",
			padding:10 +"px",
			overflow :"hidden",
			visibility:"hidden",
			"z-index" : 9005
	});
	$('.kapat').css({
			width: 1+"px",
			height: 1+"px",
			visibility:"hidden",
			"z-index" : 9009
	});
	$(".kapat").append('<img src="'+kapatBtn+'" border="0" style="margin:0px auto; border="none" />')
	if (tip == "iframe"){
		dv.innerHTML = '<iframe src="'+code+'" frameborder="0" scrolling="'+cubuk+'" width="100%" height="100%" ></iframe>'
	}else if (tip == "image"){
		dv.innerHTML = '<img src="'+code+'" border="0" />';
	}else{
		dv.innerHTML = code;
	}
	
	$(function(){
		var LW = ($(window).width() - boxW);
		var TH = ($(window).height() - boxH);
		var Wt = 1024;
		var Wh = 768;
		Wt = $(window).width();
		Wh = $(window).height();
		$('.f_bg').css({
			position: 'absolute',
			background: '#000000',
			width: $(window).width()+"px",
			height: $(window).height()+"px",
			visibility:'visible',
			"z-index" : 9000,
			opacity:0
			}).animate( {opacity:.7}, 2000,function() {
			$('.block').css({
				position :"absolute",
				background :"#000",
				visibility:'visible',
				top : (Wh - $('.block').height())*0.5 +"px" ,
				left :(Wt - $('.block').width())*0.5 +"px"
			}).animate({
				left: LW * 0.5+ 'px',
				top: TH* 0.5+ 'px',
				width: boxW +"px",
				height: boxH +"px"
				}, "slow", function() {
					$('.kapat').css({
						top : (Wh - $('.block').height())*0.5 +"px" ,
						left :(Wt + $('.block').width())*0.5 +"px",
						position :"absolute",
						visibility:"visible",
						cursor:"pointer"
					}).animate({
						width: kapatBtnW+"px",
						height: kapatBtnH+"px",
						top : ($(window).height() - $('.block').height())*0.5 - kapatBtnH*0.5 +"px"	,
						left : ($(window).width() + $('.block').width())*0.5 +"px"}
						, "fast");	
					});
				});
			});
			$(window).resize(function() {
				$('.block').animate({"left": ($(window).width() - $('.block').width()) * 0.5+ "px","top": ($(window).height() - $('.block').height())* 0.5+ "px"}, "slow");
				$('.kapat').animate({"left": ($(window).width() + $('.block').width())*0.5 +"px","top":($(window).height() - $('.block').height())*0.5 - kapatBtnH*0.5 +"px"}, "slow");
				$('.f_bg').css({
				width :$(window).width(),
				height :$(window).height()
			})
			});
			$(".kapat").click(function(){
  				$('.block').animate({opacity:0}, 1000,function() {
						$('.f_bg').animate({opacity:0}, 1000)
						document.body.removeChild(dv);
						document.body.removeChild(bg);
						document.body.removeChild(kpt);
						document.body.style.cursor = "auto";
					})
				$('.kapat').animate({opacity:0}, 1000)
			});
			$(".f_bg").click(function(){
  				$('.block').animate({opacity:0}, 1000,function() {
						$('.f_bg').animate({opacity:0}, 1000)
						document.body.removeChild(dv);
						document.body.removeChild(bg);
						document.body.removeChild(kpt);
						document.body.style.cursor = "auto";
					})
				$('.kapat').animate({opacity:0}, 1000)
			});
			
			
		}