function swapImage(imageId,zoneId,imagenum){
	var mainImage = document.getElementById('main'+zoneId);
	var thumbPath = "";
	var mainHolder = document.getElementById("mainholder"+zoneId);
	var swapImage = document.getElementById(zoneId+"_image_"+imagenum);
	var lTImage = ""; 
	var largeImage  = "";
	
	if (swapImage){
	lTImage = swapImage.getAttribute("lThumbImage"); 
	largeImage  =swapImage.getAttribute("largeimage");
	
	thumbPath = lTImage;

	mainImage.src = thumbPath;
		
	mainImage.setAttribute("largeimage",largeImage);
	mainImage.setAttribute("imagenum",imagenum);
	mainImage.setAttribute("imageid",imageId);
		
		//mainHolder.onclick = "javascript:popupinlinewindow("+imageId+",'"+zoneId+"',"+imagenum+");";
	}
	
	
}

function enlargeGalleryMainImage(zoneId){
	
	var mainImage = document.getElementById('main'+zoneId);

	var imageId = mainImage.getAttribute("imageid");
	var imageNum = mainImage.getAttribute("imagenum");

	
	popupinlinewindow(imageId,zoneId,imageNum);
	
}

function putMainBack(zoneId){
	var mainImage = document.getElementById('main'+zoneId);
	var thumbPath = mainImage.getAttribute("original");
	
	mainImage.src = thumbPath;
	
}


function enlargeGalleryImage(imageId,zoneId,imageNumber){
	
}

function positionEnlarge(confirm){
	
	if (!confirm) return setTimeout('positionEnlarge(1)', 100);
	var temp2 = $G("imageholder");
	var t = $G("mainenlargeimage");
	var ie6 = (navigator.userAgent.toLowerCase().indexOf('msie 6') > -1);
	
	var wSizeWidth = document.documentElement.clientWidth;
	var wSizeHeight = document.documentElement.clientHeight;
	var temp3 = new Image();
	var ie = (navigator.userAgent.toLowerCase().indexOf('msie') > -1);
	
//	alert(t.src);
	
	temp3.src = t.src;
	
	if (!temp3.width) return setTimeout('positionEnlarge(1)', 100);
	//alert(t.width+', '+temp3.width);
	var imageWidth = temp3.width;
	var imageHeight = temp3.height;
	var iemask = $G("iedivmask");

	var changeSrc = false;
	
	if (imageWidth > wSizeWidth){
		imageWidth = (wSizeWidth-50);
		changeSrc = true;
	}
	
	if (imageHeight > wSizeHeight){
		imageHeight = (wSizeHeight - 50);
		changeSrc = true;
	}
	
	if (changeSrc){
		
		var thumbSrc = t.getAttribute("thumbpath");
		var thumbImgId = t.getAttribute("imageid");
		thumbSrc = thumbSrc + imageWidth + "x" + imageHeight + "/"+thumbImgId+".jpg";
			
		t.src = thumbSrc;
		t.gisDone = false;
		
		if (ie){
			if (temp2.image.readyState) getImageSize.call(temp2.image);
		}
		return;
	}
	t.width = imageWidth;
	t.height = imageHeight;
	
	temp2.style.left = "50%";
	temp2.style.top = "50%";
	
	iemask.style.left = "50%";
	iemask.style.top = "50%";
	
	if (imageWidth < 200){
		temp2.style.width='200px';
		iemask.style.width='200px';
		imageWidth=200;
	}else{
		temp2.style.width=imageWidth+'px';
		iemask.style.width=imageWidth+'px';
	}
	if (imageHeight < 200){
		temp2.style.height='200px';
		iemask.style.height='200px';
		imageHeight = 200;
	}else{
		temp2.style.height=imageHeight+30+'px';
		iemask.style.height=imageHeight+30+'px';
	}
		
	imageWidth = imageWidth/2;
	imageHeight = imageHeight/2;
	
	temp2.style.marginLeft='-'+imageWidth+'px';
	temp2.style.marginTop='-'+imageHeight+'px';
	
	iemask.style.marginLeft='-'+imageWidth+'px';
	iemask.style.marginTop='-'+imageHeight+'px';
	
	if (ie6){
		
		var st = document.documentElement.scrollTop;
		var sl = document.documentElement.scrollLeft;
		
		if (sl > 0){
			sl = sl - imageWidth;
			temp2.style.marginLeft=sl+'px';
			iemask.style.marginLeft=sl+'px';
		}
		if (st>0){
			st = st - imageHeight;
			temp2.style.marginTop=st+'px';
			iemask.style.marginTop=st+'px';
		}
		
	
	}
	temp2.className="imageholder";
	
	var divHeight = t.height+15;
	temp2.style.height = divHeight+'px';
	
	if (ie6){
		iemask.className="imageholder";
		iemask.style.height = divHeight+'px';
	}
		
	t.className = "imageVisible";
}

function removeEnlarge(){
	
	var ele = $G("enlargeoverlay");
	var ele2 = $G("imageholder");
	var temp = $G("sbSiteBody");
	var iemask = $G("iedivmask");
	
	temp.removeChild(iemask);
	temp.removeChild(ele2);
	temp.removeChild(ele);
	
}

function getImageSize(){

	if (this.gisDone) return;
		this.gisDone = true;
	
	positionEnlarge();
	
}

function showNextImage() {
	var numberOfImages = this.numberOfImages;
	var imageEle = $G("mainenlargeimage");
	var tt = $G("enlargenext");
	var imageNum = tt.getAttribute("imagenum");
	var nextImage = imageNum;
	var iemask = $G("iedivmask");
	var zoneId = tt.getAttribute("zoneid");
	var ie = (navigator.userAgent.toLowerCase().indexOf('msie') > -1);
	
		
	if (imageNum==numberOfImages)
		nextImage = 1;
	else
		nextImage++;
		
	var imageItemEle= $G(zoneId+"_image_"+nextImage);
	if (imageItemEle)
		imageSrc = imageItemEle.getAttribute("largeimage");
		
	if (imageEle){
		imageEle.className="imageInvisible";	
		imageEle.src = imageSrc;
		imageEle.gisDone = false;
		imageEle.setAttribute("imageid",imageItemEle.getAttribute("imageid"));
		
		var temp2 = $G("imageholder");
		
		tt.setAttribute("imagenum",nextImage);	
		iemask.className= "enlargehidden";
		temp2.className="enlargehidden";
		
		if (ie){
			if (temp2.image.readyState) getImageSize.call(temp2.image);
		}
		
	}
	
	$G("imageDetails").innerHTML = nextImage + " of " + numberOfImages;
	
}

function showPreviousImage() {
	var numberOfImages = this.numberOfImages;
	var imageEle = $G("mainenlargeimage");
	var tt = $G("enlargenext");
	var imageNum = tt.getAttribute("imagenum");
	var previousImage = imageNum;
	var iemask = $G("iedivmask");
	var zoneId = tt.getAttribute("zoneid");
	var ie = (navigator.userAgent.toLowerCase().indexOf('msie') > -1);
	
	
	if (imageNum==1)
		previousImage = numberOfImages;
	else
		previousImage--;
		
	var imageItemEle= $G(zoneId+"_image_"+previousImage);
	
	if (imageItemEle)
		imageSrc = imageItemEle.getAttribute("largeimage");
		
	if (imageEle){
		imageEle.className="imageInvisible";		
		imageEle.src = imageSrc;
		imageEle.gisDone = false;
		imageEle.setAttribute("imageid",imageItemEle.getAttribute("imageid"));
		var temp2 = $G("imageholder");
		
		tt.setAttribute("imagenum",previousImage);	
	
		iemask.className= "enlargehidden";
		temp2.className="enlargehidden";
		if (ie){
			if (temp2.image.readyState) getImageSize.call(temp2.image);
		}
	}
	
	$G("imageDetails").innerHTML = previousImage + " of " + numberOfImages;
	
}

function popupinlinewindow(imageId,zoneId,imageNum) { 

	var imageItemEle= $G(zoneId+"_image_"+imageNum);
	var imageSrc = "";
	var numberOfImages = 0;
	var checkOverlay = $G("enlargeoverlay");
	var imagePath = "";
	var ie = (navigator.userAgent.toLowerCase().indexOf('msie') > -1);
	
	if (checkOverlay)
		return;
		
	if (imageItemEle){
		
		imageSrc = imageItemEle.getAttribute("largeimage");
		numberOfImages = imageItemEle.getAttribute("noi");
		imagePath = imageItemEle.getAttribute("thumbpath");
		
	}

	var ele = $STRUCTURE({e: { className: 'overlayclass',id:'enlargeoverlay',onclick:removeEnlarge}});
	var iemask = $STRUCTURE({ t: 'iframe', cn: 'enlargehidden', id:'iedivmask' });
	var ele2 = $STRUCTURE({e: { className: 'enlargehidden', id:'imageholder'},s:[
							 {e: { className: 'enlargeClose',innerHTML: '',onclick:removeEnlarge}},
							 { t: 'img', cn: 'imageInvisible', r:'image', e: { src: imageSrc, id:'mainenlargeimage',onload:getImageSize}},
							 {e: { className: 'buttonHolder', id:'buttonHolder'},s:[
							 	{e: { className: 'enlargehidden',imagenum:imageNum, id:'enlargeprev', innerHTML: '', 
						 	    	onclick: showPreviousImage, numberOfImages: numberOfImages }},
						 	    {e: { className: 'enlargedetails', id:'imageDetails', innerHTML: ''}},
							 	{e: { className: 'enlargehidden',imagenum:imageNum, id:'enlargenext', innerHTML: '', 
							 		onclick: showNextImage, numberOfImages: numberOfImages }}
							 ]}
							 ]
	});
	
	var temp = $G("sbSiteBody");
	
	temp.appendChild(ele);
	temp.appendChild(iemask);
	temp.appendChild(ele2);
	
	$G("mainenlargeimage").setAttribute("thumbpath",imagePath);
	$G("mainenlargeimage").setAttribute("imageid",imageId);
	
	$G("enlargenext").setAttribute("imagenum",imageNum);
	$G("enlargeprev").setAttribute("imagenum",imageNum);
	
	$G("enlargenext").setAttribute("zoneid",zoneId);
	$G("enlargeprev").setAttribute("zoneid",zoneId);
	
	if (numberOfImages > 1){
		$G("enlargenext").className = "enlargenext";
		$G("enlargeprev").className = "enlargeprev";
	}
	
	$G("imageDetails").innerHTML = imageNum + " of " + numberOfImages;
	
	if (ie){
		if (ele2.image.readyState) getImageSize.call(ele2.image);
	}
}

$TRY = function() { for (var fn,i = 0; ( fn = arguments[i] ); i++) try { return fn(); } catch(e) { } }
$G = function(e) { if(typeof(e)!='string') return e; return $TRY(function() { return document.getElementById(e); }, function() { return document.all[e]; }, function() { return null; } ); }
$D =  function(e) { return (typeof(e) != 'undefined'); }
$STRUCTURE = function(s, top) {
	s.t = s.t || 'div';
	var key, item, i, ele = (s.f) ? s.f() : document.createElement(s.t);
	top = top || ele;
	
	if (s.r) top[s.r] = ele;
	if (s.a) for (key in s.a) ele.setAttribute(key, s.a[key]);
	if (s.e) { ele.ooCleanupQ = []; for (key in s.e) { ele.ooCleanupQ.push[key]; ele[key] = s.e[key]; } }
	if ($D(s.x)) ele.appendChild(document.createTextNode(s.x));
	if (s.s) for (i=0;(item=s.s[i]);i++) ele.appendChild ($STRUCTURE(item, top));
	if (s.y) for (key in s.y) ele.style[key] = s.y[key];
	if (s.tr) s[key] = top;
	if (s.cn) ele.className = s.cn;
	if ($D(s.id)) ele.id = s.id;
	
	for (key in s) if (key.charAt(0)=='_') ele[key.substring(1)]=s[key];

	return ele;
}