/**
* Used to render the project/job selection in the menu 
*/
function MyProjectsRender(){}

function hoverCartItem(id){
	cbcolor(id);
}

function cbcolor(id,color){
	var e = $(id);
	e.style.backgroundColor = (color)?color:"#eeeeee";
}

MyProjectsRender.prototype.render = function render(object,htmlElementId,currentProjectId){
	
	var textBox = document.getElementById(htmlElementId);
	var elementList = object.getElementsByTagName("project");
	var size = 0; 
	var label = "nytt ";
		
	if (!currentProjectId) {
		currentProjectId = ""+projectHandler.projectId;
		// log("MyProjectRenderer: undefined currentProjectId ... guessing:"+currentProjectId);
	}
		
	if (elementList && currentProjectId!=undefined) {
		for(var i = 0 ; i < elementList.length ; i++){
			var pid = elementList[i].getAttribute("id");			
			if (pid==currentProjectId) label = elementList[i].getAttribute("name");
		}
		size = elementList.length;
		if (label.length > 10) label=label.substring(0,8)+"..";
		label = label+' ('+size+'st)';
	}
				
	var innerHtml = '<div id="projects_cart" style="position:relative; display: inline; flow: left; border: 1px #c2c2c2 solid; background-color:white;z-index:1000" >';
	innerHtml += '<a href="#" onclick="toggleDisplay(\'projects_cart_list\',1);">'+label;
	innerHtml += '<img src="'+window["contextPath"]+'/images/arrowdown.png" alt="dropdown"/></a>';
	innerHtml += '<div id="projects_cart_list" style="position:absolute; left: 0px; top:17px; display:none; border: 2px solid #888888; width: 250px; background-color: white; padding: 5px;">';
	innerHtml += '<table cellpadding="0" cellspacing="0" border="0">';
	
	if (elementList != null && elementList.length > 0) {
		for(var j = 0 ; j < elementList.length ; j++){
	  		var name = elementList[j].getAttribute("name");
	  	  	var hash = elementList[j].getAttribute("hash");
	  	  	var id = elementList[j].getAttribute("id");
	  	  	var status = elementList[j].getAttribute("pstatusname");	
	  	  	innerHtml += '<tr><td id="projects_item_'+id+'" onmouseover="hoverCartItem(this.id);" onmouseout="cbcolor(this.id,\'#ffffff\');"><a href="#" onclick="projectHandler.changeCurrentProject('+id+',\'project\'); if(document.getElementById(\'confirmmessageid\') != undefined){ var hideifvisible = document.getElementById(\'confirmmessageid\'); hideifvisible.style.display = \'none\'; }">'+name+'</a>';
	  	  	innerHtml += ' '+ status +'</td></tr>';
	  	}
	}else{
  	  	innerHtml += '<tr><td>skapa och skicka ett jobb eller logga in f\u00f6r att hantera jobb h\u00e4r...</td></tr>';
	}
	innerHtml += '</table></div></div>';	
	textBox.innerHTML = innerHtml;
	
};