function get_video_url(video_th){
  for (var i = 0; i < videos.length; i++) {
      if (videos[i][0]==video_th){
          return videos[i][1]
      }
  }
  return video_th
}

function do_thumb(){
    // check if the videos are google one
    for  (var i = 0; i <video_thumbs.length; i++) {
        if (video_thumbs[i][1].substring(0, 40)=='http://video.google.com/videofeed?docid='){
           var thum_id =  video_thumbs[i][0]
           var feed = new google.feeds.Feed(video_thumbs[i][1]);
           feed.setResultFormat(google.feeds.Feed.XML_FORMAT);
           feed.load(function(result) {
               if (!result.error) {
                    var container = result.xmlDocument.getElementsByTagName("media:thumbnail")[0];
                    var thumb = container.attributes.getNamedItem("url").nodeValue
                    $("#"+thum_id).attr('src', thumb);
               }
            });
        }
    }
}

clickMenuVideo = function(menu, element_id) {
  // find the main image input field & therefore the currently selected id
  var input = document.getElementById(element_id);
  var selected_id = '';

  if (input != undefined) {
    selected_id = input.value;
  }
  var selected_index = 0;
  var div_menu = document.getElementById(menu);
  if (div_menu != undefined) {
    var l = div_menu.getElementsByTagName("LI");
    for (var i=0; i<l.length; i++) {
      var img = l[i].getElementsByTagName('img')[0];

      if (img.id == selected_id) {
        selected_index = i;
      }

      l[i].onclick=function() {
      // update the interface by setting the CSS class name on just this element
      var m = document.getElementById(menu).getElementsByTagName("LI");
      for (var x=0; x<m.length; x++) {
         m[x].className = m[x].className.replace("click", "");
      }
      this.className += " click";
      var img = this.getElementsByTagName('img')[0]
      // we get the video link for the selected elements... 
      
      // change the src for the embed tag (might have to change the id...)
      var sel = document.getElementById("video_div");
      // redo the video stuff  in video_div
      var new_el='<embed id="vid_video" src="'+get_video_url(img.id)+'" autostart="false" width="468" height="294" />'
      //sel.src = get_video_url(img.id);
      sel.innerHTML = new_el;
  
      var sel_cap = document.getElementById("div_"+element_id);
        
      sel_cap.innerHTML = img.alt

      // update the hidden form element if it exists
      var input = document.getElementById("hide_"+element_id);
      if (input != undefined) {
          input.value = img.id;
      }
      }
    }

    // Trigger for the first image
    if (l.length>=1){
      l[selected_index].onclick(true)
    }
  }
}