registerInitFunc(getThumbnails);

function getThumbnails()
{
	var imageViewerLayer = document.getElementById('imageViewerLayer');
	var mainContainer = document.getElementById('mainContainer');
	var images = document.getElementsByTagName('img');
	var tnClass = 'ImageViewerThumbnail';
	var windowSize = new Object();
	windowSize = getWindowSize();
	
	if(imageViewerLayer && mainContainer){
	    var imageViewerLayerImg = imageViewerLayer.getElementsByTagName('img')[0];
	    closeLargeImage();
	    // If a footerLink has been parsed then set the href
	    if(images)
	    {
		    var thumbnails = new Array();
		    for (var i=0; i<images.length; i++){
			    if(images[i].className == tnClass){
				    thumbnails.push({tn:images[i], src:images[i].getAttribute('src')});
			    }
		    }
		    //popUpFooterBtn.setAttribute('href', footerLink);
	    }
    	
	    for(var i=0; i<thumbnails.length; i++){
		    var src=thumbnails[i].src;
		    thumbnails[i].tn.onclick=function(){
			    showLargeImage(this);
		    }
	    }
    	
	    imageViewerLayer.onclick=function(){
		    closeLargeImage();
		    //imageViewerLayer.setAttribute('style','display:none;');
	    }
    	
	    // Closes the ImageViewer onmousewheel
	    if (window.addEventListener){
  		    window.addEventListener('DOMMouseScroll', closeLargeImage, false);
	    }
	    window.onmousewheel = document.onmousewheel = closeLargeImage;
    	

    	
	    //.setEvent("onmousemove", function(event){rows.element().scrollTop = event.y});
	}
	
	function showLargeImage(thumb)
	{
		mainContainer.setAttribute('class','hidden');
		imageViewerLayer.className="visible";
		var loaderXPos = (windowSize.w/2)-50;
		var loaderYPos = (windowSize.h/2)-50;
		bgStyle = 'background: url(../Images/ImageViewerLoader.gif) no-repeat '+loaderXPos+'px '+loaderYPos+'px; width:100%; height:100%;';
		//bgStyle = 'background:url(../Images/ImageViewerLoader.gif) no-repeat';
		imageViewerLayer.setAttribute('style',bgStyle);
		
		for (var i=0; i<thumbnails.length; i++){
			if(thumbnails[i].tn == thumb){
				var url = extractImageID(thumbnails[i].src);
				//var src = url+'&Width='+windowSize.w+'&Height='+windowSize.h+'&ApplyBorder=true';
				var src = url+'&Width='+windowSize.w+'&Height='+windowSize.h+'&ApplyBorder=true';
				//style = 'background:url('+src+') no-repeat; width:100%; height:100%; display:block; top: '+window.pageYOffset+'px;';
				//style = 'background:url('+src+') no-repeat; width:100%; height:100%; display:block; cursor:hand;';
				//style = 'display:block;';
				//imageViewerLayer.setAttribute('style',style);
				imageViewerLayerImg.src=src;
			}
		}
	}
	
	
	function closeLargeImage()
	{
		//imageViewerLayer.setAttribute('style','display:none;');
		imageViewerLayer.className="hidden";
		mainContainer.setAttribute('class','visible');
		imageViewerLayerImg.src="../Images/TransparentPixel.gif";
	}
	
	
	function extractImageID(url)
	{
		//http://approval.cosmicid.com/jcecosmos/pages/SysImage.aspx?ImageID=7610A06B-639E-421A-830D-8BC0C0C0B854&Width=250&height=361&MaintainAspectRatio=true
		var startPos = url.indexOf('ImageID');
		var urlPt1 = url.slice(0,startPos);
		var urlSlice = url.slice(startPos, -1);
		var endPos = urlSlice.indexOf('&');
		var imageID = urlSlice.slice(0,endPos);
		var returnURL = urlPt1+imageID
		return(returnURL);
	}
	
	
	// Get the width and height of the browser window
	function getWindowSize() {
		var myWidth = 0, myHeight = 0;
		if( typeof( window.innerWidth ) == 'number' ) {
			//Non-IE
			myWidth = window.innerWidth;
			myHeight = window.innerHeight;
		} else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
			//IE 6+ in 'standards compliant mode'
			myWidth = document.documentElement.clientWidth;
			myHeight = document.documentElement.clientHeight;
		} else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
			//IE 4 compatible
			myWidth = document.body.clientWidth;
			myHeight = document.body.clientHeight;
		}
		var winSize = new Object();
		winSize.w = myWidth;
		winSize.h = myHeight;
		
		return winSize;
	}
}