var BrowserDetect = {
	init: function () {
		this.browser = this.searchString(this.dataBrowser) || "An unknown browser";
		this.version = this.searchVersion(navigator.userAgent)
			|| this.searchVersion(navigator.appVersion)
			|| "an unknown version";
		this.OS = this.searchString(this.dataOS) || "an unknown OS";
	},
	searchString: function (data) {
		for (var i=0;i<data.length;i++)	{
			var dataString = data[i].string;
			var dataProp = data[i].prop;
			this.versionSearchString = data[i].versionSearch || data[i].identity;
			if (dataString) {
				if (dataString.indexOf(data[i].subString) != -1)
					return data[i].identity;
			}
			else if (dataProp)
				return data[i].identity;
		}
	},
	searchVersion: function (dataString) {
		var index = dataString.indexOf(this.versionSearchString);
		if (index == -1) return;
		return parseFloat(dataString.substring(index+this.versionSearchString.length+1));
	},
	dataBrowser: [
		{ 	string: navigator.userAgent,
			subString: "OmniWeb",
			versionSearch: "OmniWeb/",
			identity: "OmniWeb"
		},
		{
			string: navigator.vendor,
			subString: "Apple",
			identity: "Safari"
		},
		{
			prop: window.opera,
			identity: "Opera"
		},
		{
			string: navigator.vendor,
			subString: "iCab",
			identity: "iCab"
		},
		{
			string: navigator.vendor,
			subString: "KDE",
			identity: "Konqueror"
		},
		{
			string: navigator.userAgent,
			subString: "Firefox",
			identity: "Firefox"
		},
		{
			string: navigator.vendor,
			subString: "Camino",
			identity: "Camino"
		},
		{		// for newer Netscapes (6+)
			string: navigator.userAgent,
			subString: "Netscape",
			identity: "Netscape"
		},
		{
			string: navigator.userAgent,
			subString: "MSIE",
			identity: "Explorer",
			versionSearch: "MSIE"
		},
		{
			string: navigator.userAgent,
			subString: "Gecko",
			identity: "Mozilla",
			versionSearch: "rv"
		},
		{ 		// for older Netscapes (4-)
			string: navigator.userAgent,
			subString: "Mozilla",
			identity: "Netscape",
			versionSearch: "Mozilla"
		}
	],
	dataOS : [
		{
			string: navigator.platform,
			subString: "Win",
			identity: "Windows"
		},
		{
			string: navigator.platform,
			subString: "Mac",
			identity: "Mac"
		},
		{
			string: navigator.platform,
			subString: "Linux",
			identity: "Linux"
		}
	]

};
BrowserDetect.init();



function pageWidth() {
	return window.innerWidth != null? window.innerWidth : document.documentElement && document.documentElement.clientWidth ?       document.documentElement.clientWidth : document.body != null ? document.body.clientWidth : null;
} 
function pageHeight() {
	return  window.innerHeight != null? window.innerHeight : document.documentElement && document.documentElement.clientHeight ?  document.documentElement.clientHeight : document.body != null? document.body.clientHeight : null;
} 
function getcords() {
    var scrY;
    if (document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop )) {
        scrY = document.documentElement.scrollTop;
    } else {
        scrY = document.body.scrollTop;
    }
	var x = ((pageWidth() - 732) / 2);
	var y = (((pageHeight() - 553) / 2) + scrY);
	var container = document.getElementById("popContainer").style;
	var pop = document.getElementById("pop").style;
	container.top = scrY + 'px';
	container.width = pageWidth() + 'px';
	container.height = pageHeight() + 'px';
	container.filter = 'alpha(opacity=50)';
	container.opacity = '0.5';
	pop.left = x + 'px'; 
	pop.top = y + 'px';
}
function openPortfolio() {
	if (!document.getElementById("pop")) {
		document.getElementById("portfolio").innerHTML = '<div id="popContainer" style="display:none;"></div><div id="pop" align="left" style="display:none;"><div id="titleBar"><h1>Taylor &amp; Pond Portfolio</h1><img id="btnClose" src="http://www.taylorpond.com/portfolioimages/btnClose.gif" alt="Close" onClick="closePortfolio();" /></div><div id="portfolioContent" style="height:500; width:702px;"><iframe id="portfolio" src="http://www.taylorpond.com/portfolio.aspx" frameborder="0" height="500" width="702" scrolling="no"></iframe></div></div>';
	}
	getcords();
     document.getElementById("btnClose").onmouseover = function() {
        document.getElementById("btnClose").src = "http://www.taylorpond.com/portfolioimages/btnClose_hover.gif";
    }
    document.getElementById("btnClose").onmouseout = function() {
        document.getElementById("btnClose").src = "http://www.taylorpond.com/portfolioimages/btnClose.gif";
    }
   document.getElementById("pop").style.display = "";
   document.getElementById("popContainer").style.display = "";
	
}
function closePortfolio() {
    document.getElementById("pop").style.display = "none";
    document.getElementById("popContainer").style.display = "none";
	//opacity("popContainer", 50, 0, 500);
}


window.onscroll = function () { 
	if (document.getElementById("pop")) {
    	getcords();
	}
}
window.onresize = function () { 
	if (document.getElementById("pop")) {
    	getcords();
	}
}