function getElementLeft(elm) 
            {
                var x = 0;

                //set x to elm’s offsetLeft
                x = elm.offsetLeft;

                //set elm to its offsetParent
                elm = elm.offsetParent;

                //use while loop to check if elm is null
                // if not then add current elm’s offsetLeft to x
                //offsetTop to y and set elm to its offsetParent

                while(elm != null)
                {
                    x = parseInt(x) + parseInt(elm.offsetLeft);
                    elm = elm.offsetParent;
                }
                return x;
            }

            function getElementTop(elm) 
            {
                var y = 0;

                //set x to elm’s offsetLeft
                y = elm.offsetTop;

                //set elm to its offsetParent
                elm = elm.offsetParent;

                //use while loop to check if elm is null
                // if not then add current elm’s offsetLeft to x
                //offsetTop to y and set elm to its offsetParent

                while(elm != null)
                {
                    y = parseInt(y) + parseInt(elm.offsetTop);
                    elm = elm.offsetParent;
                }

                return y;
            }
		//NB change imgbox name + width and height to suit css
				
						function Large(obj)
            {
                var imgbox=document.getElementById("imgbox");
                imgbox.style.visibility='visible';
                var img = document.createElement("img");
                img.src=obj.src;
                img.style.width='675px';
                img.style.height='437px';
                
                if(img.addEventListener){
                    img.addEventListener('mouseout',Out,false);
                } else {
                    img.attachEvent('onmouseout',Out);
                }             
                imgbox.innerHTML='';
                imgbox.appendChild(img);
                imgbox.style.left=(getElementLeft(obj)-90) +'px';
                imgbox.style.top=(getElementTop(obj)-109) + 'px';
            }
						
						
						function Out()
            {
                document.getElementById("imgbox").style.visibility='hidden';
            }
						
			//Another instance for another page		
						
						
						function Large1(obj)
            {
                var imgbox=document.getElementById("imgbox2");
                imgbox.style.visibility='visible';
                var img = document.createElement("img");
                img.src=obj.src;
                img.style.width='534px';
                img.style.height='338px';
                
                if(img.addEventListener){
                    img.addEventListener('mouseout',Out1,false);
                } else {
                    img.attachEvent('onmouseout',Out1);
                }             
                imgbox.innerHTML='';
                imgbox.appendChild(img);
                imgbox.style.left=(getElementLeft(obj)-260) +'px';
                imgbox.style.top=(getElementTop(obj)-99) + 'px';
            }
						
						function Out1()
            {
                document.getElementById("imgbox2").style.visibility='hidden';
            }