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://education.mync.com/site/education/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\/9088\/triangle_youth_philharmonic.flv","title":"Triangle Youth Philharmonic","id":"9088","is_ugc":0,"rating":null,"creator":"Jason Clough","duration":12800,"play_count":2,"num_comments":"0","image_130_97":"http:\/\/wds.mp.advection.net\/mp\/wncn\/_dld\/vms\/9088\/triangle_youth_philharmonic_0015_130x97.jpg"},{"location":"http:\/\/wds.mp.advection.net\/mp\/wncn\/_dld\/vms\/9087\/Shaniya Davis Funeral.flv","title":"Shaniya Davis Funeral","id":"9087","is_ugc":0,"rating":null,"creator":"Shawn Replogle","duration":8800,"play_count":70,"num_comments":"0","image_130_97":"http:\/\/wds.mp.advection.net\/mp\/wncn\/_dld\/vms\/9087\/Shaniya Davis Funeral_0005_130x97.jpg"},{"location":"http:\/\/wds.mp.advection.net\/mp\/wncn\/_dld\/vms\/9086\/1119backpainWEB.flv","title":"Patient Chooses Non-Surgical Treatment For Back Pain","id":"9086","is_ugc":0,"rating":null,"creator":"Julie Henry","duration":9900,"play_count":5,"num_comments":"0","image_130_97":"http:\/\/wds.mp.advection.net\/mp\/wncn\/_dld\/vms\/9086\/1119backpainWEB_0005_130x97.jpg"},{"location":"http:\/\/wds.mp.advection.net\/mp\/wncn\/_dld\/vms\/9085\/Shaniya Father Speaks at Funeral.flv","title":"Father Speaks At Shaniya Davis Funeral","id":"9085","is_ugc":0,"rating":null,"creator":"Shawn Replogle","duration":7800,"play_count":145,"num_comments":"20","image_130_97":"http:\/\/wds.mp.advection.net\/mp\/wncn\/_dld\/vms\/9085\/Shaniya Father Speaks at Funeral_0005_130x97.jpg"},{"location":"http:\/\/wds.mp.advection.net\/mp\/wncn\/_dld\/vms\/9084\/Elmwood.flv","title":"Elmwood Band","id":"9084","is_ugc":0,"rating":null,"creator":"Jason Clough","duration":5200,"play_count":2,"num_comments":"0","image_130_97":"http:\/\/wds.mp.advection.net\/mp\/wncn\/_dld\/vms\/9084\/Elmwood_0005_130x97.jpg"},{"location":"http:\/\/wds.mp.advection.net\/mp\/wncn\/_dld\/vms\/9083\/raleigh-turkey-giveaway.flv","title":"Church Gives Away 900 Turkeys","id":"9083","is_ugc":0,"rating":"3","creator":"Marilyn Peguero","duration":7600,"play_count":76,"num_comments":"0","image_130_97":"http:\/\/wds.mp.advection.net\/mp\/wncn\/_dld\/vms\/9083\/raleigh-turkey-giveaway_0005_130x97.jpg"},{"location":"http:\/\/wds.mp.advection.net\/mp\/wncn\/_dld\/vms\/9082\/guy fieri.flv","title":"Guy Fieri's Culinary Roadshow","id":"9082","is_ugc":0,"rating":null,"creator":"Erica Bustamante","duration":48700,"play_count":261,"num_comments":"0","image_130_97":"http:\/\/wds.mp.advection.net\/mp\/wncn\/_dld\/vms\/9082\/guy fieri_0005_130x97.jpg"},{"location":"http:\/\/wds.mp.advection.net\/mp\/wncn\/_dld\/vms\/9081\/Shaynia Wake for web.flv","title":"Shaynia Davis Wake","id":"9081","is_ugc":0,"rating":"5","creator":"Michael Barnard","duration":9000,"play_count":450,"num_comments":"2","image_130_97":"http:\/\/wds.mp.advection.net\/mp\/wncn\/_dld\/vms\/9081\/Shaynia Wake for web_0005_130x97.jpg"},{"location":"http:\/\/wds.mp.advection.net\/mp\/wncn\/_dld\/vms\/9080\/1121_SwineFluWeb.flv","title":"H1N1 Clinics Get More Efficient","id":"9080","is_ugc":0,"rating":null,"creator":"Kendall Jones","duration":8400,"play_count":24,"num_comments":"0","image_130_97":"http:\/\/wds.mp.advection.net\/mp\/wncn\/_dld\/vms\/9080\/1121_SwineFluWeb_0005_130x97.jpg"},{"location":"http:\/\/wds.mp.advection.net\/mp\/wncn\/_dld\/vms\/9077\/ROB CRISP WEB.flv","title":"Rob Crisp wraps up high school career","id":"9077","is_ugc":0,"rating":null,"creator":"Chris Cowperthwaite","duration":8300,"play_count":20,"num_comments":"0","image_130_97":"http:\/\/wds.mp.advection.net\/mp\/wncn\/_dld\/vms\/9077\/ROB CRISP WEB_0005_130x97.jpg"},{"location":"http:\/\/wds.mp.advection.net\/mp\/wncn\/_dld\/vms\/9075\/1119mfhweb.flv","title":"Minute for Health: Rev Up Your Metabolism","id":"9075","is_ugc":0,"rating":null,"creator":"Julie Henry","duration":7900,"play_count":12,"num_comments":"0","image_130_97":"http:\/\/wds.mp.advection.net\/mp\/wncn\/_dld\/vms\/9075\/1119mfhweb_0005_130x97.jpg"},{"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":539,"num_comments":"20","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\/9073\/1119womenshealthWEB.flv","title":"New Screening Guidelines Confusing To Women","id":"9073","is_ugc":0,"rating":null,"creator":"Julie Henry","duration":9300,"play_count":5,"num_comments":"0","image_130_97":"http:\/\/wds.mp.advection.net\/mp\/wncn\/_dld\/vms\/9073\/1119womenshealthWEB_0005_130x97.jpg"},{"location":"http:\/\/wds.mp.advection.net\/mp\/wncn\/_dld\/vms\/9072\/091120_PKGDentalClinic.flv","title":"Mission of Mercy","id":"9072","is_ugc":0,"rating":null,"creator":"Jaclyn Asztalos","duration":8300,"play_count":75,"num_comments":"0","image_130_97":"http:\/\/wds.mp.advection.net\/mp\/wncn\/_dld\/vms\/9072\/091120_PKGDentalClinic_0005_130x97.jpg"},{"location":"http:\/\/wds.mp.advection.net\/mp\/wncn\/_dld\/vms\/9070\/1120_HotDogVendorsWeb.flv","title":"Couple Uses Construction Layoffs To Build Careers","id":"9070","is_ugc":0,"rating":null,"creator":"Kendall Jones","duration":7800,"play_count":79,"num_comments":"0","image_130_97":"http:\/\/wds.mp.advection.net\/mp\/wncn\/_dld\/vms\/9070\/1120_HotDogVendorsWeb_0005_130x97.jpg"},{"location":"http:\/\/wds.mp.advection.net\/mp\/wncn\/_dld\/vms\/9069\/frankie_valli.flv","title":"Frankie Valli & the Four Seasons","id":"9069","is_ugc":0,"rating":null,"creator":"Jason Clough","duration":4800,"play_count":17,"num_comments":"0","image_130_97":"http:\/\/wds.mp.advection.net\/mp\/wncn\/_dld\/vms\/9069\/frankie_valli_0010_130x97.jpg"},{"location":"http:\/\/wds.mp.advection.net\/mp\/wncn\/_dld\/vms\/9067\/Steve Miller Band.flv","title":"Steve Miller Band","id":"9067","is_ugc":0,"rating":null,"creator":"Jason Clough","duration":6300,"play_count":18,"num_comments":"0","image_130_97":"http:\/\/wds.mp.advection.net\/mp\/wncn\/_dld\/vms\/9067\/Steve Miller Band_0005_130x97.jpg"},{"location":"http:\/\/wds.mp.advection.net\/mp\/wncn\/_dld\/vms\/9066\/SittiFoo SITTI FOOD-PKG            _2.flv","title":"Sitti Food","id":"9066","is_ugc":0,"rating":"3","creator":"NBC17","duration":20800,"play_count":18,"num_comments":"0","image_130_97":"http:\/\/wds.mp.advection.net\/mp\/wncn\/_dld\/vms\/9066\/SittiFoo SITTI FOOD-PKG            _2_0005_130x97.jpg"},{"location":"http:\/\/wds.mp.advection.net\/mp\/wncn\/_dld\/vms\/9065\/SittiHis SITTI HISTORY-PKG         _2.flv","title":"Sitti History","id":"9065","is_ugc":0,"rating":null,"creator":"NBC17","duration":31700,"play_count":70,"num_comments":"0","image_130_97":"http:\/\/wds.mp.advection.net\/mp\/wncn\/_dld\/vms\/9065\/SittiHis SITTI HISTORY-PKG         _2_0005_130x97.jpg"},{"location":"http:\/\/wds.mp.advection.net\/mp\/wncn\/_dld\/vms\/9064\/Bus Driver of year web pkg.flv","title":"Chapel Hill Bus Driver","id":"9064","is_ugc":0,"rating":null,"creator":"Stacy Peterson","duration":10300,"play_count":142,"num_comments":"0","image_130_97":"http:\/\/wds.mp.advection.net\/mp\/wncn\/_dld\/vms\/9064\/Bus Driver of year web pkg_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/';