// JQuery codes for Watch section on homepage

function changePlayerVideo(video_id, post_id, post_title, post_abstract, post_date_time)
{

    var player_jobject = $('#watch_section_player');
    var new_thumbnail_jobject = $('#'+video_id).parent().parent();
    var old_source_url = player_jobject.attr("src");
    var two_parts_1 = old_source_url.split("&");
    var two_parts_2 = two_parts_1[0].split("/v/");
    var old_thumbnail_id = two_parts_2[1];
    var old_thumbnail_jobject = $('#'+old_thumbnail_id).parent().parent();
    
    // The following is used instead changing src of player directly
    // because of the ways IE and Safari handle embed player
    var container_text = '<embed id="watch_section_player" height="186" width="279" allowfullscreen="true" src="http://www.youtube.com/v/'+video_id+'&hl=en&fs=1&rel=0&autoplay=1" type="application/x-shockwave-flash"/>';
    $('#player_container').html(container_text);
    
    old_thumbnail_jobject.removeClass("active");
    new_thumbnail_jobject.addClass("active");

    var title_link = $('#player_title_link').attr("href");
    var title_link_parts = title_link.split("=");
    title_link = title_link_parts[0]+"="+post_id;
    $('#player_title_link').attr("href", title_link);
    $('#player_title_link').text(post_title);
    $('#player_abstract').text(post_abstract);
    $('#player_date_time').text(post_date_time);
    
}