trying to get hidden iframe to have new content based on click

[rievan]

Hello, I have a simple question regarding a dynamic page that shows new content in a hidden div depending on what image people click. below I have two separate pieces, one is an array that stores all the video's that are going to be displayed, and below that is a java script function that executes the appropriate code to be displayed depending on the image that is clicked. The location where the video is played is on a hidden div that reveals its self in the center of the screen.

shows one is the show hide function and vid3 is the function that I am using to execute the iframe code into the hidden div.

please help :) thanks guys....

<div id="one">

<?php

$imgName = "<img src='https://s3.amazonaws.com/evp-4cdcc47a9e520-e05dfde6a98f5886d7a9acbfd5d81e47/images/downloadthumb_opt.jpg' width='230'/>";


$data = array (

array (
   'first' => array
        (
            "name" => "
            <div class='vidspot'> <font color='gray'> video 3 </font><br/>
            ",
            "thumb" => "

            <a href='javascript:showsone(),Vid3()'>$imgName</a>
            
<script type='text/javascript'>
function Vid3(){

var vid=vid3;

}

</script></div>",
        )),
array (
   'first' => array
        (
            "name" => "<div class='vidspot'> <font color='gray'> video 4 </font><br/>",
            "thumb" => "<a href='javascript:showsone(),Vid4()'>$imgName</a>
            </div>",
        )),
);    


?>

<script>
function Vid3(){
var vidv4="test 3";
document.write(vidv4);
}
            
function Vid4(){
var vid=vidv4;
}
var vidv4="<iframe src='http://player.vimeo.com/video/25679005?title=0&amp;byline=0&amp;portrait=0&amp;autoplay=0' width='960' height='520' frameborder='0'></iframe>";

document.write(vid);

</script>