var video_list = "";
var video_page = 1;

/* Util function that gets called to trigger animated search results */
function animVideoBrowseResult(count)
{
    $("#video_container_"+count).fadeIn(350)
}


$(document).ready(function(){           


	function updateVideoBrowsePaginationStats()
	{
	         
		num_pages = Math.round(video_list.length / video_per_page) + 1;
	
		if  (video_list.length / video_per_page == Math.round(num_pages))
			num_pages--;
	
		
		$text = "Page "+video_page+" of " + num_pages;
		$("#vid_pagination").html($text);
	}

	function displayVideoBrowseSearchResults()
	{
					$("#video_list_container").html("");
	                
	                // Iterate through array of results to build out a list
	                var num_videos = video_list.length;

	                var search_results = '';
	                num_display_videos = Math.min(video_per_page, (num_videos - offset))
	                  
	                // Loop through the videos and display them            
	                for (count = offset; count < (num_display_videos + offset); count++)
	                {
	                    row = video_list[count];   
	                    title= row['title'];
	                    title = title.replace(/[^a-z0-9]/ig, "_"); 
	                    
	                    video_url = video_page_base_url + row['id'] + "/" + title + "/";
	                    
	                    create_timestamp = new Date(row['create_timestamp'] * 1000);
   	            		video_url_js = 'onClick="window.location = \''+video_url+'\'"; return false;';

                   
	                    // Build the row                    
	                    var video = "<li id = 'video_container_"+count+"'><div class = 'video_widget_box_inner'>" 
	                    video += "<a href = '"+video_url+"'>"
	                    video += "<div class = 'image_container'><img border='0'' width = '"+thumb_width_scaled+"px' src = '"+row['image_'+thumb_width+'_'+thumb_height]+"'></div>"
	                    video += '<div class = "title">' + row['title'] + "</div></a>"                        
	                    video += '</div></li>';

	                    $(video).appendTo("#video_list_container")   
	                    $("#video_container_"+count).css("display", "none");

	                        
	                    setTimeout("animVideoBrowseResult("+count+");" , (count-offset)*100)
	                }
	                
	                // Hide/Show the left right buttons depending on where you are in the list
	                if ((offset+video_per_page) >= video_list.length)
	                	$("#video_right_btn").children().addClass("inactive")
					else
						$("#video_right_btn").children().removeClass("inactive")

	                if (offset <= 0)
	                	$("#video_left_btn").children().addClass("inactive")
					else
						$("#video_left_btn").children().removeClass("inactive")
						
	}


	    
    $("#video_left_btn").click(function()
    {
		if (offset > 0)    	
    	{
    		offset = Math.max((offset - video_per_page + 1), 0);
			displayVideoBrowseSearchResults();
			video_page--;
			updateVideoBrowsePaginationStats();
		}
    });

    $("#video_right_btn").click(function()
    {
    	if (offset <  video_list.length - video_per_page - 1)
    	{
    		offset = Math.min((offset + video_per_page - 1), (video_list.length));
			displayVideoBrowseSearchResults();
			video_page++;
			updateVideoBrowsePaginationStats();
    	}
    });
    
	displayVideoBrowseSearchResults();         
	updateVideoBrowsePaginationStats();

	    
    
});     
var video_page_base_url = 'http://news.mync.com/site/news/video/'; var video_per_page = 5;var thumb_width = 130;var thumb_height = 97;var thumb_width_scaled = 50;var offset = 0; 
video_list = eval([{"location":"http:\/\/wds.mp.advection.net\/mp\/wncn\/_dld\/vms\/9074\/1120 MCNEILL.flv","title":"Mario McNeill In Court","id":"9074","is_ugc":0,"rating":"3","creator":"David Bertram","duration":12000,"play_count":347,"num_comments":7,"image_130_97":"http:\/\/wds.mp.advection.net\/mp\/wncn\/_dld\/vms\/9074\/1120 MCNEILL_0005_130x97.jpg"},{"location":"http:\/\/wds.mp.advection.net\/mp\/wncn\/_dld\/vms\/9039\/1118 SEANC HEALTH FAIR PKG.flv","title":"SEANC Health Fair","id":"9039","is_ugc":0,"rating":0,"creator":"David Bertram","duration":11500,"play_count":138,"num_comments":0,"image_130_97":"http:\/\/wds.mp.advection.net\/mp\/wncn\/_dld\/vms\/9039\/1118 SEANC HEALTH FAIR PKG_0005_130x97.jpg"},{"location":"http:\/\/wds.mp.advection.net\/mp\/wncn\/_dld\/vms\/5023\/2009ReflectionsMontage.flv","title":"NBC 17 \"WOW\"-ed by Youth Artwork","id":"5023","is_ugc":1,"rating":null,"creator":"Jess Coscia","duration":6200,"play_count":49,"num_comments":"0","image_130_97":"http:\/\/wds.mp.advection.net\/mp\/wncn\/_dld\/vms\/5023\/2009ReflectionsMontage_0000_130x97.jpg"},{"location":"http:\/\/wds.mp.advection.net\/mp\/wncn\/_dld\/vms\/4842\/JobShadowDay2009.flv","title":"NBC 17 Employees See Their Shadows on Ground Hog Day","id":"4842","is_ugc":1,"rating":null,"creator":"Jess Coscia","duration":3200,"play_count":61,"num_comments":"0","image_130_97":"http:\/\/wds.mp.advection.net\/mp\/wncn\/_dld\/vms\/4842\/JobShadowDay2009_0005_130x97.jpg"}]);    
document.write('<style type="text/css"> #video_browse_widget_style_b {margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; } #video_browse_widget_style_b a {color: #2f2e4d; text-decoration: none;} #video_browse_widget_style_b a:hover {color: #2f2e4d; text-decoration: underline; cursor: pointer; } #video_browse_widget_style_b .vid_head_b { width:190px; } #video_browse_widget_style_b .vid_title_container { background-color: #013e7f; width:190px; height:20px; } #video_browse_widget_style_b .vid_head_b h4 { width:190px; height:20px; color: #fff; font-size:12px; padding-left:4px; padding-top:2px; margin:0px; } #video_browse_widget_style_b .vid_big_thumb { clear:both; width:190px; overflow:none; margin-bottom:-20px; } #video_browse_widget_style_b .vid_big_thumb_overlay { background-color: #000; color:#fff; font-weight: bold; font-size: 12px; position:relative; bottom:20px; width:190px; height:20px; overflow:hidden; margin:0px; text-align:right; opacity:0.4; filter:alpha(opacity=40); } #video_browse_widget_style_b #video_list_container { margin:0px; padding:0px; } #video_browse_widget_style_b #video_list_container li { background-color: #f0f0f0; width:190px; overflow:hidden; height:50px; border-bottom: 1px solid #e1e1e1; margin:0px; padding:0px; } #video_browse_widget_style_b #video_list_container li .video_widget_box_inner .image_container { float:left; margin-top: 4px; margin-right: 5px; margin-left: 5px; } #video_browse_widget_style_b .video_widget_box_inner a .title { font-size:10px; font-weight:normal; color:#3d6a91; margin: 4px; overflow: hidden; } #video_browse_widget_style_b ul#vid_scroll_btns_b { width:190px; height:20px; margin: 0px 5px; padding: 0px; list-style-type: none; background-color: #f0f0f0; } #video_browse_widget_style_b #vid_prev_next_container div { float:left; margin-left:4px; } #video_browse_widget_style_b #vid_prev_next_container , #vid_prev_next_container a { color:#3d6a91; font-size:11px; } #video_browse_widget_style_b #vid_prev_next_container a.inactive { color:#000; } #video_browse_widget_style_b #vid_prev_next_container a.inactive:hover { color:#000; cursor:default; text-decoration: none; } #video_browse_widget_style_b .vid_tiles { clear:both; } #video_browse_widget_style_b #vid_bottom_nav { overflow:hidden; height:38px; width:190px; background-color: #f0f0f0; } #video_browse_widget_style_b #vid_prev_next_container .vid_all_link_container { margin-left: 75px; } #video_browse_widget_style_b #vid_pagination { margin-bottom: 5px; margin-left:4px; font-size: 11px; } #video_browse_widget_style_b #vid_primary_image_link { color:#fff; margin-right:6px; } </style> <div id = "video_browse_widget_style_b"> <div class="vid_head_b"> <div class = "vid_title_container"> <h4>The Latest MyNC Videos</h4> </div> <div class = "vid_big_thumb"> <a id = "vid_primary_image_link" href = ""> <img width = "190px" id = "vid_primary_image"> <p class = "vid_big_thumb_overlay"> WATCH <img border="0" src = "http://static.mync.com/images/siteart/arrow.gif"/> </p> </a> </div> </div> <div class="vid_tiles"> <ul id = "video_list_container"> </ul> <div id = "vid_bottom_nav"> <div id = "vid_pagination"></div> <div id = "vid_prev_next_container"> <div class="left" id = "video_left_btn"><a href="#" onclick="return false;" class="inactive">Previous</a></div> <div> | </div> <div class="right" id = "video_right_btn"><a href="#" onclick="return false;">Next</a></div> <!-- <div class = "vid_all_link_container"><a id = "vid_all_link" href = "#">All Videos</a></div>--> </div> </div> </div> </div> <div id = "feedback" style = "display:none;"></div> <script type="text/javascript"> video_url = video_page_base_url + video_list[0]["id"]+"/"+video_list[0]["title"].replace(/[^a-z0-9]/ig, "_")+"/"; $("#vid_primary_image").attr("src",video_list[0]["image_130_97"]); $("#vid_primary_image_link").attr("href", video_url); $("#vid_all_link").attr("href", video_page_base_url); video_list.splice(0, 1) </script>');
var playlist_url = 'http://vms.mync.com/vms/playlist/combine-playlist-with-search/format/json/ad_tag_base_64//combine_with_search/y/';
var video_page_url = 'http://mync.com/site/nbc17/video/';