var galleryImages = new Array()
var currentImage = 0
var galleryId = 1
var galleryFolder = 0
var galleryRefreshRate = 5000
var galleryTimer = 0
var scaleFactor
var mainWidth
var mainHeight

var newImage
var bannerFade = 100

function initGallery(galleryImage,pageId,folder){
	galleryImages = galleryImage.split('|')
	galleryId = pageId
	galleryFolder = folder
}


function gallerySelect(newImage){
	currentImage = newImage
	document.getElementById('MainImage').src = galleryFolder+'/'+galleryImages[currentImage]+'_'+galleryId+'_m.jpg'
	document.getElementById('ZoomedImage').src = galleryFolder+'/'+galleryImages[currentImage]+'_'+galleryId+'_l.jpg'
}

function hideZoom(){
	document.getElementById('GalleryZoomed').style.display='none'
}
function showZoom(){
	document.getElementById('GalleryZoomed').style.display='block'
	var zoomedWidth = document.getElementById('ZoomedImage').width
	var zoomedHeight = document.getElementById('ZoomedImage').height
	mainWidth = document.getElementById('MainImage').width
	mainHeight = document.getElementById('MainImage').height
	scaleFactor = parseInt(zoomedWidth/mainWidth)
	//scaleFactor--
	//alert(scaleFactor)
}

function doZoom(evt){
	xy = getEventOffsetXY(evt)
	newX = parseInt((mainHeight/2) - (xy[0] * scaleFactor))
	newY = parseInt((mainWidth/2) - (xy[1] * scaleFactor))
	document.getElementById('ZoomedImage').style.top=newY+'px'
	document.getElementById('ZoomedImage').style.left=newX+'px'
	//document.getElementById('mousePos').value = xy[0]+':'+xy[1]
}


function getEventOffsetXY(evt){
	if ( evt.offsetX != null )return [ evt.offsetX , evt.offsetY ]

	var obj = evt.target || evt.srcElement
	setPageTopLeft( obj )
	return [ ( evt.clientX - obj.pageLeft ) , ( evt.clientY - obj.pageTop ) ]
}

function setPageTopLeft(o){
	var top = 0, left = 0, obj = o;
	while (o.offsetParent){
		left += o.offsetLeft
		top += o.offsetTop
		o = o.offsetParent
	}
	obj.pageTop = top - window.pageYOffset
	obj.pageLeft = left - window.pageXOffset
	//alert(window.pageYOffset)
}

function displayTabData(newTab){
	for(x=1;x<4;x++){
		if(document.getElementById('Tab'+x)){
			document.getElementById('Tab'+x).style.display='none'
			document.getElementById('TabLink'+x).className='TabLink'
			document.getElementById('TabLabel'+x).className='TabLabel'
		}
	}
	document.getElementById('Tab'+newTab).style.display='block'
	document.getElementById('TabLink'+newTab).className='SelectedTabLink'
	document.getElementById('TabLabel'+newTab).className='SelectedTabLabel'
}

// Home Page Banner Fade

function initBannerRotate(){
	setTimeout('nextBanner()',10000)
}

function nextBanner(){
	currentImage++
	if(currentImage>(galleryImages.length-1))currentImage = 0
	newImage = new Image()
	newImage.src = galleryFolder+'/'+galleryImages[currentImage]+'_'+galleryId+'_l.jpg'
	//alert(newImage)
	testImageLoadState()
}

function testImageLoadState(){
	if (!newImage.complete){
		setTimeout("testImageLoadState()",30)
	}else{
		fadeBannerDown()
	}
}


function fadeBannerDown(){
	bannerFade = bannerFade - 10
	if(bannerFade < 0) bannerFade = 0
	var object=document.getElementById('BannerFade').style
	object.opacity = bannerFade/100
	object.MozOpacity = bannerFade/100
	object.KhtmlOpacity = bannerFade/100
	object.filter = "alpha(opacity=" + bannerFade + ")"
	if(bannerFade>0){
		setTimeout('fadeBannerDown()',30)
	}else{
		document.getElementById('BannerFadeImage').src = galleryFolder+'/'+galleryImages[currentImage]+'_'+galleryId+'_l.jpg'
		setTimeout('fadeBannerUp()',250)
	}

}

function fadeBannerUp(){
	bannerFade = bannerFade + 10
	if(bannerFade > 100) bannerFade = 100
	var object=document.getElementById('BannerFade').style
	object.opacity = bannerFade/100
	object.MozOpacity = bannerFade/100
	object.KhtmlOpacity = bannerFade/100
	object.filter = "alpha(opacity=" + bannerFade + ")"
	if(bannerFade<100){
		setTimeout('fadeBannerUp()',30)
	}else{
		setTimeout('nextBanner()',10000)
	}
}