// Author: Simon Moore April 2002
// Some ideas and Javascript adapted from www.glish.com a DHTML resource site.
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
// assume broswer is rubbish  to start :-)
var ns4 = false
var ie4 = false
var ns6 = false
var dom = false
function setBrowser()
	{	// quick and dirty browser detect routine, not reliable but sufficient.
		ns4 = (document.layers)? true:false // not used so far
		ie4 = (document.all)? true:false	// used
		ns6 = (document.getElementById)? true:false //used
		dom = (document.getElementsByName)? true:false
		//if (ns4 = true) document.write('okay ns4 ');
		//if (ie4 = true) document.write('okay ie4 ');
		//if (ns6 = true) document.write('okay ns6 ');
		//if (dom = true) document.write('okay dom ');
		//opera 5, yes to ie4, ns6, dom
		//ns6 yes to ns6
		//ie6 yes to ie4, ns6, dom
		//ie4
		//ie5.0 yes to ie4, ns6, dom
		//ns4.08 yes ns4
		// best way is ns6 unless old browser
		//Analysis: ns4 not compatible not compat with my methods, can do similar things with layers but not enough time, so disabling javascript if ns6 methods not supported by browser
		//We assume a compat javascript browser has adequate CSS support!
	}

function init() {
	// setup browser
	setBrowser();
if (!ns6) alert("Old broser eg netscape 4 detected - disabling dhtml javascript");
	window.onresize=moveAbsPosDivs;
if (ns6) {
	if (!document.all) steps=6
	smallImg=document.getElementById('smallImg');
	smallImgDIV=document.getElementById('smallImgDIV');
	document.onmousemove=trackMouse
	var tabCArray = new Array(5);
	//number of tabs
	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
	changeTabs('tabC3')
	changeTabs('tabC1')
}
else {
// old browser

};
		
	}

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


function tabOver(e) {
if (ns6) {
	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"
		}
	checkCursor()
}
	}

function tabOut(e) {
if (ns6) {
	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"
		}
}
	}
	
function moveAbsPosDivs() {
if (ns6) {	
	if(!loaded) return false;
	smallImgDIV.style.left=getMyProperty(document.getElementById('navDIV'),'left')+'px'
	document.getElementById('navDIVsummary').style.left=getMyProperty(document.getElementById('navDIV'),'left')+10+'px'
	document.getElementById('navDIVcontentMember').style.left=getMyProperty(document.getElementById('navDIV'),'left')+10+'px'
}
	}
	
function changeTabs(tID) {
if (ns6) {	
	hideText()
	if (tID=='tabC1') {
		document.getElementById('navDIVsummary').style.visibility='hidden';
		document.getElementById('navDIVcontentMember').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('navDIVsummary').style.visibility='visible';
		document.getElementById('navDIVsummary').style.top=(getMyProperty(document.getElementById('navDIV'),'top')+10) //+'px';
		document.getElementById('navDIVsummary').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('navDIVsummary').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=='tabC2') {
		if (displaying)	{
			document.getElementById('navDIVcontentSite').style.visibility='hidden';
			document.getElementById('navDIVsummary').style.visibility='hidden';
			document.getElementById('navDIVcontentMember').style.visibility='hidden';
			smallImgDIV.style.visibility='visible';
			smallImgDIV.style.width='320px'; // otherwise there is a display bug in IE5 PC
		} else {
			growImg(document.images[5].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
}
	}
	
function getMyProperty(obj,prop) {
if (ns6) {
	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() {
if (ns6) {
 	setTimeout('checkCursor()',700) 
}
	}	
function checkCursor() { 
if (ns6) {
	if (currX<getMyProperty(document.getElementById('navDIV'),'left')||currX>finalX+340||currY<finalY||currY>finalY+242) hideText() 
}
	}

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

function hideText() {
if (ns6) {
	document.getElementById('imgText').style.visibility='hidden'
	document.getElementById('imgTextFrame').style.visibility='hidden'
}
	}

function hideSmallImg() {
if (ns6) {
	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 (ns6) {
	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;
	smallImgDIV.style.width='64px'; // otherwise there is a display bug in IE5 PC
	currImg=imgID;
	startX=getMyProperty(document.getElementById('imgsDIV'),'left') // + getMyProperty(document.getElementById(imgID),'left')
	startY=getMyProperty(document.getElementById(imgID),'top') + getMyProperty(document.getElementById('imgsDIV'),'top') 
	if (steps==1) {
		smallImg.width=smallImgDIVwidth;
		smallImg.height=smallImgDIVheight;
		smallImg.style.width=(smallImgDIVwidth)+'px';
		smallImg.style.height=(smallImgDIVheight)+'px';

	} else
		{
		smallImg.style.width=(origW)+'px';
		smallImg.style.height=(origH)+'px';
		};
	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 getStartCoords(imgID) {
	}

currX=0; currY=0

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

function incrementImg() {
if (ns6) {
	newW=(parseInt(smallImg.style.width)+((smallImgDIVwidth-origW)/steps))
	newH=(parseInt(smallImg.style.height)+((smallImgDIVheight-origH)/steps))
	newX=(parseInt(smallImgDIV.style.left)+(finalX-startX)/steps)
	newY=(parseInt(smallImgDIV.style.top)+(finalY-startY)/steps)
	if (newW>=smallImgDIVwidth) {
		newX=finalX;
		newY=finalY;
		smallImgDIV.style.top=(finalY) //+'px'; bug in opera
		smallImgDIV.style.left=(finalX)+'px';
		smallImg.style.width=(smallImgDIVwidth) +'px';
		smallImg.style.height=(smallImgDIVheight) +'px';
		smallImgDIV.style.width=smallImgDIVwidth
		smallImgDIV.style.height=smallImgDIVheight
		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.style.width=newW +'px'
	smallImg.style.height=newH  +'px'
	smallImgDIV.style.width=newW //+'px'
	smallImgDIV.style.height=newH  //+'px'
	smallImgDIV.style.left=newX+'px'
	smallImgDIV.style.top=newY //+'px' bug in opera
	setTimeout('incrementImg()',50)
}
	}

function hideAside(asideId){
if (ns6) {
	document.getElementById(asideId).style.visibility='hidden';		
}}

function showAside(asideId){
if (ns6) {
	hideAside(openAside);
	document.getElementById(asideId).style.visibility='visible';
	openAside = asideId;
}}