var prevImg = null;
			var mainImageGuid = null;
		//	var mainHeight = null;
		//	var mainWidth = null;
			var first = true;
			var curPos = 0;
			var prevGuid = null; var prevH = 0; var prevW = 0;
			var nextGuid = null; var nextH = 0; var nextW = 0;
			var mode = 's'; //Default to small images
			
			document.onkeyup=keypress

        	
			function ShowOnMain(pos)
			{
				if(pos==curPos)
					return;
					
				curPos = pos;
				
				var mainImg = getObj("igMainImage");
				var image = img[curPos];
				var splits = image.split("|");

				guid = splits[0];
				var o = getObj(guid);
				var h = parseInt(splits[1]);
				var w = parseInt(splits[2]);
				var d = splits[3];
				var url = splits[4];

       			//Fade Image for IE only
    			if (document.all){
				    document.images.igMainImage.style.filter="blendTrans(duration=1)"
				    document.images.igMainImage.style.filter="blendTrans(duration=crossFadeDuration)"
				    document.images.igMainImage.filters.blendTrans.Apply()      
				    document.images.igMainImage.filters.blendTrans.Play()
			    }

			    mainImg.src = url;
			    mainImg.width = w;
			    mainImg.height = h;
				
				//Update image position
				var imgNbr = getObj("igImgNbr"); 
				imgNbr.innerHTML = curPos+1;

				//Update image title to avaialable
				var imgTitle = getObj("igvImageTitle"); 
				if(imgTitle!=null)
				{
				    imgTitle.innerHTML = d;
				}

            }
			
			function ShowGallery(guid)
			{
				var src = "/ImageGallery/ImageViewer.aspx?g=" + guid + "&i=" + curPos;
				var win = window.open(src, "_blank","top=0,left=0,height=490,width=604");
				win.focus();
			}

			function ShowResourceGallery(gallery) {
			    // 'gallery' is the base64 Encoded GalleryPath
			    var src = "/ImageGallery/ResourceGalleryViewer.aspx?g=" + gallery + "&i=" + curPos;
			    var win = window.open(src, "_blank", "top=0,left=0,height=490,width=604");
			    win.focus();
			}

			//Set prev image so that it's class can be returned to normal when another image is selected.
			//function SetFirstImageObj(guid, h, w, pg, ng, o)
//			function SetFirstImageObj()
//			{
//								
//				image = img[0];
//				
//				var splits = image.split("|");

//				guid = splits[0];
//				var o = getObj(guid);
//				h = splits[1];
//				w = splits[2];
//				
//				prevImg = o;
//				mainImageGuid = guid;
//				mainHeight = h;
//				mainWidth = w;

//			}
//			
			function ShowPrevImage()
			{
				var pos = curPos == 0 ? (img.length - 1) : curPos - 1;
				ShowOnMain(pos)
			}
			
			function ShowNextImage(mode)
			{
				var pos = curPos == (img.length -1) ? 0 : curPos + 1;
				ShowOnMain(pos)
			}
			
			// Get object function. Handle multiple browsers
			function getObj(name) { 
				if (document.getElementById) { 
					return document.getElementById(name) 
					
				} else if (document.all) { 
					return document.all[name] 
				} else if (document.layers) { 
					return document.layers[name] 
				} 
			} 
			
			
			function keypress(e)
	        {
				if ( e == null )
				{
					e = window.event;
				}

				if ( e.srcElement.tagName.toLowerCase() == 'input' 
					|| e.srcElement.tagName.toLowerCase() == 'select' 
					|| e.srcElement.className == "RadEContent" /* telerik cms edit controls */ )
				{
					// don't trap key presses in input elements
					return true;
				}

		        var key = e.keyCode;
		        switch(key)
		        {
			        case 37:	ShowPrevImage(); break;	// Left Arrow
			        case 38:	ShowNextImage(); break;	// Up Arrow
			        case 39:	ShowNextImage(); break;	// Right Arrow
			        case 40:	ShowPrevImage(); break;	// Down Arrow
			        default: return true;
		        } 
	        }