function darken(vis) {
	var zindex = 1010;  
	var opacity = 70;  
	var opaque = (opacity / 100);  
	var bgcolor = '#000000'; 
	var dark=document.getElementById('darken');
	if (!dark) {    
		var tbody = document.getElementsByTagName("body")[0];    
		var tnode = document.createElement('div');
		tnode.id = "darken";
		tnode.style.position='fixed';               
		tnode.style.top='0px';         
		tnode.style.left='0px';                               
		tnode.style.overflow='hidden';                 
		tnode.style.display='none';
		tbody.appendChild(tnode);
		dark=document.getElementById('darken');
	}
	
	if (vis) {
		dark.style.MozOpacity=opaque;                       
		dark.style.filter='alpha(opacity='+opacity+')';     
		dark.style.zIndex=zindex;            
		dark.style.backgroundColor=bgcolor;      
		dark.style.width= '100%';    
		dark.style.height= '100%';    
		dark.style.display='block';                            
	} else {     
		dark.style.display='none';  
	} 
}	

function displayPopup(vis, elementName) {
	if (vis) {
		document.getElementById(elementName).style.display = 'block';
		darken(vis);	
	} else {
		document.getElementById(elementName).style.display = 'none';
		darken(vis);		
	}
}

function displayLyricFinder(vis) {
	var zindex = 1020;  
	var lyric=document.getElementById('lyricFinder');
	
	if (!lyric) {    
		var tbody = document.getElementsByTagName("body")[0];    
		var tnode = document.createElement('div');
		var tbutton = document.createElement('div');
		var iframe = document.createElement('iframe');
		tbutton.className = "button_back";
		tbutton.style.left="230px";
		tbutton.style.position = "relative";
		tbutton.onclick = function() {displayLyricFinder(false);}
		
		iframe.src = "http://www.gracenote.com/widgets/widget.html";
		iframe.scrolling = 'no';
		iframe.height = '370';
		iframe.width = '300';
		iframe.marginWidth = '0';
		iframe.marginHeight = '0';
		iframe.frameBorder = '0';
		
		
		tnode.id = "lyricFinder";
		tnode.style.position='fixed';               
		tnode.style.top='20%';         
		tnode.style.left='35%';                               
		tnode.style.width = '310px';
		tnode.style.overflow='hidden';                 
		tnode.style.display='none';
		tbody.appendChild(tnode);
		lyric=document.getElementById('lyricFinder');
		lyric.appendChild(tbutton);
		lyric.appendChild(iframe);
		/*
		<div id="lyricFinder">
			<div onclick="displayLyricFinder(false);" class="button_back"></div>
			<script src="http://www.gracenote.com/widgets/javascript/embed.js"></script>
		</div>
		*/
	}
	if (vis) { 
		lyric.style.zIndex=zindex;              
		lyric.style.display='block';  
		darken(vis);	
	} else {
		lyric.style.display = 'none';
		darken(vis);		
	}
}

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";
	},
	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: "Chrome",
			identity: "Chrome"
		},
		{ 	string: navigator.userAgent,
			subString: "OmniWeb",
			versionSearch: "OmniWeb/",
			identity: "OmniWeb"
		},
		{
			string: navigator.vendor,
			subString: "Apple",
			identity: "Safari",
			versionSearch: "Version"
		},
		{
			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"
		}
	]

};