var smallImg
var smallImgDIV

var origH=48
var origW=64

var startX=0
var startY=0

var finalX=140
var finalY=120

var steps=8
var currImg

var currTab='tabC1'

var displaying=false

var thumbsA

var loaded=false

function init() {
	window.onresize=moveAbsPosDivs;
	thumbsA=document.getElementsByName('thumbs')
	//if (navigator.appVersion.indexOf("Mac") != -1 || !document.all) steps=1
	//if (!document.all) steps=1
	smallImg=document.getElementById('smallImg');
	smallImgDIV=document.getElementById('smallImgDIV');
	document.onmousemove=trackMouse
	var tabCArray = new Array(5);
	for(i=1; i<5; i++) {
		temp = "tabC"+i.toString();
		temp = document.getElementById(temp);
		temp.onclick=tabClick;
		temp.onmouseover=tabOver;
		temp.onmouseout=tabOut;
	}
	
	finalY=getMyProperty(document.getElementById('navDIV'),'top')
	loaded=true
	if(readCookie('currTab')!='') {
		changeTabs(readCookie('currTab'))
	} else {
		changeTabs('tabC3')
		changeTabs('tabC1')
		}
	}

function tabClick(e) {
	e=(e)?e:event
	thisTab=(e.srcElement)?e.srcElement:e.target
	if(!thisTab.id) thisTab=thisTab.parentNode //because it 
	changeTabs(thisTab.id)
	}

function nextImg(imgID) {
	nextId=thumbsA[0].id
	for (i=0; i<thumbsA.length-1;i++) {
		if (thumbsA[i].id==currImg) nextId=thumbsA[i+1].id
		}
	growImg(nextId)
	}

function prevImg(imgID) {
	prevId=thumbsA[thumbsA.length-1].id
	for (i=thumbsA.length-1; i>1;i--) {
		if (thumbsA[i].id==currImg) prevId=thumbsA[i-1].id
		}
	growImg(prevId)
	}

function tabOver(e) {
	e=(e)?e:event
	thisTab=(e.srcElement)?e.srcElement:e.target
	if(!thisTab.id) thisTab=thisTab.parentNode //because it 
	if(currTab!=thisTab.id) {
		thisTab.style.background="#eee"
		//thisTab.style.fontWeight="bold"
		}
	checkCursor()
	}

function tabOut(e) {
	e=(e)?e:event
	thisTab=(e.srcElement)?e.srcElement:e.target
	if(!thisTab.id) thisTab=thisTab.parentNode //because it 
	if(currTab!=thisTab.id) {
		thisTab.style.background="#ddd"
		//thisTab.style.fontWeight="normal"
		}
	}
	
function moveAbsPosDivs() {
	if(!loaded) return false;
	smallImgDIV.style.left=getMyProperty(document.getElementById('navDIV'),'left')+'px'
	document.getElementById('navDIVcontentOut').style.left=getMyProperty(document.getElementById('navDIV'),'left')+10+'px'
	document.getElementById('navDIVcontentMember').style.left=getMyProperty(document.getElementById('navDIV'),'left')+10+'px'
	document.getElementById('navDIVcontentNuttin').style.left=getMyProperty(document.getElementById('navDIV'),'left')+10+'px'
	}
	
function changeTabs(tID) {
	hideText()
	if (tID=='tabC1') {
		document.getElementById('navDIVcontentOut').style.visibility='hidden';
		document.getElementById('navDIVcontentMember').style.visibility='hidden';
		document.getElementById('navDIVcontentNuttin').style.visibility='hidden';
		document.getElementById('navDIVcontentSite').style.visibility='visible';
		smallImgDIV.style.visibility='hidden';
	} else if (tID=='tabC3') {
		document.getElementById('navDIVcontentSite').style.visibility='hidden';
		document.getElementById('navDIVcontentMember').style.visibility='hidden';
		document.getElementById('navDIVcontentNuttin').style.visibility='hidden';
		document.getElementById('navDIVcontentOut').style.visibility='visible';
		document.getElementById('navDIVcontentOut').style.top=(getMyProperty(document.getElementById('navDIV'),'top')+10)+'px';
		document.getElementById('navDIVcontentOut').style.left=getMyProperty(document.getElementById('navDIV'),'left')+10+'px';
		smallImgDIV.style.visibility='hidden';
	} else if (tID=='tabC4') {
		document.getElementById('navDIVcontentSite').style.visibility='hidden';
		document.getElementById('navDIVcontentOut').style.visibility='hidden';
		document.getElementById('navDIVcontentNuttin').style.visibility='hidden';
		document.getElementById('navDIVcontentMember').style.visibility='visible';
		document.getElementById('navDIVcontentMember').style.top=(getMyProperty(document.getElementById('navDIV'),'top')+10)+'px';
		document.getElementById('navDIVcontentMember').style.left=getMyProperty(document.getElementById('navDIV'),'left')+10+'px';
		smallImgDIV.style.visibility='hidden';
	} else if (tID=='tabC5') {
		document.getElementById('navDIVcontentSite').style.visibility='hidden';
		document.getElementById('navDIVcontentOut').style.visibility='hidden';
		document.getElementById('navDIVcontentMember').style.visibility='hidden';
		document.getElementById('navDIVcontentNuttin').style.visibility='visible';
		document.getElementById('navDIVcontentNuttin').style.top=(getMyProperty(document.getElementById('navDIV'),'top')+10)+'px';
		document.getElementById('navDIVcontentNuttin').style.left=getMyProperty(document.getElementById('navDIV'),'left')+10+'px';
		smallImgDIV.style.visibility='hidden';
	} else if (tID=='tabC2') {
		if (displaying)	{
			document.getElementById('navDIVcontentSite').style.visibility='hidden';
			document.getElementById('navDIVcontentOut').style.visibility='hidden';
			document.getElementById('navDIVcontentMember').style.visibility='hidden';
			document.getElementById('navDIVcontentNuttin').style.visibility='hidden';
			smallImgDIV.style.visibility='visible';
			smallImgDIV.style.width='320px'; // otherwise there is a display bug in IE5 PC
		} else {
			growImg(thumbsA[0].id)
			}
		}
	oldTab=document.getElementById(currTab);
	oldTab.style.background='#ddd'
	oldTab.style.height='13px'
	oldTab.parentNode.style.top='1px'
	newTab=document.getElementById(tID);
	newTab.style.background='#fff'
	newTab.style.height='14px'
	newTab.parentNode.style.top='0px'
	currTab=tID
	setCookie('currTab',currTab)
	}
	
function getMyProperty(obj,prop) {
	if (document.all) {
		if (prop=='top') return obj.offsetTop//+document.body.scrollTop;
		if (prop=='left') return obj.offsetLeft;
		if (prop=='height') return obj.offsetHeight;
	} else {
		if (prop=='top') return (parseInt(document.defaultView.getComputedStyle(obj,'').getPropertyValue('top')));
		if (prop=='left') return parseInt(document.defaultView.getComputedStyle(obj,'').getPropertyValue('left'));
		if (prop=='height') return parseInt(document.defaultView.getComputedStyle(obj,'').getPropertyValue('height'));
		}
	}

function mouseOut() { setTimeout('checkCursor()',700) }	
function checkCursor() { if (currX<getMyProperty(document.getElementById('navDIV'),'left')||currX>finalX+340||currY<finalY||currY>finalY+242) hideText() }

function showText() {
	if (!displaying) return true;
	document.getElementById('imgText').style.visibility='visible'
	document.getElementById('imgTextFrame').style.visibility='visible'
	document.getElementById('imgNav').style.visibility='visible'
	//document.getElementById('imgClose').style.visibility='visible'
	}

function hideText() {
	document.getElementById('imgText').style.visibility='hidden'
	document.getElementById('imgTextFrame').style.visibility='hidden'
	document.getElementById('imgNav').style.visibility='hidden'
	//document.getElementById('imgClose').style.visibility='hidden'
	}

function hideSmallImg() {
	changeTabs('tabC1')
	displaying=false;
	hideText()
	if(currImg) document.images[currImg].style.visibility='visible';
	smallImgDIV.style.visibility='hidden';
	currImg=false
	return false;
	}

function growImg(imgID) {
	if(!loaded) return false;
	if(currImg==imgID&&currTab=='tabC2') return false;
	displaying=false;
	hideText()
	if(currImg) document.images[currImg].style.visibility='visible';
	smallImg.src=document.images[imgID].src;
	//document.images[imgID].style.visibility='hidden';
	smallImgDIV.style.width='64px'; // otherwise there is a display bug in IE5 PC

	currImg=imgID;
	startX=getMyProperty(document.getElementById(imgID),'left')+getMyProperty(document.getElementById('imgsDIV'),'left')
	startY=getMyProperty(document.getElementById(imgID),'top')+getMyProperty(document.getElementById('imgsDIV'),'top')

	if ( steps==1) {
		smallImg.width=320;
		smallImg.height=240;
	} else {
		smallImg.width=origW;
		smallImg.height=origH;
		}
	//smallImgDIV.style.zIndex='10';
	smallImgDIV.style.visibility='visible';
	smallImgDIV.style.top=startY+'px';
	smallImgDIV.style.left=startX+'px';
	finalX=getMyProperty(document.getElementById('navDIV'),'left')
	
	incrementImg();
	return false;
	}
	
function newSrc(src) { return src.replace(/t.jpg/i,'s.jpg') }
	
function incrementImg() {
	newW=smallImg.width+((320-origW)/steps)
	newH=smallImg.height+((240-origH)/steps)
	newX=(parseInt(smallImgDIV.style.left)+(finalX-startX)/steps+1)
	newY=(parseInt(smallImgDIV.style.top)+(finalY-startY)/steps)
	//alert(newX)
	if (newW>=320) {
		newX=finalX;
		newY=finalY;
		smallImgDIV.style.top=finalY+'px';
		smallImgDIV.style.left=(finalX)+'px';
		smallImg.width=320;
		smallImg.height=240;
		//smallImgDIV.style.zIndex=null;
		//document.getElementById('navDIVpadder').style.visibility='hidden';
		//document.getElementById('navDIV').style.zIndex='1';
		smallImg.src=newSrc(smallImg.src);
		showText()
		displaying=true;
		changeTabs('tabC2');
		document.getElementById('imgText').innerHTML=document.images[currImg].title //+'<br \/>'+document.images[currImg].sizes
		document.getElementById('imgTextFrame').innerHTML=document.getElementById('imgText').innerHTML
		showText()
		setTimeout('checkCursor()',3000)
		return false;
		}
	smallImg.width=newW
	smallImg.height=newH
	//alert(smallImgDIV.style.left)
	smallImgDIV.style.left=newX+'px'
	smallImgDIV.style.top=newY+'px'
	setTimeout('incrementImg()',50)
	}

function getStartCoords(imgID) {
	}

currX=0; currY=0
function trackMouse(e) {
	if (document.all) { currX=event.x+document.body.scrollLeft; currY=event.y+document.body.scrollTop }
	else { currX=e.pageX; currY=e.pageY }
	//window.status=currX + ' ' + currY
	}

function incrementImg() {
	newW=smallImg.width+((320-origW)/steps)
	newH=smallImg.height+((240-origH)/steps)
	newX=(parseInt(smallImgDIV.style.left)+(finalX-startX)/steps)
	newY=(parseInt(smallImgDIV.style.top)+(finalY-startY)/steps)
	//alert(newX)
	if (newW>320) {
		newX=finalX;
		newY=finalY;
		smallImgDIV.style.top=finalY+'px';
		smallImgDIV.style.left=(finalX)+'px';
		smallImg.width=320;
		smallImg.height=240;
		//smallImgDIV.style.zIndex=null;
		//document.getElementById('navDIVpadder').style.visibility='hidden';
		//document.getElementById('navDIV').style.zIndex='1';
		smallImg.src=newSrc(smallImg.src);
		showText()
		displaying=true;
		changeTabs('tabC2');
		document.getElementById('imgText').innerHTML=document.images[currImg].title //+'<br \/>'+document.images[currImg].sizes
		document.getElementById('imgTextFrame').innerHTML=document.getElementById('imgText').innerHTML
		showText()
		setTimeout('checkCursor()',3000)
		return false;
		}
	smallImg.width=newW
	smallImg.height=newH
	//alert(smallImgDIV.style.left)
	smallImgDIV.style.left=newX+'px'
	smallImgDIV.style.top=newY+'px'
	setTimeout('incrementImg()',50)
	}

var lastEditID

function showEditForm(pID) {
	if (lastEditID) {
		document.getElementById('edit'+lastEditID).innerHTML=''
		document.getElementById('body'+lastEditID).style.display='inline'
		}
	bodyTxt=document.getElementById('body'+pID).innerHTML
	document.getElementById('body'+pID).style.display='none'

	document.getElementById('body').value=bodyTxt
	document.getElementById('editID').value=pID
	document.getElementById('edit'+pID).innerHTML=document.getElementById('editFormDIV').innerHTML
	lastEditID=pID
	}

// cookie functions modified from code found at Alexei Kourbatov's javascripter.net/faq/
function setCookie(cookieName,cookieValue) {
	document.cookie = cookieName+"="+escape(cookieValue) + ";expires="
	}
	
function readCookie(cookieName) {
	var theCookie=""+document.cookie;
	var ind=theCookie.indexOf(cookieName);
	if (ind==-1 || cookieName=="") return ""; 
	var ind1=theCookie.indexOf(';',ind);
	if (ind1==-1) ind1=theCookie.length; 
	return unescape(theCookie.substring(ind+cookieName.length+1,ind1));
	}
	
var date = new Date()
var inc=date.getSeconds()
function openWindowPhoto(URLdir,loadImageID,theSize,theHeight,theWidth) {
	theName = 'win_'+inc+'_'+theHeight+'_'+theWidth
	theScrollbars = 'scrollbars=no'
	if (screen.width<=theWidth) {theWidth = screen.width-100; theScrollbars = 'scrollbars=yes'}
	if (screen.height<=theHeight) {theHeight = screen.height-100; theScrollbars = 'scrollbars=yes'}
	
	theURL = '/photo/frameSingle.asp?URLdir='+URLdir+'&loadImageID='+loadImageID+'&size='+theSize
	theAttributes = 'status=yes,resizable=yes,'+theScrollbars+',left=0,top=0,screenX=2,screenY=2,height='+theHeight+',width='+theWidth
	WindowObj = window.open(theURL,theName,theAttributes);
	}