jQuery(document).ready(function(){

jQuery("a.video_handler").each(function(){
  jQuery(this).click(function(evt){
    var url = jQuery(this).attr("href");
    play_video(url);
    return false;
  });
});
  
});

function play_video(url){
  var width = 480;
  var height = 270;
  var video_player = jQuery("#video_player");
  
  var frame_holder = jQuery("<div id='frame_holder'/>");
  
  frame_holder.width(width).height(height);
  if(url.indexOf("youtube")>-1){
    //youtube link
   frame_holder.html("<iframe title='video player' width='"+width+"' height='"+height+"' src='"+url+"' frameborder='0' allowfullscreen></iframe>");
  }
  else{
    //vimeo link
    //process it a bit
    var vimeo_parts = url.split("/");
    var vimeo_id = vimeo_parts[vimeo_parts.length - 1];    
    var new_url = "http://player.vimeo.com/video/" + vimeo_id+"?title=0&amp;byline=0&amp;portrait=0&amp;autoplay=1";
    frame_holder.html("<iframe title='video player' width='"+width+"' height='"+height+"' src='"+new_url+"' frameborder='0' allowfullscreen></iframe>");
  }
  
  pause_cycle_hide();
  
  video_player.append(frame_holder);
  
  var video_control = jQuery("<div id='video_control'/>");
  video_control
  .css("overflow","hidden")
  .css("text-align","center")
  .css("padding","10px 0")
  .css("display","none");
  
  video_control.append("<a href='javascript:;' onclick='return stop_video()'>stop video</a>");
  frame_holder.append(video_control);
  
  setTimeout("slide_down_stop_video()",2000);
  
}

function slide_down_stop_video(){
var video_control = jQuery("#video_control");
video_control.slideDown("slow");
}

function stop_video(){
jQuery("#frame_holder").remove();
show_cycle_resume();
return false;
}

function pause_cycle_hide(){
  jQuery("#cycle_display").cycle("pause").hide();
}

function show_cycle_resume(){
  jQuery("#cycle_display").show().cycle("resume");
}