Shadowbox intergration help

[yoyoman]

I have trawled just about eveywhere and not found the answer so i am hoping someone has figured this out and can point me in the right direction.. yes i know there is a contribution but its old and dosnt work on my site, i really would like to intergrate the latest version of shadowbox, i have used it on other sites i have built for friends and it works great in simple sites its really versatile and i would love to get it working in os store so i can open video in the layer

 

i have been using lightbox for a couple of years and its great for opening the image in product info pages but seems a little limited in as much as it will only handle images this is the code i have tried droping in to product_info.php

 

<link rel="stylesheet" type="text/css" href="stylesheet.css">
<link rel="stylesheet" type="text/css" href="shadowbox.css">
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript" src="shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init({
   players:    ["img" "iframe" "html" "flv"]
});
</script>

 

 

and then i am adding the rel="shadowbox" into this line. pretty much the same as the lightbox setup

 

<?php echo '<a href="' . tep_href_link(DIR_WS_IMAGES . $product_info['products_image']) . '" target="_blank" rel="shadowbox">' . tep_image(DIR_WS_IMAGES . $product_info['products_image'], $product_info['products_name'], SMALL_IMAGE_WIDTH*2, SMALL_IMAGE_HEIGHT*2, 'hspace="5" vspace="5"') . '<br>' . TEXT_CLICK_TO_ENLARGE . '</a>'; ?>

 

this dosnt break the store but the shadowbox is not loading, the image just opens in a _blank the same happens if i try linking to a html/iframe page it just opens in a new window

 

any help would be great i thankyou in advance