



function openNewWindow(sURL, sName, iWidth, iHeight, bResizable, bScrollbars)
{
	var iTop  = (screen.height - iHeight) / 2 ;
	var iLeft = (screen.width  - iWidth) / 2 ;
	
	var sOptions = "toolbar=no,status=0,location=0" ;
	sOptions += ",width=" + iWidth ; 
	sOptions += ",height=" + iHeight ;
	sOptions += ",resizable="  + (bResizable  ? "yes" : "no") ;
	sOptions += ",scrollbars=" + (bScrollbars ? "yes" : "no") ;
	sOptions += ",left=" + iLeft ;
	sOptions += ",top=" + iTop ;
	
	var oWindow = window.open(sURL, sName, sOptions)
	oWindow.focus();
	
	return oWindow ;
}

var jWindow;

var Jukebox = Class.create();

Jukebox.prototype = {
	

	
	initialize: function() { 
	var popImage = document.getElementById('jukeboxPopImage').src;
		if (popImage.indexOf('/images/popout.jpg')!=-1){
			document.getElementById('jukeboxPopLink').onclick = function() {
				myJukebox.unDock(this); return false;
			}
			popinImage = new Image();
			popinImage.src = '/images/popin.jpg';
		}else{
			document.getElementById('jukeboxPopLink').onclick = function() {
				myJukebox.dock(this); return false;
			}
			popinImage = new Image();
			popinImage.src = '/images/popout.jpg';
		}
	},
	
	unDock: function(jukeBoxLink) {
		jWindow = openNewWindow('/jukebox/popup.jsp','jukePopup',269,111,false, false);
		Element.hide('jukeBoxContainer');
		myJukebox.showImage('/images/popin.jpg');
		document.getElementById('jukeboxPopLink').onclick = function() {
			myJukebox.dock(this); 
			
			return false;
		}
	},
	dock: function(jukeBoxLink) {
		jWindow = openNewWindow('/jukebox/popup.jsp?close=true','jukePopup',269,111,false, false);
		Element.show('jukeBoxContainer');
		myJukebox.showImage('/images/popout.jpg');
		document.getElementById('jukeboxPopLink').onclick = function() {
			myJukebox.unDock(this); 
			
			return false;
			
		}
		//jWindow.close();
	},
	showImage: function(imageScr){
		imgPreloader = new Image();
		
		// once image is preloaded
		imgPreloader.onload=function(){
			Element.setSrc('jukeboxPopImage', imageScr);
		}
		imgPreloader.src = imageScr;
	
	}
	
}
function initJukebox() { myJukebox = new Jukebox(); }

Event.observe(window, 'load', initJukebox, false);