function changeimg(layerno, picx){
var id;
var idn = layerno;
//prelimage.src = picx;
var version = navigator.userAgent;   //check if IE6 to fix layout of pict
var findIE6 = version.indexOf('MSIE 6');  //check if IE6 to fix layout of pict

//img2=new Image()
//img2.src= picx;
//alert(prelimage.src);
// Get the row position
 var elem = document.getElementById(idn);
 var cont = document.getElementById("container");
 var el = elem.offsetTop;
 var elleft = elem.offsetLeft;
 var contleft = cont.offsetLeft;
 var dif = (elleft - contleft);
if (!el){//Hack for IE
elem.style.position = "absolute";
el = elem.offsetTop;

elem.style.position = "relative";
elleft = elem.offsetLeft;
contleft = cont.offsetLeft;
dif = (elleft - contleft);
}
//alert(dif);
// End row position



msgstring = '<div id="picsinside" onclick="details(' + idn + ')";> <img src="' + picx + '" width="65" height="49" border="1"/><br />Details</div>';

if (document.getElementById){
id = document.getElementById("picsinventory");
var lev = document.getElementById("picslevel");
w = id.offsetWidth;
h = id.offsetHeight;
id.style.top = (el - h/3 + 3) + 'px';
// id.style.left = (contleft + ((dif - w)/2) + 32) + 'px';
id.style.left = (elleft - w - 10) + 'px';
lev.style.top = (el + 2) + 'px';
lev.style.left = (elleft -12) + 'px';
id.innerHTML = msgstring;
//alert(id.offsetLeft);
}
// ie6+
if (document.all){
id = document.all["picsinventory"];
var lev = document.all["picslevel"];
w = id.offsetWidth;
h = id.offsetHeight;
id.style.top = (el - h/3 + 3) + 'px';
// id.style.left = (contleft + ((dif - w)/2) + 29) + 'px';
id.style.left = (elleft - w - 10) + 'px';
lev.style.top = (el + 0) + 'px';
lev.style.left = (elleft - 17) + 'px';
//id.style.left = (elleft - w -6) + 'px';
id.innerHTML = msgstring;
}

if(findIE6 != -1)
{
id = document.getElementById("picsinventory");
var lev = document.getElementById("picslevel");
w = id.offsetWidth;
h = id.offsetHeight;
id.style.top = (el - h/3 + 3) + 'px';
//id.style.left = (contleft + ((dif - w)/2) + 5) + 'px';
id.style.left = (elleft - w - 10) + 'px';
lev.style.top = (el + 2) + 'px';
lev.style.left = (elleft -17) + 'px';
id.innerHTML = msgstring;
//alert(id.offsetLeft);
}

}




function details (pid)
{
var pid;
var page;
page = "selected.php?id=" + pid;
// alert(page);
top.window.location=page;
	
}

function preload(num, imag)
{

if(document.images)
{

var i=0;
for (i=0; i<num; i++)
{
	prelimage = new Image(65,49);
prelimage.src = imag[i];

}
}
	
}

function rowcol (id) {
var actcol;
var acol = id;

actcol = document.getElementById(acol);
actcolor = actcol.currentStyle.backgroundColor;
actcol.style.backgroundColor = "#E6E6E6";
}



function rowcolback (idbk)
{
var acolbk = idbk;
actcolbk = document.getElementById(acolbk);

actcolbk.style.backgroundColor = "transparent";	
}