window.addEvent('domready', function() {
	
	var tipMe = new Tips($$('.styleTip'), {
		showDelay: 400,
		
		initialize:function(){
			this.fx = new Fx.Style(this.toolTip, 'opacity', {duration: 600, wait: false}).set(0);
		},
		onShow: function(toolTip) {
			
			this.fx.start(1);
		},
		onHide: function(toolTip) {
			this.fx.start(0);
		}
	});
	
	
/* END DOM READY */	
});

function putInCentre(lyr, h, w) { 

var d = document; 
var rootElm = (d.documentElement && d.compatMode == 'CSS1Compat') ? d.documentElement : d.body; 


var top = (d.body.scrollTop > rootElm.scrollTop) ? d.body.scrollTop : rootElm.scrollTop;

var vpw = self.innerWidth ? self.innerWidth : rootElm.clientWidth; // viewport width 
var vph = self.innerHeight ? self.innerHeight : rootElm.clientHeight; // viewport height 
lyr.style.left = ((vpw - w) / 2) + 'px';  

var dtop = top + (vph - h)/2;
dtop = dtop - 20;
dtop = (dtop > 2) ? dtop : 2;
lyr.style.top = dtop +'px'; 


lyr.style.visibility = "visible";
} 



function GetCollection(xmldoc, url){
	var xmlrows = xmldoc.getElementsByTagName("collection");
	var text;

	for (var r=0; r < xmlrows.length; r++){
		var xmlrow = xmlrows[r];
		var Name = xmlrow.getAttribute("Name");
		var xmldescription = xmlrow.getElementsByTagName("description")[0];
		var description = xmldescription.firstChild.data;
		document.getElementById("gDescription").innerHTML = '<strong>'+Name+'</strong>: ' + description;
		var imagerows = xmlrow.getElementsByTagName("image");			
		var thumbs = document.createDocumentFragment();

		for (var c = 0; c < imagerows.length; c++){
			var imagerow = imagerows[c];
			var imagename = imagerow.getAttribute("imagename");

			var height = imagerow.getElementsByTagName("height")[0].firstChild.data;
			var width = imagerow.getElementsByTagName("width")[0].firstChild.data;
			if (imagerow.getElementsByTagName("title")[0].firstChild){
				var title = imagerow.getElementsByTagName("title")[0].firstChild.data;
			}
			
			var image_description = xmlrow.getElementsByTagName("description")[0].firstChild.data;
			if (c == 0){
				var oImg=document.getElementById("gImage");
				oImg.setAttribute('alt', title);
				oImg.setAttribute('src', imagename);
				oImg.setAttribute('height', height +'px');
				oImg.setAttribute('width', width +'px');
				oImg.setAttribute('title', description);


			}

			var div = document.createElement("div");
			div.className="ThumbDiv";
			div.setAttribute('title', imagename + ":" + height + ":" + width);

			div.onclick = function(){
				swapMain(this.title);
				return false;
			}

//			var div.className = "ThumbDiv"; 

			var tImg=document.createElement("img");

			tImg.setAttribute('src', "thumb.php?i="+ imagename + "&h=50&w=67");			
			div.appendChild(tImg);
			thumbs.appendChild(div);

		}


		tCell = document.getElementById("gThumbs");
		tCell.innerHTML = '<img src="Images/spacer.gif" width="200" height="1">';
		tCell.appendChild(thumbs);

	}
	return(false);
}

function PopCollection(cid){
	lyr = document.getElementById('ImagePop');
	var dh = 580;
	var dw = 900;
	lyr.style.height = dh + 'px';
	lyr.style.width = dw + 'px';		

	putInCentre(lyr, dh, dw);
//	document.getElementById('ImageContent').innerHTML = '<img src="'+iname+'">';
var d = document; 
var rootElm = (d.documentElement && d.compatMode == 'CSS1Compat') ? d.documentElement : d.body; 
	rootElm.style.overflowX = 'hidden';
var top = (d.body.scrollTop > rootElm.scrollTop) ? d.body.scrollTop : rootElm.scrollTop;

var vpw = self.innerWidth ? self.innerWidth : rootElm.clientWidth; // viewport width 
var vph = self.innerHeight ? self.innerHeight : rootElm.clientHeight; // viewport height 

	document.getElementById('iShim').style.width = "1" + vpw + "px";
	document.getElementById('iShim').style.height = "1" + vph + "px";
	document.getElementById('iShim').style.display = "block";
	document.getElementById('iShim').zIndex = "50";


	var fb = new Date();
	
	var url = 'xgcol.php?cid='+cid+'&fb='+fb.getMilliseconds();
	var request = HTTP.newRequest();
	request.onreadystatechange = function() {
		if (request.readyState==4) { 
			if (request.status == 200){
				GetCollection(request.responseXML, url);
			}
		}
	}
	request.open("GET", url, true);
	request.setRequestHeader("User-Agent", "XMLHttpRequest");
	request.send(null);

	return(false);
}
function hidePop(){
	document.getElementById('ImagePop').style.visibility = "hidden";
	document.getElementById('iShim').style.display = "none";	
	var rootElm = (document.documentElement && d.compatMode == 'CSS1Compat') ? document.documentElement : document.body; 
	rootElm.style.overflowX = 'auto';

	return(false);
}

function swapMain(image){
	var idetails = image.split(":");
	var height = idetails[1] + 'px';
	var width = idetails[2] + 'px';
	
	
	var oImg=document.getElementById("gImage");
	oImg.setAttribute('src', "Images/spacer.gif");

	oImg.setAttribute('src', idetails[0]);
	oImg.setAttribute('height', height);
	oImg.setAttribute('width', width);

}