function showDetailsContact(cdNumber, songNumber){
	
	for(i=1; i<=numberOfCds; i++){
		var j = 1;
		do {
			if(document.getElementById("cd"+i+"Song"+j)){
				document.getElementById("cd"+i+"Song"+j).innerHTML = "";
				document.getElementById("cd"+i+"-song"+j+"Off").className = "";
				document.getElementById("cd"+i+"-song"+j+"On").className = "selected hide";
			}
			j++;
		} while (document.getElementById("cd"+i+"Song"+j));
	}
	
	if(document.getElementById("cd"+cdNumber+"-song"+songNumber+"Off").className == ""){
		document.getElementById("cd"+cdNumber+"-song"+songNumber+"Off").className = "hide";
		document.getElementById("cd"+cdNumber+"-song"+songNumber+"On").className = "selected";
	} else {
		document.getElementById("cd"+cdNumber+"-song"+songNumber+"Off").className = "";
		document.getElementById("cd"+cdNumber+"-song"+songNumber+"On").className = "selected hide";
	}
}

function showDetails(cdNumber, songNumber, mp3Path){
	
	for(i=1; i<=numberOfCds; i++){
		var j = 1;
		do {
			if(document.getElementById("cd"+i+"Song"+j)){
				document.getElementById("cd"+i+"Song"+j).innerHTML = "";
				document.getElementById("cd"+i+"-song"+j+"Off").className = "";
				document.getElementById("cd"+i+"-song"+j+"On").className = "selected hide";
			}
			j++;
		} while (document.getElementById("cd"+i+"Song"+j));
	}
	
	if(document.getElementById("cd"+cdNumber+"-song"+songNumber+"Off").className == ""){
		document.getElementById("cd"+cdNumber+"-song"+songNumber+"Off").className = "hide";
		document.getElementById("cd"+cdNumber+"-song"+songNumber+"On").className = "selected";
	} else {
		document.getElementById("cd"+cdNumber+"-song"+songNumber+"Off").className = "";
		document.getElementById("cd"+cdNumber+"-song"+songNumber+"On").className = "selected hide";
	}
	
	document.getElementById("cd"+cdNumber+"Song"+songNumber).innerHTML = "<div id='songContainer'><a href='http://www.macromedia.com/go/getflashplayer'>Get the Flash Player</a> to see this player.</div>";
	
	var s1 = new SWFObject("mp3player/player.swf","ply","320","20","9","#EFE2BF");
	s1.addParam("allowfullscreen","false");
	s1.addParam("allowscriptaccess","always");
	s1.addParam("wmode","transparent");
	s1.addParam("flashvars","file="+mp3Path);
	s1.write("songContainer");
}

// Pop Up layer code 
var ScrollTop = 0;
var WindowHeight = 0;

function closeWindow(coverLayerName, popUpLayerName) {
	var coverLayer = document.getElementById(coverLayerName);
	var popUpLayer = document.getElementById(popUpLayerName);

	coverLayer.style.display = "none";
	popUpLayer.style.display = "none";
	setWindowSize();
}

function showWindow(coverLayerName, popUpLayerName, cdNumber, songNumber) {

	var coverLayer = document.getElementById(coverLayerName);
	var popUpLayer = document.getElementById(popUpLayerName);
    
	document.getElementById("lyricHolder").innerHTML = document.getElementById("cd"+cdNumber+"Song"+songNumber+"Lyrics").innerHTML;
	
	//------------- Change the opacity of the overlay --------------//
	coverLayer.style.display = "block";
	coverLayer.style.opacity = ".6";
	coverLayer.style.filter = "alpha(opacity=60)";
	popUpLayer.style.display = "block";
	
	
	ScrollTop = document.body.scrollTop;

    if (ScrollTop == 0) {
        if (window.pageYOffset){
            ScrollTop = window.pageYOffset;
        } else {
            ScrollTop = (document.body.parentElement) ? document.body.parentElement.scrollTop : 0;
        }
    }
	
	WindowHeight = document.getElementById("lyricHolder").offsetHeight;
	
	setWindowSize();
	window.scrollTo(0, ScrollTop);
}

function setWindowSize() {
	// reset variables
	popUpWidth = 640;
	
	var popUpLayer = document.getElementById("lyricWindow");
    
    var docWidth = 1220;
    var docHeight = 0;
	var marginWidth = 0;
	
	if (typeof( window.innerWidth ) == 'number'){
		docWidth = window.innerWidth;
	} else if (document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight ) ){
			docWidth = document.documentElement.clientWidth;
	} else if (document.body && (document.body.clientWidth || document.body.clientHeight ) ){
		docWidth = document.body.clientWidth;
	}
	
	if (document.compatMode && document.compatMode != 'BackCompat') {
		docHeight = document.documentElement.scrollHeight;
	} else if (document.body && typeof document.body.scrollHeight != 'undefined') {
		docHeight = document.body.scrollHeight;
	}
	
	if(docHeight <= document.documentElement.clientHeight){
		docHeight = document.documentElement.clientHeight;
	}
	
	//Fix overlay height in chrome and Safari
	var heightFix = WindowHeight + ScrollTop + 150;
	
	if(heightFix > docHeight){
		docHeight = heightFix + 100;
	}
	
	    
	obj = document.getElementById("coverLayer");
	if(obj != null)
	{
		obj.style.width = docWidth+"px";
		obj.style.height = docHeight+"px";
	}

    // margin-settings
	if(docWidth > popUpWidth){
	    marginWidth = Math.round((docWidth - popUpWidth)/2);
	}
	
	popUpLayer.style.marginLeft = marginWidth+"px";
	popUpLayer.style.marginTop = ScrollTop + 150+"px";
	
}

window.onresize = setWindowSize;