// List Object-MINGS.

function List(nom,width,ColorsList) {
	this.name = nom
	List.count++ 
	this.w = "100%"
	this.itemSpacing = 1
	this.fontname = 'Arial'
	this.fontsize = 9
	this.visibility = 'inherit'
	this.overOpen = false
	this.indent = 5
	this.color = ColorsList 
	
	this.items = new Array()
	this.selectedIndex = null
	
	this.add = ListAdd
	this.build = ListBuild
	this.activate = ListActivate
	this.over = ListOver
	this.out = ListOut
	this.down = ListDown
	this.select = ListSelect
	this.setCols = ListSetCols
	this.image = new Object()
	this.setImage = ListSetImage
	this.deselect = ListDeselect
	this.onSelect = new Function()
}
function ListSetCols() {
	this.cols = arguments
	this.multiCol = true
}
function ListSetImage(image0,image1,width,height) {
	this.image.image0 = new Image()
	this.image.image0.src = image0
	this.image.image1 = new Image()
	this.image.image1.src = image1
	this.image.name0 = image0
	this.image.name1 = image1
	this.image.w = width
	this.image.h = height
}
function ListAdd(link,texte) {
	var i = this.items.length
	this.items[i]=new Object()	
	this.items[i].selected = false
	this.items[i].link = link
	this.items[i].txt = texte
}

function ListBuild() {
	this.taula = '<table width="100%" border="0" cellspacing="1" bgcolor="'+this.color.bg+'">\n'
	for (var i=0;i<this.items.length;i++) {
// Aixo afegit al <td> fa que canvii de color.
//onMouseOut="mOut(this,\''+this.color.bgNormal+'\');" onMouseover="mOvr(this,\''+this.color.bgRollover+'\');"
		this.taula += '<tr bgcolor="'+this.color.bgNormal+'"><td>'
// Aquesta és amb dibuixos
		this.taula += '<img src="'+this.image.name0+'" name="il'+this.name+i+'" width="'+this.image.w+'" height="'+this.image.h+'">' +
			'<a href="index.asp?'+this.items[i].link+'" class="coslinea" onmouseover="'+this.name+'.llista.over('+i+');" onmouseout="'+this.name+'.llista.out('+i+');">&nbsp;'+this.items[i].txt+'</a>'
// Aquesta és sense dibuixos
//this.taula += '<a href="'+this.items[i].link+'" class="coslinea">'+this.items[i].txt+'</a>'
		this.taula += '</td></tr>'
	}
	this.taula += '</table>'
}
function ListActivate() {
}

function ListOver(i) {

eval(this.name+'.active=true')
if (document.layers) //NS
	eval('document.'+this.name+'.document.images["il'+this.name+i+'"].src=this.image.image1.src')     
else
	eval('document["il'+this.name+i+'"].src=this.image.image1.src')
}
function ListOut(i) {

eval(this.name+'.active=false')
if (document.layers) //NS
	eval('document.'+this.name+'.document.images["il'+this.name+i+'"].src=this.image.image0.src')     
else //IE
	eval('document["il'+this.name+i+'"].src=this.image.image0.src')
}
function ListDown(i) {
}
function ListSelect(i) {
}

function ListDeselect(i) {
}
function ListRedirect() {
	location.href = this.value
}
List.count = 0

// Dynlayer setbg() required
function DynLayerSetbg(color) {
	if (is.ns) this.doc.bgColor = color
	else if (is.ie) this.css.backgroundColor = color
}

function mOvr(src,clrOver) {
 if (!src.contains(event.fromElement)) {
	// src.style.cursor = 'hand';
	 src.bgColor = clrOver;
	}
 }
 function mOut(src,clrIn) {
	if (!src.contains(event.toElement)) {
	 //src.style.cursor = 'default';
	 src.bgColor = clrIn;
	}
 }