js_months = new Array('Jan.','Feb.','March','April','May','June','July','Aug.','Sept.','Oct.','Nov.','Dec.') ;

function display_headlines(headlines)
{
	for ( var i=0; i<headlines.length; i++ )
	{
		var item = headlines[i] ;
		document.write("<a href="+item.url+">") ;
		document.write(item.headline) ;
		document.write("</a>") ;
		document.write("<br/>") ;
	}
}

function render_js_headlines(style,collection,maximum)
{
	if ( typeof style == "undefined" )
		style = "default" ;
	if ( typeof collection == "undefined" && typeof headlines == "object" )
		collection = headlines ;
	if ( typeof maximum == "undefined" )
		maximum = 20 ;
	if ( maximum > collection.length )
		maximum = collection.length ;

	var output = '' ;
	switch ( style )
	{
		case "realestate":
		{
			render_js_realestate() ;
			break ;
		}
		case "sidebar":
		{
			render_js_sidebar() ;
			break ;
		}
		case "strip_of_links":
		{
			render_js_sidebar() ;
			break ;
		}
		case "default" :
		{
			render_js_default() ;
			break ;
		} 
		case "entertainment" :
		{
			render_js_entertainment() ;
			break ;
		}
		case "columnist" :
		{
			render_js_columnist() ;
			break ;
		}
		case "columns" :
		{
			render_js_columns() ;
			break ;
		}
		case "head_source_date_time" :
		{
			render_js_head_source_date_time() ;
			break ;
		}
		case "kidspost" :
		{
			render_js_kidspost() ;
			break ;
		}
		case "plain_links" :
		{
			render_js_plain_links() ;
			break ;
		}
		case "plain_links_bullets" :
		{
			render_js_plain_links_bullets() ;
			break ;
		}
		case "pulldown" :
		{
			render_js_pulldown() ;
			break ;
		}
		case "columnstrip" :
		{
			render_js_columnstrip() ;
			break ;
		}
		case "articlestrip" :
		{
			render_js_articlestrip() ;
			break ;
		}
		case "linksetblurb" :
		{
			render_js_linksetblurb() ;
			break ;
		}
		case "printupdate" :
		{
			render_js_printupdate() ;
			break ;
		}
		case "urlonly" :
		{
			render_js_urlonly() ;
			break ;
		}
		case "columnlink" :
		{
			render_js_columnlink() ;
			break ;
		}
		case "plain_headline_date_source" :
		{
			render_js_plain_headline_date_source() ;
			break ;
		}		
		case "readmore" :
		{
			render_js_readmore() ;
			break ;
		}
		case "metbot" :
		{
			render_js_metbot() ;
			break ;
		}
		case "headline_module" :
		{
			render_js_headline_module() ;
			break ;
		}
		case "hed_byline_date" :
		{
			render_js_hed_byline_date() ;
			break ;
		}
		case "twpv3_bulleted_linklist" :
		{
			render_js_twpv3_bulleted_linklist();
			break;
		}
		case "twpv3_story_one" :
		{
			render_js_twpv3_story_one();
			break;		
		}
		case "twpv3_story_one_meta" :
		{
			render_js_twp_v3_story_one(true);
			break;
		}



	}
	// document.write('<form><textarea>') ;
	document.write( output ) ;
	// document.write('</textarea></form>') ;

	function render_js_hed_byline_date()
	{
		for (var i=0; i<maximum; i++ )
		{
			var item = collection[i] ;
			output += '<p class="columnlink">&#8226; <a href="'+item.url+'">'+item.headline+'</a> <span class="columndate">('+item.byline+', '+getDateTime(item.pubdate, item.source)+')</span></p>' ;
		}
	}

function render_js_headline_module()
	{
		for (var i=0; i<maximum; i++ )
		{
			var item = collection[i] ;
				output += '&#149; <a href="'+item.url+'">'+item.headline+'</a>' ;
				output += '<br>' ;
		}
	}

	function render_js_columnlink()
	{
		for (var i=0; i<maximum; i++ )
		{
			var item = collection[i] ;
			output += '<p class="columnlink">&#8226; <a href="'+item.url+'">'+item.headline+'</a> <span class="columndate">('+getDateTime(item.pubdate, item.source)+')</span></p>' ;
		}
	}

	function render_js_articlestrip()
	{
		for (var i=0; i<maximum; i++ )
		{
			var item = collection[i] ;
			output += '<font size="+1"><a href="'+item.url+'"><b>'+item.headline+'</b></a></font><br><font size="-1">'+item.blurb+'</font>' ;
		}
	}

	function render_js_printupdate()
	{
		for (var i=0; i<maximum; i++)
		{
			var item = collection[i] ;
			if ( item.source != 'Post' && item.byline != '' )
			{	output += '<h3><a href="'+item.url+'?nav=printbox">'+item.headline+'</a><br/></h3>'+item.blurb+'<br/><img src="http://media.washingtonpost.com/wp-srv/globalnav/images/spacer.gif" alt="spacer" width="1" height="5">' ;
			}
		}
	}

	function render_js_linksetblurb()
	{
		for (var i=0; i<maximum; i++ )
		{
			var item = collection[i] ;
			output += '<h1><a href="'+item.url+'">'+item.headline+'</a><br/></h1><h2>'+item.blurb+'</h2>' ;
		}
	}

	function render_js_columnstrip()
	{
		for (var i=0; i<maximum; i++ )
		{
			var item = collection[i] ;
			output += '<font size=""><a href="'+item.url+'"><b>'+item.headline+'</b></a></font><br><font size="-1">'+item.blurb+'</font>' ;
		}
	}


	function render_js_pulldown()
	{
		for (var i=0; i<maximum; i++ )
		{
			var item = collection[i] ;
			output += '<option value="'+item.url+'">'+getAuthor(item.byline)+': '+item.headline+'</option>' ;
		}
	}
	function render_js_columns()
	{
		output += '<div id="headlines_js">\n' ;
		output += '<div class="'+style+'">\n' ;
		for (var i=0; i<maximum; i++ )
		{
			var item = collection[i] ;
			output += '<a href="'+item.url+'">'+item.headline+'</a> ' ;
			if ( item.source != '' || item.pubdate != '' )
			{
				output += '<span class="source">' ;
				output += ' <nobr>(' ;
				if ( item.source != '' )
					output += item.source ;
				if ( item.source != '' && item.pubdate != '' )
					output += ', ' ;
				output += getDateTime(item.pubdate, item.source);
				output += ')</nobr>' ;
				output += '</span>' ;
			}
			output += '</span></a><br/>\n' ;
		}
		output += '</div>\n' ;
		output += '</div>\n' ;
	}
	
	function render_js_plain_headline_date_source()
	{
		for (var i=0; i<maximum; i++ )
		{
			var item = collection[i] ;
			output += '<p class="phds-link"><a href="'+item.url+'">'+item.headline+'</a> <span class="columndate">('+getDateTime(item.pubdate, item.source)+')</span></p>' ;
		}
	}
	
		function render_js_head_source_date_time()
	{
		output += '<div id="headlines_js">\n' ;
		output += '<div class="'+style+'">\n' ;
		for (var i=0; i<maximum; i++ )
		{
			var item = collection[i] ;
			output += '<div><a href="'+item.url+'">'+item.headline+'</a> ' ;
			if ( item.source != '' || item.pubdate != '' )
			{
				output += '<span class="source">' ;
				output += ' <nobr>(' ;
				if ( item.source != '' )
					output += item.source ;
				if ( item.source != '' && item.pubdate != '' )
					output += ', ' ;
				if ( item.pubdate != '' )
				{
					output += js_months[item.pubdate.getMonth()] ;
					output += ' ' ;
					output += item.pubdate.getDate() ;
					var hours = item.pubdate.getHours();
					var ampm = "AM";
					if (hours >= 12) {
						ampm = "PM";
						hours = hours - 12;
					}
					if (hours == 0) { hours = 12; }
					var mins = item.pubdate.getMinutes(); 
					if (mins < 10) { mins = "0"+mins; }
					output += '; ' + hours + ':' + mins + ' ' + ampm;
				}
				output += ')</nobr>' ;
				output += '</span>' ;
			}
			output += '</span></a></div>\n' ;
		}
		output += '</div>\n' ;
		output += '</div>\n' ;
	}
	
	function render_js_kidspost()
	{
		output += '<div id="headlines_js">\n' ;
		output += '<div class="'+style+'">\n' ;
		for (var i=0; i<maximum; i++ )
		{
			var item = collection[i] ;
			output += '<div style="margin-bottom:6px;"><a href="'+item.url+'">'+item.headline+'</a> ' ;
			if ( item.source != '' || item.pubdate != '' )
			{
				output += '<span class="source">' ;
				output += ' <nobr>(' ;
				if ( item.source != '' )
					output += item.source ;
				if ( item.source != '' && item.pubdate != '' )
					output += ', ' ;
				output += getDateTime(item.pubdate, item.source);
				output += ')</nobr>' ;
				output += '</span>' ;
			}
			output += '</span></a></div>\n' ;
		}
		output += '</div>\n' ;
		output += '</div>\n' ;
	}
	
	function getDateTime(aDate, source) {
		if (aDate == '') { return ''; }
		var dateString = js_months[aDate.getMonth()] ;
		dateString += ' ' ;
		dateString += aDate.getDate() ;
		if (source != 'Post') {
			var hours = aDate.getHours() ;
			var ampm = "AM";
			if (hours >= 12) {
				ampm = "PM";
				hours = hours - 12;
			}
			if (hours == 0) { hours = 12; }
			var mins = aDate.getMinutes();
			if (mins < 10) { mins = "0"+mins; }
			dateString += '; ' + hours + ':' + mins + ' ' + ampm;
		}

		return dateString;
	}
	function render_js_sidebar()
	{
		output += '<div id="headlines_js">\n' ;
		output += '<div class="'+style+'">\n' ;
		output += '<ul style="list-style-image: url(http://media.washingtonpost.com/wp-adv/classifieds/realestate/redesign/images/black.gif)">\n' ;
		for (var i=0; i<maximum; i++ )
		{
			var item = collection[i] ;
			output += '<li><span class="bullet_spacing">' ;
			output += '<a href="'+item.url+'">'+item.headline+'</a>' ;
			if ( item.source != '' || item.pubdate != '' )
			{
				output += '<span class="source">' ;
				output += ' <nobr>(' ;
				if ( item.source != '' )
					output += item.source ;
				if ( item.source != '' && item.pubdate != '' )
					output += ', ' ;
				if ( item.pubdate != '' )
				{
					output += js_months[item.pubdate.getMonth()] ;
					output += ' ' ;
					output += item.pubdate.getDate() ;
					var hours = item.pubdate.getHours();
					var ampm = "AM";
					if (hours >= 12) {
						ampm = "PM";
						hours = hours - 12;
					}
					if (hours == 0) { hours = 12; }
					var mins = item.pubdate.getMinutes(); 
					if (mins < 10) { mins = "0"+mins; }
					output += '; ' + hours + ':' + mins + ' ' + ampm;
				}
				output += ')</nobr>' ;
				output += '</span>' ;
			}
			output += '</span></a>\n' ;
		}
		output += '</ul>\n' ;
		output += '</div>\n' ;
		output += '</div>\n' ;
	}

	function render_js_strip_of_links()
	{
		// alert(style) ;
	}
	
	function render_js_plain_links()
	{
		output += '<div id="headlines_js">\n' ;
		output += '<div class="'+style+'">\n' ;
		for (var i=0; i<maximum; i++ )
		{
			var item = collection[i] ;
				output += '<span>';
				output += '<a href="'+item.url+'">'+item.headline+'</a>' ;
				output += '</a></span><br />\n' ;
		}
		output += '</div>\n' ;
		output += '</div>\n' ;
	}
	
	function render_js_plain_links_bullets()
	{
		output += '<div id="headlines_js">\n' ;
		output += '<div class="'+style+'"><ul>\n' ;
		for (var i=0; i<maximum; i++ )
		{
			var item = collection[i] ;
				output += '<span>';
				output += '<li><a href="'+item.url+'">'+item.headline+'</a>' ;
				output += '</li></span>\n' ;
		}
		output += '</a></ul><div class="clearboth"></div></div>\n' ;
		output += '</div>\n' ;
	}

	function render_js_twpv3_bulleted_linklist(){
		output += '<div id="headlines_js">\n' ;

		output += '<ul class="bulleted">\n' ;
		
		for (var i=0; i<maximum; i++ )
		{
			var item = collection[i] ;
				output += '<li><a href="'+item.url+'">'+item.headline+'</a>' ;
				output += '</li>\n' ;
		}

		output += '</ul>\n' ;
		output += '</div>\n' ;
	}


	function render_js_twpv3_story_one(showMeta){

		for(var i=0;i<maximum;i=i+1){
			var item = collection[i];
			
			output += '<div class="wp-row' + ((i==maximum-1) ? ' no-pad' : ' border')  + '">';
			output += '<div class="module story-one">';
			output += '<h2><a href="' + item.url + '">' + item.headline + '</a></h2>'; // Headline
			if (item.thumbnail.url != "") {
                            output += '<div class="thumbnail left"><a href="' + item.url + '"><img src="' + item.thumbnail.url + '" alt="' + item.headline + '" /></a></div>'; // Image
                        }
			var dateCal = new TWP.Util.DateCalculator();
			var iso = dateCal.newIso8601Date(item.pubdate);			
			
			if(showMeta){
				output += '<div class="meta"><span class="byline">'+ item.byline + '</span><span class="timestamp" data="' + iso + '"></span></div>'; // timestamp
			}
			
			output += '<p>' + item.blurb + '</p>';
			output += '</div>';
			output += '</div>';
		}

	}

	
	function render_js_columnist()
	{
		output += '<div id="headlines_js">\n' ;
		output += '<div class="'+style+'">\n' ;
		for (var i=0; i<maximum; i++ )
		{
			var item = collection[i] ;
			var author = getAuthor(item.byline);
			if (author != '') {
				output += '<span>';
				output += '<b>'+getAuthor(item.byline)+': </b>' ;
				output += '<a href="'+item.url+'">'+item.headline+'</a>' ;
				output += '</a></span><br />\n' ;
			}
		}
		output += '</div>\n' ;
		output += '</div>\n' ;
	}
	function getAuthor(byline)
	{
		if (byline == '') return byline;
		var re = /^By /;
		return byline.replace(re,"");
	}
	function render_js_realestate()
	{
		output += '<div id="headlines_js">\n' ;
		output += '<div class="'+style+'">\n' ;
		output += '<ul style="list-style-image: url(http://media.washingtonpost.com/wp-adv/classifieds/realestate/redesign/images/black.gif)">\n' ;
		for (var i=0; i<maximum; i++ )
		{
			var item = collection[i] ;
			output += '<li><span class="bullet_spacing">' ;
			output += '<a href="'+item.url+'">'+item.headline+'</a>' ;
			if ( item.source != '' || item.pubdate != '' )
			{
				output += '<span class="source">' ;
				output += ' <nobr>(' ;
				if ( item.source != '' )
					output += item.source ;
				if ( item.source != '' && item.pubdate != '' )
					output += ', ' ;
				if ( item.pubdate != '' )
				{
					output += js_months[item.pubdate.getMonth()] ;
					output += ' ' ;
					output += item.pubdate.getDate() ;
				}
				output += ')</nobr>' ;
				output += '</span>' ;
			}
			output += '</span></a>\n' ;
		}
		output += '</ul>\n' ;
		output += '</div>\n' ;
		output += '</div>\n' ;
	}

	function render_js_readmore()
	{
		for (var i=0; i<maximum; i++ )
		{
			var item = collection[i] ;
				output += '<span style="font: normal 12px arial,helvetica;">';
				output += '&#149; <a href="'+item.url+'?nav=trm" style="font-weight:normal;"  target="_top">'+item.headline+'</a>' ;
				output += '<br /></span>\n';
		}
	}

	function render_js_metbot()
	{
		for (var i=0; i<maximum; i++ )
		{
			var item = collection[i] ;
				output += '<tr valign=\"top\"><td><span style=\"font: normal 8pt arial;\">&#149;</span></td> <td>';
				output += '<span style="font: normal 12px arial,helvetica;">';
				output += '<a href="'+item.url+'?nav=mbot" style="font-weight:normal;"  target="_top">'+item.headline+'</a>' ;
				output += '<br /></span></td></tr>\n';
		}
	}

	function render_js_default()
	{
		for (var i=0; i<maximum; i++ )
		{
			var item = collection[i] ;
			output += '<p class="js_default"><a href="'+item.url+'">'+item.headline+'</a><br />'+item.blurb+'</p>' ;
		}
	}
	
}