G4에서 사용하던 스킨을 G5에서 사용하려고 하는데 어렵네요. 

목록화면에서 이미지를 클릭하면 새로 뜨는 창인데, 도움 부탁드립니다.​

<?

$g4_path = "../../../";  

include_once("../../../common.php");

if(!$bo_table) $bo_table = "b2";

$result = sql_query("select * from g4_board_file as a left join g4_write_".$bo_table." as b on a.wr_id=b.wr_id where a.bo_table='$bo_table' and a.wr_id='$wr_id'");

$width = 566;

$height= 400;

$scriptW = $width ;

?> 

<table width=960 height="440" border="0" cellpadding="0" cellspacing="0">

<tr>

<td width="586" height="440" align="center">

<div class="image_view">

<div class="item_img">

 <table cellpadding=10 cellspacing=0 border=0 width=586>

 <tr>

 <td>

<table id="item_imgSet" cellpadding=0 cellspacing=0 border=0 >

<tr><?

$imgCnt = 0;

while($row = mysql_fetch_array($result)){

$imgCnt++;

if($row[bf_file]){

$imgtag = "<img src='/data/file/$bo_table/".$row[bf_file]."' width=$width height=$height id='item_view' border=0>";

}else{

$imgtag = "No Image";

}

echo "<td>$imgtag</td>";

$wh = "h";

         if( $row[bf_width] >= $row[bf_height] ) $wh = "w";

$scriptArray .="'$wh',";

$fRow = $row;

 }

 if($imgCnt == 0){

  echo "<td>No Image</td>";

 }

?></tr>

</table>

</td>

<td width=1 bgcolor=#b8b8b8> </td>

</tr>

</table>

</div>

</div>    

</td>

<td width="374" valign="top">

<table border="0" width="100%" height="100%" cellpadding="10" cellspacing="0">

<tr>

<td width="100%" height="30" valign="middle">

<div class="name">

<font style="font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif; font-size:16pt; font-weight:bold" color=#4d1616>

        <?=$fRow[wr_subject];?></font></div>

        </td></tr>

        <tr><td width="100%" valign="top">

<div class="contents" >

        <font style=" font-family:Arial, Helvetica, sans-serif; font-size:10pt; line-height:180%" color=#4d1616>

●  Hjemmeside : <?=nl2br($fRow[wr_link1]);?><br />

●  Adresse : <?=nl2br($fRow[wr_1]);?><br />

       ●  Tlf : <?=nl2br($fRow[wr_2]);?><br />

        ●  Åpeningstid : <?=nl2br($fRow[wr_3]);?><br />

        ●  Mer info : <?=nl2br($fRow[wr_content]);?></font>

</div>

        </td></tr>

        <tr>

        <td valign="bottom">

<p class="item_btn">

<img src="" id="item_view_left" onclick="fSlideLeft(document.getElementById('imgNum2').value)">

<img src="" id="item_view_right" onclick="fSlideRight(document.getElementById('imgNum2').value)">

</td></tr>

</table>

<img src="<?=$board_skin_path?>/img/btn_close2.gif" class="btn_close">

</td>

</tr>

</table>

<script type="text/javascript">

var imgCnt = <?=($imgCnt-1)?>; // 이미지 총갯수

var imgNum = 0; //디폴트값 0;

var aWh = new Array(<?=$scriptArray?>'');

function fSlideLeft(no){

if(document.getElementById('imgNum2').value <= 0) { document.getElementById('imgNum2').value = 0; return; }

document.getElementById('imgNum2').value = parseInt(document.getElementById('imgNum2').value) - 1;

move_img(document.getElementById('imgNum2').value);

}

function fSlideRight(no){

if(document.getElementById('imgNum2').value >= <?=($imgCnt-1)?> ) return;

document.getElementById('imgNum2').value = parseInt(document.getElementById('imgNum2').value) + 1;

move_img(document.getElementById('imgNum2').value);

   }

var move_img = function(imgNum){ 

var left =  - (imgNum * <?=$scriptW?> );

$("#item_imgSet").animate({left:left+"px"},1000);

if(imgNum <= 0){

$("#item_view_left").attr("src","<?=$board_skin_path?>/img/item_view_left_.gif");

}else{

$("#item_view_left").attr("src","<?=$board_skin_path?>/img/item_view_left.gif");

}

if(imgNum >= imgCnt){

$("#item_view_right").attr("src","<?=$board_skin_path?>/img/item_view_right_.gif");

}else{

$("#item_view_right").attr("src","<?=$board_skin_path?>/img/item_view_right.gif");

}

}

move_img(0);

</script>