$(document).ready(function(){

for(var i=0;i<userObjectsArray.length;i++)
{
//	if(userObjectsArray[i].type.indexOf(type)>=0){ 
//		getHtmlSet.push(getHtml(userObjectsArray[i]));
//	}
//	if(userObjectsArray[i].type){ 
//		getHtmlSet.push(getHtml(userObjectsArray[i]));
//	}
	
	for(r=0;r<userObjectsArray[i].type.length;r++){
		if(userObjectsArray[i].type[r]==type){
			getHtmlSet.push(getHtml(userObjectsArray[i]));
		}
	}
}

var totalLength=getHtmlSet.length;

var generatedHtmlTable="";
for(i=0;i<getHtmlSet.length;i+=2){
		generatedHtmlTable+='<tr>';
		generatedHtmlTable+=	'<td width="317" align="left" valign="top" bgcolor="#ebebeb">';
		generatedHtmlTable+=	getHtmlSet[i];
		generatedHtmlTable+=	'</td>';
		generatedHtmlTable+=	'<td width="2%" align="left" valign="top">&nbsp;</td>';
		generatedHtmlTable+=	'<td width="317" align="left" valign="top" bgcolor="#ebebeb">';
		if(i+1<totalLength){
			generatedHtmlTable+=	getHtmlSet[i+1];
		}else{
			generatedHtmlTable+='<div style="padding:8px;margin-left:5px;">';
			generatedHtmlTable+='<a href="http://groupware.pepperconn.com/Registration/register"><img src="img/blankavatar.gif" /></a>';
			generatedHtmlTable+='</div>';
		}
		generatedHtmlTable+=	'</td>';
		generatedHtmlTable+='</tr>';
}


var twoColRegister='<tr><td align="left" valign="top" bgcolor="#ebebeb"><div style="padding:8px;margin-left:5px;"><a href="http://groupware.pepperconn.com/Registration/register"><img src="img/blankavatar.gif" /></a></div></td><td align="left" valign="top">&nbsp;</td><td align="left" valign="top" bgcolor="#ebebeb"><div style="padding:8px;margin-left:5px;"><a href="http://groupware.pepperconn.com/Registration/register"><img src="img/blankavatar.gif" /></a></div></td></tr>';	

if(getHtmlSet.length==0){
	generatedHtmlTable=twoColRegister;
}


var fullHtml='<table width="680" border="0" cellpadding="0" cellspacing="0" background="img/tal_feat_box_bg.gif">';
	fullHtml+='<tr>';
	fullHtml+=	'<td width="680" height="300" align="center" valign="top">';
	fullHtml+=		'<table width="95%" border="0" cellspacing="1" cellpadding="0">';
	fullHtml+=			'<tr>';
	fullHtml+=				'<td height="5" colspan="4" align="left" valign="top"><img src="img/s.gif" width="1" height="1" /></td>';
	fullHtml+=			'</tr>';
	fullHtml+=			'<tr>';
	fullHtml+=				'<td colspan="3" align="left" valign="top"><span class="hdLight">pepper</span><span class="hd">conn</span><span class="hd"> Talents</span><br />';
	fullHtml+=				'<!--<a href="#" class="aBlu">More</a>  <span class="bdBlack">&nbsp;.&nbsp;</span>  <a href="#" class="aBlu">Search</a></td>-->';
	fullHtml+=			'</tr>';
	fullHtml+=			'<tr>';
	fullHtml+=				'<td align="left" valign="top">&nbsp;</td>';
	fullHtml+=				'<td align="left" valign="top">&nbsp;</td>';
	fullHtml+=				'<td align="left" valign="top">&nbsp;</td>';
	fullHtml+=			'</tr>';
	fullHtml+=          generatedHtmlTable;
	if(getHtmlSet.length!=0 && isEven(getHtmlSet.length)){
		fullHtml+=      twoColRegister;
	}
	fullHtml+=			'<tr>';
	fullHtml+=				'<td align="left" valign="top" bgcolor="#ebebeb">';
	fullHtml+=				'</td>';
	fullHtml+=				'<td align="left" valign="top">&nbsp;</td>';
	fullHtml+=				'<td align="left" valign="top" bgcolor="#ebebeb">';
	fullHtml+=				'</td>';
	fullHtml+=			'</tr>';
	fullHtml+=		'</table>';
	fullHtml+=	'</td>';
	fullHtml+='</tr>';
	fullHtml+='<tr>';
	fullHtml+=	'<td align="left" valign="bottom"><img src="img/tal_feat_box_bot.gif" width="680" height="15" /></td>';
	fullHtml+='</tr>';
	fullHtml+='</table>';

$(".generatedTableHtml").html(fullHtml);
	
})

function getHtml(Object) {
    var html='<table width="100%" border="0" cellspacing="8" cellpadding="0">';
    	html+=  '<tr>';
    	html+=		'<td width="80" align="left" valign="top"><img src="img/talents/'+Object.avatar+'" width="39" height="39" /><br />';
    	html+=		'<a href="http://groupware.pepperconn.com/Profile/'+Object.displayName+'" class="aBlu">'+Object.userName+'</a>&nbsp; <a href="http://groupware.pepperconn.com/Profile/'+Object.displayName+'"><img src="img/arw_blue.gif" width="4" height="7" border="0" /></a><br /></td>';
    	html+=		'<td width="90" align="left" valign="top">';
    	for(var z=0;z<Object.type.length;z++){
    		if(Object.type[z]!="All")
    		html+=	Object.type[z]+'<br />';
    	}
		html+=		 '</td>';
		html+=		'<td width="*" align="left" valign="top">'+Object.aboutMe+'</td>';
		html+=	'</tr>';
		html+='</table>';
		return html;
}

function isEven(num) {
  return !(num % 2);
}