function getElementLeft(elm) 
{
    var x = 0;

    //set x to elm's offsetLeft
   // x = elm.offsetLeft;
x=168;
    //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;
    y=130;
    //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;
}
function Large(obj)
{ 
    var imgbox=document.getElementById("imgbox");
  	 imgbox.style.visibility='visible';
	      var img = document.createElement("img");  
	    img.src=obj;
	    
	    img.style.width='250px';
	    img.style.height='250px';
	   
	    if(img.addEventListener){
	        img.addEventListener('mouseout',Out,false);
	    } else {
	        img.attachEvent('onmouseout',Out);
	    }             
	    imgbox.innerHTML='';
	    imgbox.appendChild(img);
	    imgbox.style.left=(getElementLeft(obj)+660) +'px';
	    imgbox.style.top=(getElementTop(obj)+180) + 'px';
	   
}
function Large1(obj)
{  
    var imgbox=document.getElementById("imgbox1");
    
  	
	    imgbox.style.visibility='visible';
	      var img = document.createElement("img");  
	    img.src=obj;
	    
	  
	    img.style.width='200px';
	    img.style.height='200px';
	    
	    if(img.addEventListener){
	        img.addEventListener('mouseout',Out,false);
	    } else {
	        img.attachEvent('onmouseout',Out);
	    }             
	    imgbox.innerHTML='';
	    imgbox.appendChild(img);
	    imgbox.style.left=(getElementLeft(obj)+660) +'px';
	    imgbox.style.top=(getElementTop(obj)+180) + 'px';

}
function Out()
{
    document.getElementById("imgbox").style.visibility='hidden';
}
function Out1()
{
    document.getElementById("imgbox1").style.visibility='hidden';
}

function showIt(imgsrc)
{
document.getElementById('imageshow').src=imgsrc;
document.getElementById('imageshow').style.display='block';
}

function hideIt()
{
document.getElementById('imageshow').style.display='none';
}