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://wake.mync.com/site/wake/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\/9082\/guy fieri.flv","title":"Guy Fieri's Culinary Roadshow","id":"9082","is_ugc":0,"rating":null,"creator":"Erica Bustamante","duration":48700,"play_count":110,"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\/9080\/1121_SwineFluWeb.flv","title":"H1N1 Clinics Get More Efficient","id":"9080","is_ugc":0,"rating":null,"creator":"Kendall Jones","duration":8400,"play_count":18,"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":16,"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":11,"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\/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":65,"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":15,"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\/9066\/SittiFoo SITTI FOOD-PKG            _2.flv","title":"Sitti Food","id":"9066","is_ugc":0,"rating":"3","creator":"NBC17","duration":20800,"play_count":17,"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":60,"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\/9060\/garnerreviPAC.flv","title":"Garner Considers Downtown Revitalization","id":"9060","is_ugc":0,"rating":null,"creator":"Marilyn Peguero","duration":8700,"play_count":58,"num_comments":"0","image_130_97":"http:\/\/wds.mp.advection.net\/mp\/wncn\/_dld\/vms\/9060\/garnerreviPAC_0005_130x97.jpg"},{"location":"http:\/\/wds.mp.advection.net\/mp\/wncn\/_dld\/vms\/9059\/1119wakeschoolcutsWEB.flv","title":"Wake Schools Face More Cuts; Teachers Spared This Time","id":"9059","is_ugc":0,"rating":null,"creator":"Julie Henry","duration":8400,"play_count":13,"num_comments":"0","image_130_97":"http:\/\/wds.mp.advection.net\/mp\/wncn\/_dld\/vms\/9059\/1119wakeschoolcutsWEB_0005_130x97.jpg"},{"location":"http:\/\/wds.mp.advection.net\/mp\/wncn\/_dld\/vms\/9058\/1119 INMATES LATEST PKG.flv","title":"Inmates Release On Hold","id":"9058","is_ugc":0,"rating":null,"creator":"David Bertram","duration":8400,"play_count":27,"num_comments":"4","image_130_97":"http:\/\/wds.mp.advection.net\/mp\/wncn\/_dld\/vms\/9058\/1119 INMATES LATEST PKG_0005_130x97.jpg"},{"location":"http:\/\/wds.mp.advection.net\/mp\/wncn\/_dld\/vms\/9057\/091119_PKGBellringers.flv","title":"Salvation Army","id":"9057","is_ugc":0,"rating":null,"creator":"Jaclyn Asztalos","duration":8300,"play_count":22,"num_comments":"0","image_130_97":"http:\/\/wds.mp.advection.net\/mp\/wncn\/_dld\/vms\/9057\/091119_PKGBellringers_0005_130x97.jpg"},{"location":"http:\/\/wds.mp.advection.net\/mp\/wncn\/_dld\/vms\/9042\/h1n1PAC.flv","title":"More People Getting H1N1 Vaccine","id":"9042","is_ugc":0,"rating":null,"creator":"Marilyn Peguero","duration":7800,"play_count":62,"num_comments":"0","image_130_97":"http:\/\/wds.mp.advection.net\/mp\/wncn\/_dld\/vms\/9042\/h1n1PAC_0005_130x97.jpg"},{"location":"http:\/\/wds.mp.advection.net\/mp\/wncn\/_dld\/vms\/9041\/SONY ERICSSON WEB.flv","title":"Sony Ericsson closing, relocating RTP headquarters","id":"9041","is_ugc":0,"rating":null,"creator":"Chris Cowperthwaite","duration":7200,"play_count":87,"num_comments":"0","image_130_97":"http:\/\/wds.mp.advection.net\/mp\/wncn\/_dld\/vms\/9041\/SONY ERICSSON WEB_0005_130x97.jpg"},{"location":"http:\/\/wds.mp.advection.net\/mp\/wncn\/_dld\/vms\/9040\/1118_auctionweb.flv","title":"Auction Benefits Investors Defrauded Of Millions","id":"9040","is_ugc":0,"rating":null,"creator":"Kendall Jones","duration":8900,"play_count":94,"num_comments":"0","image_130_97":"http:\/\/wds.mp.advection.net\/mp\/wncn\/_dld\/vms\/9040\/1118_auctionweb_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":null,"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\/9025\/091117_guns_for_the_holidays.flv","title":"Heat For The Holidays?","id":"9025","is_ugc":0,"rating":null,"creator":"Josh Green","duration":11500,"play_count":88,"num_comments":"0","image_130_97":"http:\/\/wds.mp.advection.net\/mp\/wncn\/_dld\/vms\/9025\/091117_guns_for_the_holidays_0005_130x97.jpg"},{"location":"http:\/\/wds.mp.advection.net\/mp\/wncn\/_dld\/vms\/9023\/1117schoolboardlastmtg.flv","title":"Countdown Begins For Wake School Board","id":"9023","is_ugc":0,"rating":null,"creator":"Julie Henry","duration":10400,"play_count":34,"num_comments":"0","image_130_97":"http:\/\/wds.mp.advection.net\/mp\/wncn\/_dld\/vms\/9023\/1117schoolboardlastmtg_0005_130x97.jpg"},{"location":"http:\/\/wds.mp.advection.net\/mp\/wncn\/_dld\/vms\/9020\/passage.flv","title":"Passage Home Brings Hope To Homeless","id":"9020","is_ugc":0,"rating":"4","creator":"Kerry Hall","duration":10100,"play_count":59,"num_comments":"0","image_130_97":"http:\/\/wds.mp.advection.net\/mp\/wncn\/_dld\/vms\/9020\/passage_0005_130x97.jpg"},{"location":"http:\/\/wds.mp.advection.net\/mp\/wncn\/_dld\/vms\/9014\/1113_ClarenceCoe.flv","title":"Interview With Clarence Coe","id":"9014","is_ugc":0,"rating":"3","creator":"Kendall Jones","duration":5800,"play_count":961,"num_comments":"6","image_130_97":"http:\/\/wds.mp.advection.net\/mp\/wncn\/_dld\/vms\/9014\/1113_ClarenceCoe_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/';