/*** Create some global variables ***/
if(!window.PROJECTEN)
	PROJECTEN=new Object();
PROJECTEN.ImageZoomRunning = false;

PROJECTEN.zoomOn = function(img, zoomStep, maxZoom)
{
	if(img)
	{
		if(!zoomStep)
		{
			if(img.mode == "EXPAND")
				zoomStep = img.height/10;
			else
				zoomStep = img.width/10;
		}

		if(!maxZoom)
		{
			if(img.mode == "EXPAND")
				maxZoom = img.height/2;
			else
				maxZoom = img.width/2;
		}


		if(img.state == null)
		{
			img.state = "OFF";
			img.index = 0;
			img.orgWidth =  img.width;
			img.orgHeight = img.height;
			img.zoomStep = zoomStep;
			img.maxZoom  = maxZoom;
		}

		if(img.state == "OFF")
		{
			img.state = "ZOOM_IN";
			start_zooming();
		}
		else if( img.state == "ZOOM_IN_OUT"
			|| img.state == "ZOOM_OUT")
		{
			img.state = "ZOOM_IN";
		}
	}
}
PROJECTEN.zoomIn = function(img, zoomStep, maxZoom)
{
	img.mode = "ZOOM";
	PROJECTEN.zoomOn(img, zoomStep, maxZoom);
}
PROJECTEN.stretchIn = function(img, zoomStep, maxZoom)
{
	img.mode = "STRETCH";
	PROJECTEN.zoomOn(img, zoomStep, maxZoom);
}
PROJECTEN.expandIn = function(img, zoomStep, maxZoom)
{
	img.mode = "EXPAND";
	PROJECTEN.zoomOn(img, zoomStep, maxZoom);
}

PROJECTEN.zoomOut = function(img)
{
	if(img)
	{
		if(img.state=="ON")
		{
			img.state="ZOOM_OUT";
			start_zooming();
		}
		else if(img.state == "ZOOM_IN")
		{
			img.state="ZOOM_IN_OUT";
		}
	}
}

function start_zooming()
{
	if(!PROJECTEN.ImageZoomRunning)
		ImageZoomAnimation();
}

PROJECTEN.setZoom = function(img)
{
	if(img.mode == "STRETCH")
	{
		img.width  = img.orgWidth  + img.index;
		img.height = img.orgHeight;
	}
	else if(img.mode == "EXPAND")
	{
		img.width  = img.orgWidth;
		img.height = img.orgHeight + img.index;
	}
	else
	{
		img.width  = img.orgWidth   + img.index;
		img.height = img.orgHeight  + (img.index * (img.orgHeight/img.orgWidth));
	}
}

function ImageZoomAnimation()
{
	PROJECTEN.ImageZoomRunning = false;
	for(i=0 ; i<document.images.length ; i++)
	{
		var img = document.images[i];
		if(img.state)
		{
			if(img.state == "ZOOM_IN")
			{
				img.index+=img.zoomStep;
				if(img.index > img.maxZoom)
					img.index = img.maxZoom;

				PROJECTEN.setZoom(img);

				if(img.index == img.maxZoom)
					img.state="ON";
				else
					PROJECTEN.ImageZoomRunning = true;
			}
			else if(img.state == "ZOOM_IN_OUT")
			{
				img.index+=img.zoomStep;
				if(img.index > img.maxZoom)
					img.index = img.maxZoom;

				PROJECTEN.setZoom(img);
	
				if(img.index == img.maxZoom)
					img.state="ZOOM_OUT";
				PROJECTEN.ImageZoomRunning = true;
			}
			else if(img.state == "ZOOM_OUT")
			{
				img.index-=img.zoomStep;
				if(img.index < 0)
					img.index = 0;

				PROJECTEN.setZoom(img);

				if(img.index == 0)
					img.state="OFF";
				else
					PROJECTEN.ImageZoomRunning = true;
			}
		}
	}
	/*** Check to see if we need to animate any more frames. ***/
	if(PROJECTEN.ImageZoomRunning)
		setTimeout("ImageZoomAnimation()", 40);
}



            function showhide(id)
                {

                //safe function to show an element with a specified id

                if (document.getElementById)
                    { // DOM3 = IE5, NS6
                    if (document.getElementById(id).style.display == 'block')
                        {
                        document.getElementById(id).style.display = 'none';
                        }

                    else
                        {
                        document.getElementById(id).style.display = 'block'
                        }
                    }

                else
                    {
                    if (document.layers)
                        { // Netscape 4
                        if (document.id.display == 'block')
                            {
                            document.id.display = 'none';
                            }

                        else
                            {
                            document.id.display = 'block'
                            }
                        }

                    else
                        { // IE 4
                        if (document.all.id.style.display = 'block')
                            {
                            document.all.id.style.display = 'none';
                            }

                        else
                            {
                            document.all.id.style.display = 'block'
                            }
                        }
                    }
                }