function increaseImg(id){
	var img=document.getElementById("img"+id).className = "mo";
}


function decreaseImg(id){
	var img=document.getElementById("img"+id).className = "";
}


function layout1() {

	var html = "<table border='0' cellpadding='0' cellspacing='0' width='100%'>";
	var ind=0;
	for(var i=0; i<apps.length; i++){
		var rowApps = apps[i];
		html+= "<tr height='" + table_height + "'>";
		for (var j = 0; j < rowApps.length; j++)
		{
			ind++;
			
			if (phraseseuro_enabled=="true" && rowApps[j].isHQ=="1") {
				var href = base_href_hq + rowApps[j].appUrl + "&cross" + xcid;
	    	}
	    	else {
	    	    var href = base_href + rowApps[j].appUrl + "&cross" + xcid;
	    	}
	    	
	    	if(rowApps[j].isStandAlone=="false")
    			href+= showphrase;
	    		
	    	if(rowApps[j].imgSrc!=''){
	    		var imgSrc = base_img_src + rowApps[j].imgSrc;
		   	}else{
		   		var imgSrc = defImg;
		    }
			    
	    	html+= "<td valign='top'>";	
	    	html+= "<a href='"+href+"' target='_top' onmouseover='increaseImg("+ind+");' onmouseout='decreaseImg("+ind+");'>";
	    	html+= "<img id='img"+ind+"' src='"+imgSrc+"'/>";
			html+= "<span>"+rowApps[j].name+"</span>";
			html+= "</a>";
			html+= "</td>";
		}
		html+= "</tr>";
	}
	html+= "</table>";
	
	document.getElementById("content").innerHTML = html;
}
