/*
*	ITEM INFO	: 	INFO PAGES FOR ITEMS
*/

var ItemInfo = {
	popup : null,
	getInfowindowHTML : function(id){  //item_id
		var itm = Items.getItemById(id);
		
		var img = '';
		if (itm['tmb_path'] != ''){
			img = '<a href="#" onclick="Explore.popupDetails('+id+'); return false;"><img src="'+itm['tmb_path']+'" class="myconB left" /></a>';	
		}
				
		var authorHTML = '<span style="margin-top: -3px; margin-right: 10px; float: right; background-color: #f7f7f7; padding: 2px;"><img width="20" height="20" align="absmiddle" src="'+itm.mycon_url+'" class="myconS" title="'+itm.username+'" onclick="Explore.showUserProfile(\''+itm.username+'\');" /> <a href="#" onclick="Explore.showUserProfile(\''+itm.username+'\'); return false;">'+itm.username+'</a></span>';
		
		if (itm.sumv > 5) itm.sumv = 5;
		var score = parseFloat(itm.sumv).toFixed(1);
		
		var title = authorHTML+'<h2>'+itm.title+'</h2>';
		var bot = '<span style="float: right"><img align="absmiddle" src="/images/icons/cross.gif" /><a href="#" onclick="Markers.closeWindow(); return false;">Close</a></span> <img align="absmiddle" src="/images/icons/comment.gif" /><a href="#" onclick="Explore.popupDetails('+id+'); return false;">'+itm.nc+' comment(s)</a>&nbsp;&nbsp; <img align="absmiddle" src="/images/icons/magnifier_zoom_in.gif" /><a href="#" onclick="Explore.zoomToItem('+id+'); return false;">Zoom</a>&nbsp;&nbsp; <img align="absmiddle" src="/images/icons/application_go.gif" /><a href="#" onclick="Explore.popupDetails('+id+')">More details &raquo;</a>';
				
		if (itm.type ==0) {
			if (img =='')
				var mid = '<div class="post">'+stringSubstring(itm.body,150)+' <a href="#" onclick="Explore.popupDetails('+id+')">More details &raquo;</a>&nbsp;<div class="rating">Average rating: <img src="/images/stars/stars'+score+'.gif" width="80" height="16" /> ('+itm.nv+' votes)</div></div>';
			else
				var mid = '<div class="post">'+img+'<div class="inner">'+stringSubstring(itm.body,150)+' <a href="#" onclick="Explore.popupDetails('+id+')">More details &raquo;</a><div class="rating">Average rating: <img src="/images/stars/stars'+score+'.gif" width="80" height="16" /> ('+itm.nv+' votes)</div></div></div>';
		} else { 
			var mid = '<div class="post">'+itm.body+'<br /></div>';
		}
		
		var html = '<div id="infoWindow"><div id="itop">'+title+'</div><div id="imid">'+mid+'</div><div id="ibot">'+bot+'</div></div>';
		
		return html;
	},
	
	openInfoWindowHtml : function(point, html){
		MS.map.openInfoWindowHtml(point, html);
	},
	
	closeInfoWindow : function(){
		MS.map.closeInfoWindow();
	}
}