var rel_x=220;
var rel_y=200;
var relationsArray=new Array();

function oRelated(obj,title,reflayer){
  relationsArray[relationsArray.length]=obj;
  this.obj=obj;
  this.title=title;
  this.reflayer=reflayer;

    this.x=getLeft(document.getElementById(this.reflayer));
    this.y=getTop(document.getElementById(this.reflayer));
  if(relationsArray.length>1){
    tempObj=relationsArray[relationsArray.length-2];
    tempY=((eval(tempObj+".rel.length")+2)*17)+eval(tempObj+".y");
    if(this.y<tempY){
      this.y=tempY;
    }
  }

  this.addrel=rel_addrel;
  this.addsub_to_lastrel=rel_addsub_to_lastrel;
  this.create=rel_create;

  this.rel=new Array();
  this.active_rel=0;
  this.l=null;
}

function rel_addrel(name){
  this.active_rel=this.rel.length;
  this.rel[this.active_rel]=new rel_oRel(this.active_rel,name);
}

function rel_oRel(id,name){
  this.id=id;
  this.name=name;

  this.subrel=new Array();
  this.show=rel_show;
  this.hide=rel_hide;
}

function rel_show(obj){
  this.l.visibility='visible';
  document.images[obj.obj+"_img"+this.id].src=server+"images/downarrow_pressed.gif";
}
function rel_hide(obj){
  this.l.visibility='hidden';
  document.images[obj.obj+"_img"+this.id].src=server+"images/downarrow_unpressed.gif";
}

function rel_addsub_to_lastrel(name,url){
  id=this.rel[this.active_rel].subrel.length;
  this.rel[this.active_rel].subrel[id]=new rel_oSubRel(id,name,url);
}

function rel_oSubRel(id,name,url){
  this.id=id;
  this.name=name;
  this.url=url;
}

function rel_create(){
  temp="";
  for(var a=0;a<this.rel.length;a++){
    temp+='<a href="Javascript:'+this.obj+'.rel['+a+'].show('+this.obj+');"><img src="'+server+'images/downarrow_unpressed.gif" width="16" height="11" align="top" border="0" hspace="4" vspace="3" name="'+this.obj+'_img'+a+'">'+this.rel[a].name+'</a><br>';
  }
  this.l=rel_createLayer(this.obj+"_layer",this.x,this.y,'<span class="rel"><b>'+this.title+'</b><br><nobr>'+temp+'</nobr></span>',300,400);
  this.l.visibility='visible';
  for(var a=0;a<this.rel.length;a++){
    temp='<table border=0 cellpadding=1 cellspacing=0 width="322"><tr><td bgcolor="#999933"><table border=0 cellspacing=0 cellpadding=1 width="320" style="margin:1 1 1 1;"><tr><td bgcolor="#cccc99" align="right" colspan="2"><a href="Javascript:'+this.obj+'.rel['+a+'].hide('+this.obj+');"><img src="'+server+'images/close_icon.gif" border=0></a></td></tr>';
    temp+='<tr><td bgcolor="#ffffff" width="10"><img src="'+server+'images/pix.gif" width="10" height="1" alt="" border="0"></td><td bgcolor="#ffffff" class="main" width="313">&nbsp;</td></tr>';
    temp+='<tr><td bgcolor="#ffffff" width="10"><img src="'+server+'images/pix.gif" width="10" height="1" alt="" border="0"></td><td bgcolor="#ffffff" class="rel" width="313"><b>'+this.rel[a].name+'</b></td></tr>';
    for(b=0;b<this.rel[a].subrel.length;b++){
      if(this.rel[a].subrel[b].url.length!=0){
        temp+='<tr><td bgcolor="#ffffff" width="10"><img src="'+server+'images/pix.gif" width="10" height="1" alt="" border="0"></td><td bgcolor="#ffffff" width="313"><a href="'+this.rel[a].subrel[b].url+'">'+this.rel[a].subrel[b].name+'</a></td></tr>';
      }else{
        temp+='<tr><td bgcolor="#ffffff" width="10"><img src="'+server+'images/pix.gif" width="10" height="1" alt="" border="0"></td><td bgcolor="#ffffff" width="313">'+this.rel[a].subrel[b].name+'</td></tr>';
      }
    }
    temp+='<tr><td bgcolor="#ffffff" width="10"><img src="'+server+'images/pix.gif" width="10" height="1" alt="" border="0"></td><td bgcolor="#ffffff" class="main" width="313">&nbsp;</td></tr>';
    temp+='</table></td></tr></table>';
    this.rel[a].l=rel_createLayer(this.obj+'_'+a,rel_x,rel_y,temp,330,400);
  }
}

/************************function createLayer START**************************************/
function rel_createLayer(name,x,y,text,width,height){
    var div;
    div=document.createElement('DIV');
    div.id=name;
    div.setAttribute('style','position:absolute;left:'+x+';top:'+y+';width:'+width+';height:'+height+';visibility:hidden;');
    div.innerHTML=text;
    document.body.appendChild(div);
    return div.style;
}
/************************function createLayer END**************************************/
function getTop(object){
/*  if(object.tagName=="BODY"){
    return object.clientTop;
  }else{
    return object.offsetTop+getTop(object.offsetParent);
  }
	*/
	return object.offsetTop;
}
function getLeft(object){
/*  if(object.tagName=="BODY"){
    return object.clientLeft;
  }else{
    return object.offsetLeft+getLeft(object.offsetParent);
  }*/
	return object.offsetLeft;
}