function findPos(obj) {
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		do {
			curleft += obj.offsetLeft;
			curtop += obj.offsetTop;
		} while (obj = obj.offsetParent);
	}
	curleft = curleft - 100;
	curtop = curtop - 100;
	return [curleft,curtop];
}


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 > 10) ? dtop : 10;
lyr.style.top = dtop +'px'; 


lyr.style.display = "block";
} 

function setLyr(obj,lyr)
{
	var coors = findPos(obj);
	
	lyr.style.top = coors[1] + 'px';
	lyr.style.left = coors[0] + 'px';
	lyr.style.display = "block";
}

function imagePopOld(el, iname,ititle, iwidth, iheight){
	lyr = document.getElementById('ImagePop');
	var dh = Math.floor(iheight) + 80;
	var dw = Math.floor(iwidth);
	lyr.style.height = dh + 'px';
	lyr.style.width = dw + 'px';		

	putInCentre(lyr, dh, dw);
	var content = '';
	if (ititle) { content = content + '<h2>'+ititle + '</h2>'; }
	content = content + '<img src="'+iname+'" alt="'+title+'">';
	
	document.getElementById('ImageContent').innerHTML = content;
	
return(false);


}


function createFloater(id){

// <div id="dogFloat"><div id="dfInner">
// <div id="dfClose" onClick="hideDogDetails()"><strong>X</strong></div>
// <div id="dogDetails">
// &nbsp;
// </div>
// </div>
// </div>


		var objBody = document.getElementsByTagName("body").item(0);

		var objFloat = document.createElement("div");
		objFloat.setAttribute('id','dogFloat');
		objFloat.style.display = 'none';
		objBody.appendChild(objFloat);
		
		var objInner = document.createElement("div");
		objInner.setAttribute('id','dfInner');
		objInner.onclick = function() { hideDogDetails(); }

		objFloat.appendChild(objInner);

		var objClose = document.createElement("div");
		objClose.setAttribute('id','dfClose');
		
		var closeText = document.createElement("strong");
		closeText.appendChild(document.createTextNode('Close Window X'));

		objClose.appendChild(closeText);

		objClose.onclick = function() { hideDogDetails(); }
		objInner.appendChild(objClose);

		var objDetails = document.createElement("div");
		objDetails.setAttribute('id','dogDetails');
		objInner.appendChild(objDetails);
		


	return(dogDiv);
}
function dogDetails(anchor){
	var request = HTTP.newRequest();
	var url = anchor.href + '&w=1';


	dogDiv = document.getElementById('dogFloat');

	if (!dogDiv){
		createFloater('dogFloat');
		dogDiv = document.getElementById('dogFloat');

	}


	var dh = 600;
	var dw = 700;
	dogDiv.style.width = dw + 'px';		
	dogDiv.style.display = "block";
	putInCentre(dogDiv, dh, dw);

	var request = HTTP.newRequest();
	request.onreadystatechange = function() {
		if (request.readyState==4) { 
			if (request.status == 200){
			
				var t = request.responseHTML;
				
				var x = request.responseText.indexOf("<!-- STARTDETAILS");
				x = request.responseText.indexOf(">", x);    
				var y = request.responseText.lastIndexOf("<!-- ENDDETAILS -->"); 
				var item = request.responseText.slice(x + 1, y);
				document.getElementById('dogDetails').innerHTML = item;
				dogDiv.style.display = "block";

			}
		}
	}
	
	request.open("GET", url, true);
	request.setRequestHeader("Content-type", "text/html; charset=UTF-8"); 

	request.setRequestHeader("User-Agent", "XMLHttpRequest");
	request.send(null);



return(false);


}
function hideDogDetails(){

	document.getElementById('dogFloat').style.display = "none";

	return(false);


}



(function() {
 	if (window.addEventListener) window.addEventListener("load", init, false);
    else if (window.attachEvent) window.attachEvent("onload", init);

    function init() {
		var all = document.getElementsByTagName("div");
		for (var i=0; i< all.length; i++) {
			var element = all[i];
			if (element.className == 'DogImage'){
				var width = 100;
				var images = element.getElementsByTagName("img");
				for (var j=0; j< images.length; j++) {
					var image = images[j];
					if (image.width > width) { 
						width = image.width;
					} 
				}
				element.style.width = width + 'px';

			}
		}
	}
})();

(function() {
 	if (window.addEventListener) window.addEventListener("load", init, false);
    else if (window.attachEvent) window.attachEvent("onload", init);

    function init() {
    	var main = document.getElementById('MainSection');
    	if (main) {
			var all = main.getElementsByTagName("a");
			for (var i=0; i< all.length; i++) {
				var element = all[i];
				var ds = /dog.php/;
				if (element.href.match(ds) != null){
					element.onclick=function() { return dogDetails(this); }	
				}
	
			}
		}
	}
})();