Arkadaşlar Müzik,Video vs. arama Script'ime FancyBox eklentisini yapmak istiyorum ama ne yapsam bir türlü düzgün şekilde uygulayamıyorum. Yardımcı olursanız Sevinirim.
Anasayfam
İndex.php Kaynak;
<?PHP header('Content-Type: text/html; charset=iso-8859-9');
//error_reporting(E_ALL);
//ini_set('display_errors',1); 

?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1254">
<meta http-equiv="Content-Language" content="tr">
<title> izle.HemenDinle.org (BETA!) | Anında | Film | Dizi | Video | izle </title>
<meta name="description" content="Dev bir müzik arşivi içinden istediğiniz seçip kolayca dinleyebileceğiniz bir site.">
<meta name="keywords" content="hemendinle,hemen,dinle,hemendinle.org,hemen dinle,bul,bul dinle,mp3 dinle,online,muzik,mp3,dinle,müzikler,oyunları,indirme,indir">
<meta name="author" content="HemenDinle.org">
<meta name="robots" content="all">
<link rel="stylesheet" href="images/style.css" type="text/css">
<link rel="stylesheet" type="text/css" href="images/fancybox/jquery.fancybox-1.3.1.css" media="screen" />
<link rel="stylesheet" href="images/fancybox/box.css">
<link href="images/rhm1.css" rel="stylesheet" type="text/css" media="screen">
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
<script src="images/jquery_003.js" type="text/javascript"></script>
<script src="images/jquery_002.js" type="text/javascript"></script>
<script src="images/jquery.js" type="text/javascript"></script>
<script src="images/util.js" type="text/javascript"></script>
<script type="text/javascript" src="images/swfobject.js"></script>
<script type="text/javascript" src="images/fancybox/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="images/fancybox/jquery.fancybox-1.3.1.js"></script>
</head>
<script type="text/javascript">
		$(document).ready(function() {

			/*
			*   Examples - various
			*/

			$("#various1").fancybox({
				'titlePosition'		: 'inside',
				'transitionIn'		: 'none',
				'transitionOut'		: 'none'
			});

			$("#various2").fancybox();

			$("#various3").fancybox({
				'width'				: '75%',
				'height'			: '75%',
				'autoScale'			: false,
				'transitionIn'		: 'none',
				'transitionOut'		: 'none',
				'type'				: 'iframe'
			});

			$("#[B]various4[/B]").fancybox({
				'padding'			: 0,
				'autoScale'			: false,
				'transitionIn'		: 'none',
				'transitionOut'		: 'none'
			});
		});
	</script>

<body onload="mylist();" bgcolor="#FFFFFF">
	<div id="empty">
		<p align="center"></div>
	<div id="container">
<p align="center">
&nbsp;<a href="http://izle.hemendinle.org/index.php"><img border="0" src="izle-hd.png"></a></p>
<div style="position: absolute; width: 100px; height: 100px; z-index: 1; left: 997px; top: 34px" id="katman1">
	<a href="http://www.hemendinle.org"><img border="0" src="dinle_kck.png"></a></div>
<p align="center">
&nbsp;</p>


		<form name="ara" id="ara" action="/" method="POST">
			<p align="center">
				<input class="search" name="q" id="aramakutu" onfocus="this.value=''" value="Ne izlemek istersiniz ?" type="text" />

				<input class="go" src="images/go.gif" id="aramabuton" value="" type="image" />

			</p>

		</form>
<p align="center">
<br>
<b>Film, Dizi ve Video izlemenin en kolay yolu;	izle.hemendinle.org</b>

		</p>

		<p align="center">
		&nbsp;</p>

		<div id="mylist">   
			<p align="center">   </div>



		<div class="Results">
			<p align="center"></div>


	</div>
 
	<div id="footer" class="kapali">
 
		<p align="center">
 
		
		<span id="close" title="kapat">Kapat X</span>
 
		</p>
		[B]<div id="various4" href="player.swf">[/B]<div id="player"> </div></div>
		
			<p align="center">
 
	</div>
<br>
<br>
<br>
<script src='http://hemendinle.org/hd_toolbar.js' type='text/javascript'></script>
</body></html>
 
<p align="center">
<p align="center"><a href="http://www.ousan.org" TARGET="_blank"> <img border="0"  src="http://hemendinle.org/marka.png" width="97" height="47"></a></p>
<!-- Sayyac counter START v4.2 -->
 
 
 
<script type="text/javascript"> 
<!--
document.write(unescape("%3Cscript src='" + (("https:" == document.location.protocol) ? "https://" : "http://")
 + "srv.sayyac.net/sa.js?_salogin=hemendinleorg&_sav=4.2' type='text/javascript'%3E%3C/script%3E"));
//-->
</script>
<script type="text/javascript"> 
<!--
sayyac.track('hemendinleorg','srv.sayyac.net');
//-->
</script>
<noscript><a href="http://www.sayyac.com/" title="Bedava sayac,istatistik hizmeti"><img src="http://srv.sayyac.net/sa.gif?_salogin=hemendinleorg&amp;_sav=4.2" border="0" alt="" /></a></noscript>
<!-- Sayyac counter END v4.2 -->
<script type="text/javascript"> 
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-12520914-5");
pageTracker._trackPageview();
} catch(err) {}</script>
 
</body>

_play.php Kaynak;

[PHP]
<?
$w=$_POST['s1'];
?>
<div class="skinpreview"><script type="text/javascript" src="images/swfobject.js"></script>
<div name="mediaspace" id="mediaspace">
<script type="text/javascript">
var so = new SWFObject('player.swf','single','500','320','0');
so.addVariable('fullscreen','true');
so.addParam("allowfullscreen","true");
so.addParam("wmode","opaque");
so.addVariable("file","http://divxklip.com/stream.php?v=<?=$w ?>");
so.addVariable("type", "video");
so.addVariable("autostart", "true");
so.write('mediaspace');

</script></div></div>
[/PHP]

js'leri, css'leri herşeyi ayarladım ancak Listelenen video yada ismine tıklandığında Sayfaya ortalanmış şekilde yani;



Bu şekilde görünmesini istiyorum. Yardımcı olursanız çok seviniirm. İyi Günler.