<!--
	//filename: images.js
	//project:  www.caler.com
	//description: various image management functions for display
	//dependencie(s): popup.js
	
	//description: used for popping up a large image based on dimensions
	function ExpandImage( lngImgID, lngWidth, lngHeight )
	{
		var	strProp;
		strProp = POPUP_MakeProperties( 100, 100, lngWidth + 10, lngHeight + 10, false, false, false, false, false, false, false );
		POPUP_OpenGet( 'imageLargeView.asp?ID=' + lngImgID, 'ProductImage' + lngImgID, strProp );
	}
	
	//description: used for fading images from grayscale to color
	var lngFadeInInc = 5;
	var lngFadeInSpeed = 50;
	var lngFadeInOpacity = 0;
	var imgFadeInOpacity = 0;
	
	function FadeInImage( lngImgID )
	{
		if ( objImgGray = document.getElementById( 'pagImg' + lngImgID ) )
		{
			if ( objImgGray.style.display == 'none' )
			{
				if ( navigator.appName == 'Microsoft Internet Explorer' )
				{
					objImgGray.style.filter = 'alpha(opacity=0)';
					objImgGray.filters.alpha.opacity = 0;
				}
				else
				{
					objImgGray.style.opacity = 0;
				}
				objImgGray.style.display = 'block';
			}
			if ( imgFadeInOpacity < 105 )
			{
				imgFadeInOpacity = lngFadeInOpacity + lngFadeInInc;
				lngFadeInOpacity = imgFadeInOpacity;
				setTimeout( 'FadeInImage(' + lngImgID + ')', lngFadeInSpeed );
				if( imgFadeInOpacity < 100 || imgFadeInOpacity > 0 )
				{
					//lngFadeInInc =- lngFadeInInc;
				}
				if ( navigator.appName == 'Microsoft Internet Explorer' )
				{
					objImgGray.style.filter = 'alpha(opacity=0)';
					objImgGray.filters.alpha.opacity = imgFadeInOpacity;
				}
				else
				{
					objImgGray.style.opacity = imgFadeInOpacity / 100;
				}
			}
		}
	}
//-->