function SelectTab( tab, item )
{
    var tabs = getElementsByNameIEFix( "div", tab )
    if( tabs != null )
    {
        for( i = 0; i< tabs.length; i++ )
        {
            var t = tabs[i];
            t.className = (t.id == item)? "allTabs hotTab": "allTabs normalTab";
        }
    }
}

function getElementsByNameIEFix(tag, name) 
{
     
     var elem = document.getElementsByTagName(tag);
     var arr = new Array();
     for(i = 0,iarr = 0; i < elem.length; i++) 
     {
          att = elem[i].getAttribute("name");
          if(att == name) 
          {
               arr[iarr] = elem[i];
               iarr++;
          }
     }
     return arr;
}

var vp, bb, timer = null;
function load()
{
    vp=document.getElementById('viewPort1');
    bb=document.getElementById('ibb')
}

function AjaxHistory( action, tab ){bb.src="GoBack.aspx?call="+escape("parent.DoAjax('"+action+"','rcContainer');"+((tab!=null)?("parent.SelectTab('mmTabs','"+ tab+"\');"):""));}
function show(thumb){vp.style.display='none';var coords = thumb.coords.split(',');var im1=document.getElementById('im1');var x=new Number(0);var y=new Number(0);var cc=coords.length>>1;for(var i=0;i<cc;i++){x+=new Number(coords[i<<1]);y+=new Number(coords[(i<<1)+1]);}vp.x=im1.offsetLeft+x/cc;vp.y=im1.offsetTop+y/cc;vp.scale=20;var img=new Image();img.onload=function(){grow(this);};img.src = thumb.href;return false;}
function grow(img)
{
    if(img)
    {
        vp.dw=img.width;
        vp.dh=img.height;
        vp.innerHTML='';
        setViewport(1,1);
        img.className='fill';
        img.title = img.alt ="Magnifying Glass";
        vp.appendChild(img);
    }
    clearTimeout(timer);
    if(vp.scale<=100)
    {
        vp.scale+=4;
        var w=Math.floor((vp.scale*vp.dw)/100);
        var h = Math.floor((vp.scale*vp.dh)/100);
        if(w<vp.dw||h<vp.dh)
        {
            timer=setTimeout('grow()',10);
            setViewport(w,h);
        }
        else
            setViewport(vp.dw,vp.dh);
        
    }
}
function shrink(){clearTimeout(timer);if(vp.scale>4){vp.scale-=6;timer = setTimeout('shrink()',1);setViewport(Math.floor((vp.scale*vp.dw)/100), Math.floor((vp.scale*vp.dh)/100));}else{vp.style.display='none';}}
function setViewport(w,h){var s=vp.style;s.left=vp.x-(w>>1);s.top=vp.y-(h>>1);s.width=w+"px";s.height=h+"px";s.display="block";}

var lastThumb = null;
function enlarge( thumb, image )
{

    if( vp != null && thumb != lastThumb)
    {
        lastThumb = thumb;
        var p = pos(thumb)
        vp.x=p.x+220;
        vp.y=p.y+140;
        vp.scale=20;
        var img=new Image();
        img.onload=function()
        {
            this.height = 206;
            this.width = 206;
            grow(this);
        };
        img.src = image;
    }
    return false;
}


function pos(e)
{
	var left = 0;
	var top  = 0;
	while (e.offsetParent){left+=e.offsetLeft; top+=e.offsetTop; e=e.offsetParent;	}
	left += e.offsetLeft;
	top  += e.offsetTop;
	return {x:left, y:top};
}

var cs=false;
function zoom(ev,imgId)
{
    if( cs ) 
        return;
    cs=true;
    var RADIUS=100;
    var element = document.getElementById(imgId);
    var magnGlass = document.getElementById("magnGlass");

    var sx = ev.clientX + document.body.scrollLeft;
    var sy = ev.clientY + document.body.scrollTop;
    magnGlass.style.left = (sx-RADIUS)+'px';
    magnGlass.style.top = (sy-RADIUS)+'px';
    magnGlass.style.display='';
    
    var p = pos(element)
    var x = Math.floor((sx-p.x) *element.naturalWidth / element.w);
    var y = Math.floor((sy-p.y) *element.naturalHeight / element.h);



    var z = null, c=1;
    
    if( y < 0 || y > element.naturalHeight || x < 0 || x > element.naturalWidth)
    {
        magnGlass.style.display='none';
        cs=false;
        return;
    }
    

    if( x < RADIUS )
        x = RADIUS;
    if( x > element.naturalWidth-RADIUS*2)
        x = element.naturalWidth-RADIUS*2;
        
    y = RADIUS - y;
    do
    {
        z = document.getElementById("z" + c);
        c++;
        if( z )
        {
            var p1 = z.getAttribute("w") - x;
            z.style.backgroundPosition = p1 + "px " + y + "px";
            y -= z.getAttribute("h")
        }
    }
    while(z);
    cs=false;

}
 
function magnify(element)
{
    var p = element.firstChild.src.replace("_c","");
    p = p.replace(".gif",".jpg").replace(".html",".jpg");

    DoAjax("Ajax.aspx?c=TabExamples&i="+p,"rcContainer");
    SelectTab('mmTabs',null);
}