function showDiv(id)
{
	for(i = 0;i < 5;i++)
	{
		el = document.getElementById("b_div_" + i);
		bo = document.getElementById("div_" + i);
		el.className = (id == i) ? "selectDiv" : ((el.className == "newDiv") ? "newDiv": "");
		bo.style.display = (id == i) ? "inline" : "none";
	}
}

function showPop(username, name, age, fr, wh, e)
{	el = document.getElementById("pop");
	var x = (!document.all) ? e.pageX : event.x ;
	var y = (!document.all) ? e.pageY : event.y + document.documentElement.scrollTop;
	//alert(document.body.scrollTop);
	el.style.left = (x+20)+"px";
	el.style.top = (y-50)+"px";		
	el.innerHTML = '<table width="170" border="0" cellspacing="0" cellpadding="0">'+
  '<tr>'+
    '<td height="20" bgcolor="#F0F9FD" class="picBorder"><div align="right"><img src="/images/pro.png" width="50" height="8" /></div></td>'+
  '</tr>'+
  '<tr>'+
    '<td height="5" bgcolor="#209DEC"></td>'+
  '</tr>'+
  '<tr>'+
    '<td bgcolor="#FFFFFF" class="picBorder"><table width="170" border="0" cellspacing="0" cellpadding="0">'+
      '<tr>'+
        '<td height="5"></td>'+
        '<td></td>'+
        '</tr>'+
      '<tr>'+
        '<td class="popUp"><div align="right" dir="rtl"><span class="popUpTitle">&#1588;&#1606;&#1575;&#1587;&#1607; &#1575;&#1740;&#1585;&#1705;&#1575;&#1578; :</span> '+username+' </div></td>'+
        '<td width="5" rowspan="5">&nbsp;</td>'+
      '</tr>'+
      '<tr>'+
        '<td class="popUp"><div align="right"><span class="popUpTitle">&#1606;&#1575;&#1605;</span> : '+name+'  </div></td>'+
        '</tr>'+
      '<tr>'+
        '<td class="popUp"><div align="right"><span class="popUpTitle">&#1587;&#1606; : </span>'+age+'</div></td>'+
        '</tr>'+
      '<tr>'+
        '<td class="popUp"><div align="right"><span class="popUpTitle">&#1578;&#1593;&#1583;&#1575;&#1583; &#1583;&#1608;&#1587;&#1578;&#1575;&#1606; &#1583;&#1585; &#1575;&#1740;&#1585;&#1705;&#1575;&#1578; : </span>'+fr+'</div></td>'+
      '</tr>'+
      '<tr>'+
        '<td class="popUp"><div align="right"><span class="popUpTitle">&#1605;&#1581;&#1604; &#1587;&#1705;&#1608;&#1606;&#1578; : </span>'+wh+'</div></td>'+
        '</tr>'+
      '<tr>'+
        '<td height="5"></td>'+
        '<td></td>'+
        '</tr>'+
    '</table></td>'+
  '</tr>'+
'</table>';
	el.style.visibility = "visible";
}

function showPopG(name, username, user, discus, e)
{
	el = document.getElementById("pop");
	var x = (!document.all) ? e.pageX : event.x;
	var y = (!document.all) ? e.pageY : event.y + document.documentElement.scrollTop;
	el.style.left = (x+20)+"px";
	el.style.top = (y-50)+"px";		
	el.innerHTML = '<table width="170" border="0" cellspacing="0" cellpadding="0">'+
  '<tr>'+
    '<td height="20" bgcolor="#F0F9FD" class="picBorder"><div align="right"><img src="/images/groupsP.png" width="77" height="13" /></div></td>'+
  '</tr>'+
  '<tr>'+
    '<td height="5" bgcolor="#209DEC"></td>'+
  '</tr>'+
  '<tr>'+
    '<td bgcolor="#FFFFFF" class="picBorder"><table width="170" border="0" cellspacing="0" cellpadding="0">'+
      '<tr>'+
        '<td height="5"></td>'+
        '<td></td>'+
      '</tr>'+
      '<tr>'+
        '<td class="popUp"><div align="right" dir="rtl"><span class="popUpTitle">&#1606;&#1575;&#1605; &#1711;&#1585;&#1608;&#1607; :</span> '+name+' </div></td>'+
        '<td width="5" rowspan="5">&nbsp;</td>'+
      '</tr>'+
      '<tr>'+
        '<td class="popUp" dir="rtl"><div align="right"><span class="popUpTitle">&#1588;&#1606;&#1575;&#1587;&#1607; &#1711;&#1585;&#1608;&#1607; : </span>  '+username+' </div></td></tr>'+
      '<tr>'+
        '<td class="popUp"><div align="right"><span class="popUpTitle">&#1578;&#1593;&#1583;&#1575;&#1583; &#1575;&#1593;&#1590;&#1575; : </span>'+user+'</div></td>'+
      '</tr>'+
      '<tr>'+
        '<td class="popUp"><div align="right"><span class="popUpTitle">&#1578;&#1593;&#1583;&#1575;&#1583; &#1576;&#1581;&#1579;&#1607;&#1575; : </span>'+discus+'</div></td>'+
      '</tr>'+
      '<tr>'+
        '<td height="5"></td>'+
        '<td></td>'+
      '</tr>'+
    '</table></td>'+
  '</tr>'+
'</table>';
el.style.visibility = "visible";
}

function hidePop()
{
	el = document.getElementById("pop");
	el.style.visibility = "hidden";
}

function newDivs(par)
{
	if(par == "")
		return;
	var arr = par.split(",");
	for(i = 0;i < arr.length ;i++)
	{
		el = document.getElementById("b_div_" + arr[i]);
		el.className = "newDiv";
	}
}