inst.height;
inst.pendiente = (inst.largo) ? parseInt(inst.width/inst.height) : parseInt(inst.height/inst.width);
inst.pendiente = isNaN(inst.pendiente)?0:inst.pendiente;
inst.largo = (inst.eslargo) ? inst.width : inst.height ;
inst.iniX = (inst.position.x1 < inst.position.x2) ? inst.position.x1 : inst.position.x2;
inst.iniY = (inst.position.y1 < inst.position.y2) ? inst.position.y1 : inst.position.y2;
inst.reversa = (inst.position.x1 < inst.position.x2 || inst.position.y1 < inst.position.y2)?false:true;
//inst.iniX = inst.position.x1;
//inst.iniY = inst.position.y1;
inst.inversa = (inst.position.x1 < inst.position.x2) && (inst.position.y2 < inst.position.y1) || (inst.position.x2 < inst.position.x1) && (inst.position.y1 < inst.position.y2);
inst.puntos=[];
//x ++
//y div++
//document.getElementById("debug").innerHTML+="
PUNTOS A GENERAR: "+inst.largo+"
"+rodeh.tools.object.toString(inst)+"
";
for(i=0;i<=inst.largo;i++)
{
/**
* inst.eslargo, if(true) linea x++ else linea y++
**/
if(inst.eslargo)
{
x=i+inst.iniX;
}else
{
if(inst.inversa)
{
x=(inst.width - parseInt(i * inst.width / inst.height))+inst.iniX;
}
else
{
x=parseInt(((i * inst.width) / inst.height)+inst.iniX);
}
}
if(inst.eslargo)
{
if(inst.inversa)
{
y=(inst.height- parseInt(i * inst.height/ inst.width))+inst.iniY;
}else
{
y=parseInt(((i * inst.height)/ inst.width)+inst.iniY);
}
}else
{//alert(768)
y=i+inst.iniY;
}
//document.getElementById("debug").innerHTML+="Punto: x="+x+" ("+inst.width+" - [("+i+" * "+inst.width+" / "+inst.height+")="+((i*inst.width)/inst.height)+"])+"+inst.position.x1+" , y:"+y+"
";
//if(x >= inst.iniX && y >= inst.iniY)
//{
ln=rodeh.graf.punto({
name:name+"|"+i,
noRand:true,
w:inst.size,
h:inst.size,
x:x,
y:y,
color:inst.color,
style:((inst.style)?inst.style:false),
zIndex:inst.zIndex || false,
event:(inst.event)?inst.event:false,
target:inst.target
});
inst.puntos[i]=ln.objeto;
if(inst.showPosition){ln.objeto.title="x: "+x+" ,y: "+y;}
//}
}
//alert(name)
// document.getElementById("debug").innerHTML+="
"+rodeh.tools.object.toString(inst)+":"+inst.largo+"
";
//alert(rodeh.tools.object.toString(inst));
return id;
},
_delete:{
linea:function(uid)
{
var linea=rodeh.graf.database.linea[uid];
//alert(uid+":"+linea+":"+rodeh.tools.object.toString(rodeh.graf.database))
for(var g=0;gy: "+(parseInt(el.style.top)+2);
inst.object.target.appendChild(guideHorizontal);
inst.object.target.appendChild(guideVertical);
inst.object.target.appendChild(info);
tmpguide={horizontal:guideHorizontal,vertical:guideVertical,info:info};
rodeh.drag.ini(
{
objetos :[{el:el},{el:guideHorizontal},{el:guideVertical},{el:info}],
event :event,
other :{
callback:[{
_on:"go",
_in:"begin",
_function:function(object)
{
var el=rodeh.event.get(object.paramDrag.event);
if(el.name=="casicodo")
{
el.name="casicodo";
}
else if(el.name=="codo")
{
el.name="codo";
}
else
{
el.name="casicodo"
}
//rodeh.event.remove(el,"mouseout",rodeh.graf.fx.linea.out);
},
param:tmpguide
},
{
_on:"go",
_in:"end",
_function:function(object)
{
var el=rodeh.event.get(object.paramDrag.event);
var inst=rodeh.graf.fx.tools.getCodoInstOfCodo(el.id);
if(inst && inst.codos)
{
rodeh.style.set(object.vertical,{top:0});
rodeh.style.set(object.horizontal,{left:0});
object.info.innerHTML="x: "+(parseInt(el.style.left)+2)+"
y: "+(parseInt(el.style.top)+2);
}
},param:tmpguide
},
{
_on:"finish",
_in:"begin",
_function:function(object)
{
var el,x,y,zz;
el=rodeh.event.get(object.paramDrag.event);
//window.status=object.tpos.x+":"+object.tpos.y+"|"+parseInt(el.style.left)+":"+parseInt(el.style.top);
//alert(rodeh.tools.object.toString(object.horizontal))
/* eliminar guideline tmp begin */
rodeh.tools.element.remove(object.tmpguide.horizontal);
rodeh.tools.element.remove(object.tmpguide.vertical);
rodeh.tools.element.remove(object.tmpguide.info);
/* eliminar guideline tmp end */
var inst=rodeh.graf.fx.tools.getCodoInstOfCodo(el.id);
if(inst && inst.codos)
{
//document.getElementById("debug").innerHTML+="+name:"+el.name+" id="+el.id+"
"+el+"
";
if(el.name=="casicodo")
{
rodeh.event.remove(el,"mouseover",rodeh.graf.fx.linea.over);
el.style.visibility="hidden";
x=parseInt(el.style.left);
y=parseInt(el.style.top);
zz=2;
rodeh.graf.fx.linea.createCodo({
action:"update",
x:x,
y:y,
color:inst.object.color,
zIndex:inst.object.zIndex+1,
target:inst.object.target,
id:el.id,
noFix:true
});
//rodeh.graf.fx.linea.codo.set(object.paramDrag.event);
//rodeh.event.add(el,"mouseout",rodeh.graf.fx.linea.codo.set);
//rodeh.event.add(el,"mouseover",rodeh.graf.fx.linea.codo.over);
el.name="codo";
//rodeh.graf.fx.linea.resize(el.id);
//(tam/cantidad)
}
else if(el.name=="codo")
{
//x=parseInt(el.style.left);
//y=parseInt(el.style.top);
//zz=2;
//document.getElementById("debug").innerHTML+="CODO: +id="+el.id+" name="+el.name+" x="+x+" y="+y+" size:("+el.style.width+"x"+el.style.height+") inst.size="+inst.size+"
";
}
else if(el.name=="punto")
{
//if(object.tpos.x==parseInt(el.style.left) && object.tpos.y==parseInt(el.style.top))
//{
// }else{
//}
rodeh.graf.fx.linea.out(object.paramDrag.event);
rodeh.event.add(el,"mouseover",rodeh.graf.fx.linea.over);
//window.status="kkk|"+el.id
}
//document.getElementById("debug").innerHTML="
"+rodeh.tools.object.toString(rodeh.graf.database.codo[rodeh.graf.fx.tools.getCodo(el.id).codo])+"
";
}
},
param:{tmpguide:tmpguide,tpos:tpos}
}
]
}
});
},
codo:{
over:function(event){
var el =rodeh.event.get(event);
var inst=rodeh.graf.fx.tools.getCodoInstOfCodo(el.id);
rodeh.style.set(el,{backgroundColor:inst.object.colorCodoOver||"red"});
//window.status=el.style.left+":"+el.style.top
},
out:function(event) {
var el =rodeh.event.get(event);
var inst=rodeh.graf.fx.tools.getCodoInstOfCodo(el.id);
rodeh.style.set(el,{backgroundColor:inst.object.color});
},
contextmenu:function(event,manual)
{
var codo,inst,el=rodeh.event.get(event);
if(manual){codo=manual.codo;inst=manual.inst;}else{codo=rodeh.graf.fx.tools.getCodo(el.id);inst=rodeh.graf.database.codo[codo.codo];}
zzi=inst.object.zIndex+3;
//window.status=zzi
var b=rodeh.panel.create({w:85,h:10},{x:inst.codos[codo.num].position.x,y:inst.codos[codo.num].position.y},"contextmenu",zzi,false,{
botones:{cerrar:((rodeh.browser.isOPERA)?true:false)},
incontainer:inst.object.target,
style:{
panel:{border:"1px dashed "+inst.object.color},
html:{padding:2}
}
});
var href=document.createElement("a");
href.innerHTML="Delete";
href.href="#";
href.id=codo.codo;
if(!rodeh.browser.isOPERA)
{
var unlock=rodeh.panel.history[b].elementos.lock;
rodeh.event.add(unlock,"mouseup",rodeh.panel.remove);
}
rodeh.panel.html(b,href);
rodeh.style.set(href,rodeh.panel.styles.contextmenu.menu);
rodeh.event.add(href,"mouseover",function(event){rodeh.style.set(rodeh.event.get(event),rodeh.panel.styles.contextmenu.over);});
rodeh.event.add(href,"mouseout",function(event){rodeh.style.set(rodeh.event.get(event),rodeh.panel.styles.contextmenu.out);});
rodeh.event.add(href,"mouseup",rodeh.graf.fx.linea.deleteCodo,false,{
name:codo.codo,
Obj:{codoId:el.id,panelId:b}
});
//rodeh.fx.opacity.set(rodeh.panel.history[b].elementos.root,70);
rodeh.event._null(event);
},
click:function(event)
{
var el=rodeh.event.get(event);
var codo=rodeh.graf.fx.tools.getCodo(el.id);
var inst=rodeh.graf.database.codo[codo.codo];
if (typeof event.button != "undefined"){if (event.button == 2) {return false;}}
/* click menu for OPERA begin */
if(rodeh.browser.isOPERA)
{
var s=inst.tmp.menucodo;
if(s.step1===codo.num && s.step2===codo.num)
{
rodeh.graf.fx.linea.codo.contextmenu(event,{codo:codo,inst:inst});
}else if(s.step1===codo.num){
s.step2=codo.num;
window.status=2
}else{
s.step1=codo.num;
s.step2=false;
window.status=3
}
}
/* click menu for OPERA end */
/* codo guideline begin */
var guideVertical =document.createElement("div");
rodeh.style.set(guideVertical,{
width:2,
height:"100%",
position:"absolute",
border:"0px solid red",
borderLeft:"1px dashed red",
top:0,
left:inst.codos[codo.num].position.x
});
var guideHorizontal =document.createElement("div");
rodeh.style.set(guideHorizontal,{
height:2,
width:"100%",
position:"absolute",
border:"0px solid red",
borderTop:"1px dashed red",
left:0,
top:inst.codos[codo.num].position.y
});
var info =document.createElement("div");
rodeh.style.set(info,{
height:30,
width:40,
position:"absolute",
paddingLeft:5,
border:"1px solid #006699",
backgroundColor:"#fafbfc",
left:inst.codos[codo.num].position.x+10,
top:inst.codos[codo.num].position.y-40
});
rodeh.fx.opacity.set(info,30);
inst.object.target.appendChild(guideHorizontal);
inst.object.target.appendChild(guideVertical);
inst.object.target.appendChild(info);
info.innerHTML="x: "+inst.codos[codo.num].position.x+"
y: "+inst.codos[codo.num].position.y;
/* codo guideline end */
inst.codos[codo.num].guideline={
horizontal:guideHorizontal,
vertical:guideVertical
}
inst.codos[codo.num].infobox=info;
//alert(el.id)
rodeh.drag.ini(
{
objetos :[{el:el},{el:guideVertical},{el:guideHorizontal},{el:info}],
event :event,
other :{
callback:[
{
_on:"go",
_in:"end",
_function:function(object)
{
var el,x,y,zz;
el=rodeh.event.get(object.paramDrag.event);
var codo=rodeh.graf.fx.tools.getCodo(el.id);
var inst=rodeh.graf.database.codo[codo.codo];
//window.status=inst.codos;
if(inst && inst.codos && inst.codos[codo.num])
{
rodeh.style.set(inst.codos[codo.num].guideline.vertical,{top:0});
rodeh.style.set(inst.codos[codo.num].guideline.horizontal,{left:0});
inst.codos[codo.num].infobox.innerHTML="x: "+(parseInt(el.style.left)+2)+"
y: "+(parseInt(el.style.top)+2);
}
}
},
{
_on:"finish",
_in:"begin",
_function:function(object)
{
var el,x,y,zz;
el=rodeh.event.get(object.paramDrag.event);
var codo=object.codo;
var inst=rodeh.graf.database.codo[codo.codo];
if(inst && inst.codos)
{
//alert(codo.num+":"+rodeh.tools.object.toString(inst.codos[codo.num]))
rodeh.tools.element.remove(inst.codos[codo.num].guideline.vertical);
rodeh.tools.element.remove(inst.codos[codo.num].guideline.horizontal);
rodeh.tools.element.remove(inst.codos[codo.num].infobox);
var x=parseInt(inst.codos[codo.num].punto.objeto.style.left);
var y=parseInt(inst.codos[codo.num].punto.objeto.style.top);
//window.status=inst.codos[codo.num].position.x+":"+x+"|"+inst.codos[codo.num].position.y+":"+y;
if(inst.codos[codo.num].position.x!=x+2 || inst.codos[codo.num].position.y!=y+2)
{
rodeh.graf._delete.linea(inst.lineas[codo.num]);
rodeh.graf._delete.linea(inst.lineas[codo.num+1]);
inst.codos[codo.num].position.x=x+2;
inst.codos[codo.num].position.y=y+2;
//rodeh.graf.fx.linea.newCodoLines({inst:inst,codo:codo});
el.title="x: "+(x+2)+" ,y: "+(y+2);
rodeh.graf.fx.linea.newDoubleLines({inst:inst,codo:codo});
}
//alert(rodeh.tools.object.toString(codo))
}
},
param:{codo:codo}
}
]
}
});
}
},
createCodo:function(param)
{
var size=(rodeh.browserISIE)?5:5;
var diff=(!param.noFix)?2:0;
var codo=rodeh.graf.fx.tools.getCodo(param.id)
var action=param.action || "create";
var inst=rodeh.graf.database.codo[codo.codo];
codo.num=parseInt(codo.num);
//alert(action)
//alert(rodeh.tools.object.toString(codo))
//nnm=codo.codo+"|"+((action=="update")?parseInt(parseInt(codo.num)+1):codo.num);
var ln=rodeh.graf.punto({
name:codo.codo+"|"+codo.num,
noRand:true,
w:size,
h:size,
x:param.x-diff,
y:param.y-diff,
color:param.color,
style:{cursor:"move"},
zIndex:param.zIndex,
event:[{on:"mouseover",go:rodeh.graf.fx.linea.codo.over},
{on:"mousedown",go:rodeh.graf.fx.linea.codo.click},
{on:"contextmenu",go:rodeh.graf.fx.linea.codo.contextmenu},
{on:"mouseout",go:rodeh.graf.fx.linea.codo.out}
],
target:param.target
});
ln.objeto.title="x: "+(param.x+((action=="create")?0:2))+" ,y: "+(param.y+((action=="create")?0:2));
if(action=="create")
{
//alert(codo.codo)
inst.codos[inst.codos.length]={
punto:ln,
position:{x:param.x,y:param.y}
};
}
else if(action=="update")
{
var tmp=inst.codos.slice(codo.num,inst.codos.length);
inst.codos[codo.num]={
punto:ln,
position:{x:param.x+2,y:param.y+2}
};
for(var i=0;i";
//document.getElementById("debug").innerHTML+="-----------------------------------";
//document.getElementById("debug").innerHTML+=""+rodeh.tools.object.toString(inst.codos)+"
";
},
newCodoLines:function(param)
{
var inst=param.inst,codo=param.codo;
rodeh.graf._delete.linea(inst.lineas[codo.num]);
var tmp=inst.lineas.slice(codo.num,inst.lineas.length);
rodeh.graf.fx.linea.newDoubleLines(param);
for(var i=1;i0)
{
var x=a[i].x+i;
var y=a[i].y;
var ln=rodeh.graf.punto({
name:inst+"|arrow",
noRand:true,
w:1,
h:1,
x:a[i].x-i,
y:y,
color:"red",
zIndex:inst.object.zIndex+1,
target:inst.object.target
});
var ln=rodeh.graf.punto({
name:inst+"|arrow",
noRand:true,
w:1,
h:1,
x:x,
y:y,
color:"red",
zIndex:inst.object.zIndex+1,
target:inst.object.target
});
}
else
{
var x=a[i].x+i;
var y=a[i].y;
var ln=rodeh.graf.punto({
name:inst+"|arrow",
noRand:true,
w:1,
h:1,
x:x,
y:y,
color:"red",
zIndex:inst.object.zIndex+1,
target:inst.object.target
});
}
//}
}
}
//alert(a.length+":"+rodeh.tools.object.toString(guide));
//alert(puntos)
}
}
},
tools:{
reloadBF:function(param)
{
// alert(rodeh.tools.object.toString(param));
var prop=rodeh.graf.fx.tools.object.properties(rodeh.panel.history[param.task.panel].elementos.root);
var inst=rodeh.graf.database.codo[param.line];
var codo={codo:param.line};
//alert(rodeh.tools.object.toString(inst))
//return;
codo.num=0;
rodeh.graf._delete.linea(inst.lineas[codo.num]);
eval("x1=prop."+param.pos+".x");
eval("y1=prop."+param.pos+".y");
inst.puntas.x1=x1;
inst.puntas.y1=y1;
//window.status=inst.codos.length
x2=(codo.num==inst.codos.length)?inst.puntas.x2:inst.codos[codo.num].position.x;
y2=(codo.num==inst.codos.length)?inst.puntas.y2:inst.codos[codo.num].position.y;
//alert(x1+":"+y1+":"+x2+":"+y2)
//var tmp=inst.lineas.slice(codo.num,inst.lineas.length);
var codonum=parseInt(parseInt(codo.num)+i);
//window.status+=codonum+"|";
var line=rodeh.graf.linea({
name:param.line+"|"+codo.num,
nameNoGenerate:true,
position:{x1:x1,y1:y1,x2:x2,y2:y2},
event:[
{on:"mouseover" ,go:rodeh.graf.fx.linea.over},
{on:"mousedown" ,go:rodeh.graf.fx.linea.click},
{on:"mouseout" ,go:rodeh.graf.fx.linea.out}],
style:((inst.object.style)?inst.object.style:false),
size:1,zIndex:inst.object.zIndex,color:inst.object.color,target:inst.object.target
});
inst.lineas[codo.num]=line;
},
reloadBF2:function(param)
{
alert(rodeh.tools.object.toString(param));
var inst=rodeh.graf.database.codo[param.line];
var codo={codo:param.line};
if(param.punta=="begin")
{
codo.num=0;
x1=param.position.x;
y1=param.position.y;
inst.puntas.x1=x1;
inst.puntas.y1=y1;
x2=(codo.num==inst.codos.length)?inst.puntas.x2:inst.codos[codo.num].position.x;
y2=(codo.num==inst.codos.length)?inst.puntas.y2:inst.codos[codo.num].position.y;
}
else
{
codo.num=inst.codos.length;
x1=(codo.num==0)?inst.puntas.x1:inst.codos[codo.num-1].position.x;
y1=(codo.num==0)?inst.puntas.y1:inst.codos[codo.num-1].position.y;
x2=param.position.x;
y2=param.position.y;
inst.puntas.x2=x2;
inst.puntas.y2=y2;
}
rodeh.graf._delete.linea(inst.lineas[codo.num]);
alert(x1+":"+y1+":"+x2+":"+y2)
var codonum=parseInt(parseInt(codo.num)+i);
var line=rodeh.graf.linea({
name:param.line+"|"+codo.num,
nameNoGenerate:true,
position:{x1:x1,y1:y1,x2:x2,y2:y2},
event:[
{on:"mouseover" ,go:rodeh.graf.fx.linea.over},
{on:"mousedown" ,go:rodeh.graf.fx.linea.click},
{on:"mouseout" ,go:rodeh.graf.fx.linea.out}],
style:((inst.object.style)?inst.object.style:false),
size:1,zIndex:inst.object.zIndex,color:inst.object.color,target:inst.object.target
});
inst.lineas[codo.num]=line;
},
positionsToObject:function(string)
{
var pos=string.split(",");
var p=[];
for(var k=0;k=inst.launchs)
{
inst.launchs+=1;
inst.interval = setTimeout("rodeh.aplication.ajax.reLaunch('"+inst.process+"');",inst.advanced.update.interval);
}
}
else
{
inst.interval = setTimeout("rodeh.aplication.ajax.reLaunch('"+inst.process+"');",inst.advanced.update.interval);
}
}
},
arguments :{inst:this}
}});
}
this.probeError=function()
{
this.isOk=true;
if(!this.target)
{
this.isOk=false;
this.error="Target container not Found!";
rodeh.panel.alert(this.error);
}
else if(!this.url)
{
this.isOk=false;
this.error="URL not Found";
this.target.innerHTML=this.error;
}
return this.isOk;
}
this.innerHTML=function(html)
{
if(this.advanced && this.advanced.html)
{
if(this.advanced.html=="new")
{
this.target.innerHTML=html;
}
else if(this.advanced.html=="begin")
{
this.target.innerHTML=html+this.target.innerHTML;
}
else if(this.advanced.html=="end")
{
this.target.innerHTML+=html;
}
else
{
this.target.innerHTML=html;
}
}
else
{
this.target.innerHTML=html;
}
}
},
reLaunch:function(process)
{
var inst=rodeh.aplication.ajax.database[process]
inst.render();
}
},
tools:{
getTarget:function(id)
{
return (!id)?false:((typeof id=="object")?id:((document.getElementById(id))?document.getElementById(id):false));
}
},
event:{
instance:{
add:function(inst)
{
rodeh.event.expand[inst.name]=inst.inst;
},
get:function(inst)
{
return (!rodeh.event.expand[inst])?false:rodeh.event.expand[inst];
}
},
dispatcher:function(param)
{
var name =param.name || false;
var _goto =param._function || false;
var arguments =param.arguments || false;
if(!name){return false;}
rodeh.event.expand[name]={
_function :_goto,
name :name,
arguments:arguments
};
//rodeh.event.expand[name]=_goto;
return true;
},
launch:function(event,name,arguments)
{
var nameProcess=(!name)?rodeh.event.get(event).id:name;
//alert(nameProcess)
if(!rodeh.event.expand[nameProcess])
{
return false;
}
else
{
var process =rodeh.event.expand[nameProcess];
if(!process._function){return false;}
if(typeof process._function=='function')
{
return process._function({event:event,arguments:process.arguments,param:arguments || false});
}
else
{
return process._function;
}
}
}
}
};
rodeh.aplication.ajax.simpleHTML=function(url,target,arguments,callback,method)
{
var html=new rodeh.rpc.xmlhttp({
variables :arguments,
method :method || "POST",
url :url,
callback :{
_function:function($){
var tg=$.arguments.target;
var target=(typeof tg=="object")?tg:document.getElementById($.arguments.target);
target.innerHTML=$.request.responseText;
if($.arguments.cb)
{
$.arguments.cb();
}
},
arguments:{target:target,cb:callback || false}
}
});
};
rodeh.aplication.slide=function(options)
{
this.options=options || {};
this.className={
normal:"",
selected:"seleccionado"
};
this.inHistory=false;
//this.loader="loaderimage.gif";
this.loader=rodeh.tools.baseURL()+"imagenes/loading_basic.gif";
this.engine=function()
{
this.target=this.prepareTarget();
if(!this.target){return false;}
var img=document.getElementsByTagName("a");
this.images=[];
var oThis=this;
var t=0;
for(var i=0;i0)
{
this.show(this.images[0].element)
}
//alert(this.images.length)
}
this.show=function(href,image)
{
this.currentLink=href;
//alert(this.currentLink.childNodes[0])
//this.currentLink.style.border="2px solid red";
//alert(href.rel+":"+image)
//var a=(image)?rodeh.event.get(image):false;
this.currentImage=image || false;
this.current=this.currentLink.rel.split("|")[1];
this.mark();
this.loading("on");
this.theImage=new Image();
var oThis=this;
rodeh.event.add(this.theImage,"load",function(event){oThis.onload(event);})
this.theImage.src=this.images[this.current].url;
//alert(this.images[this.current].url+":"+this.current);
//this.current=rodeh.event.get(event).rel.split("|")[1];
//alert(this.current);
}
this.onload=function(event)
{
this.image.src=this.images[this.current].url;
if(this.images[this.current].title)
{
this.image.alt=this.images[this.current].title;
}
//window.status=event;
//rodeh.hacks.pause(2000);
this.loading("off");
//this.image.style.display="";
new Effect.Appear(this.id, { duration: 2, queue: 'end', afterFinish: function(){} });
}
this.loading=function(_on)
{
if(_on=="on")
{
this.image.style.display="none";
this.loaderImage.style.display="";
}
else if(_on=="off")
{
this.loaderImage.style.display="none";
}
}
this.prepareTarget=function()
{
var el=document.getElementById(this.options._in);
if(!el){return false;}
rodeh.style.set(el,{
position:"relative",
textAlign:"center",
zIndex:2,
verticalAlign:"middle"
});
this.width=el.offsetWidth;
this.height=el.offsetHeight;
return el;
}
this.mark=function()
{
if(this.inHistory)
{
this.images[this.inHistory].element.className=this.className.normal;
}
this.inHistory=this.current;
this.images[this.current].element.className=this.className.selected;
}
}
"+
" "+
" 
"+
" "+
"