function openimagedetail(id)
{

 url = 'detail.php?id='+id;

 window.open(url,"image","toolbar=no,width=200,height=50");

}


function openimagedetailx(id)
{

 url = 'detail1.php?id='+id;

 window.open(url,"image","toolbar=no,width=200,height=50");

}


function addEvent(obj, evType, fn, useCapture){
  if (obj.addEventListener){
    obj.addEventListener(evType, fn, useCapture);
    return true;
  } else if (obj.attachEvent){
    var r = obj.attachEvent("on"+evType, fn);
    return r;
  } else {
    alert("Handler could not be attached");
  }
}

function removeEvent(obj, evType, fn, useCapture){
  if (obj.removeEventListener){
    obj.removeEventListener(evType, fn, useCapture);
    return true;
  } else if (obj.detachEvent){
    var r = obj.detachEvent("on"+evType, fn);
    return r;
  } else {
    alert("Handler could not be removed");
  }
}


function mousePosition(e)
{
        var posx = 0;
        var posy = 0;
        if (e.pageX || e.pageY)
        {
                posx = e.pageX;
                posy = e.pageY;
        }
        else if (e.clientX || e.clientY)
        {
                posx = e.clientX + document.body.scrollLeft;
                posy = e.clientY + document.body.scrollTop;
        }
        return (posx);

}


  function resolveObject(s) {
                if (document.getElementById && document.getElementById(s)!=null) {
                        return document.getElementById(s);
                }
                else if (document.all && document.all[s]!=null) {
                        return document.all[s];
                }
                else if (document.anchors && document.anchors.length && document.anchors.length>0 && document.anchors[0].x) {
                        for (var i=0; i<document.anchors.length; i++) {
                                if (document.anchors[i].name==s) {
                                        return document.anchors[i]
                                }
                        }
                }
        }

var Position = (function() {
        // Resolve a string identifier to an object
        // ========================================
      

        var pos = {};
        // Set the position of an object
        // =============================
        pos.set = function(o,left,top) {
                if (typeof(o)=="string") {
                        o = resolveObject(o);
                }
                if (o==null || !o.style) {
                        return false;
                }
                o.style.position = "absolute";

                // If the second parameter is an object, it is assumed to be the result of getPosition()
                if (typeof(left)=="object") {
                        var pos = left;
                        left = pos.left;
                        top = pos.top;
                }

                o.style.left = left + "px";
                o.style.top = top + "px";
                return true;
        };

        // Retrieve the position and size of an object
        // ===========================================
        pos.get = function(o) {
                var fixBrowserQuirks = true;
                        // If a string is passed in instead of an object ref, resolve it
                if (typeof(o)=="string") {
                        o = resolveObject(o);
                }

                if (o==null) {
                        return null;
                }

                var left = 0;
                var top = 0;
                var width = 0;
                var height = 0;
                var parentNode = null;
                var offsetParent = null;


                offsetParent = o.offsetParent;
                var originalObject = o;
                var el = o; // "el" will be nodes as we walk up, "o" will be saved for offsetParent references
                while (el.parentNode!=null) {
                        el = el.parentNode;
                        if (el.offsetParent==null) {
                        }
                        else {
                                var considerScroll = true;
                                /*
                                In Opera, if parentNode of the first object is scrollable, then offsetLeft/offsetTop already
                                take its scroll position into account. If elements further up the chain are scrollable, their
                                scroll offsets still need to be added in. And for some reason, TR nodes have a scrolltop value
                                which must be ignored.
                                */
                                if (fixBrowserQuirks && window.opera) {
                                        if (el==originalObject.parentNode || el.nodeName=="TR") {
                                                considerScroll = false;
                                        }
                                }
                                if (considerScroll) {
                                        if (el.scrollTop && el.scrollTop>0) {
                                                top -= el.scrollTop;
                                        }
                                        if (el.scrollLeft && el.scrollLeft>0) {
                                                left -= el.scrollLeft;
                                        }
                                }
                        }
                        // If this node is also the offsetParent, add on the offsets and reset to the new offsetParent
                        if (el == offsetParent) {
                                left += o.offsetLeft;
                                if (el.clientLeft && el.nodeName!="TABLE") {
                                        left += el.clientLeft;
                                }
                                top += o.offsetTop;
                                if (el.clientTop && el.nodeName!="TABLE") {
                                        top += el.clientTop;
                                }
                                o = el;
                                if (o.offsetParent==null) {
                                        if (o.offsetLeft) {
                                                left += o.offsetLeft;
                                        }
                                        if (o.offsetTop) {
                                                top += o.offsetTop;
                                        }
                                }
                                offsetParent = o.offsetParent;
                        }
                }


                if (originalObject.offsetWidth) {
                        width = originalObject.offsetWidth;
                }
                if (originalObject.offsetHeight) {
                        height = originalObject.offsetHeight;
                }

                return {'left':left, 'top':top, 'width':width, 'height':height
                                };
        };

        // Retrieve the position of an object's center point
        // =================================================
        pos.getCenter = function(o) {
                var c = this.get(o);
                if (c==null) { return null; }
                c.left = c.left + (c.width/2);
                c.top = c.top + (c.height/2);
                return c;
        };

        return pos;
})();