// ss.js - Javascript for a sound slides light box.

var ss = {};

ss.init = function (){

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

	var objOverlay = document.createElement("div");
	objOverlay.setAttribute('id','overlay');
    objOverlay.style.display = 'none';
	objOverlay.onclick = function() { return false; }
	objBody.appendChild(objOverlay);

	var objLightbox = document.createElement("div");
	objLightbox.setAttribute('id','lightbox');
	objLightbox.style.display = 'none';
	objBody.appendChild(objLightbox);

	
	var objOuterContainer = document.createElement("div");
	objOuterContainer.setAttribute('id','outerContainer');
	objLightbox.appendChild(objOuterContainer);	
	

	
	
}

ss.activate = function(url){
	hideSelectBoxes();
	new Ajax.Updater('outerContainer',url, { 
		onComplete: function(request, show) {
			new Effect.Appear('overlay', { duration: .2, from: 0.0, to: 0.8 });
			new Effect.Appear('lightbox', { duration: 1, from: 0.0, to: 1 });
		}});	

		return false;
	
	
}


ss.close = function() {
	showSelectBoxes();
	Element.hide('lightbox');
	new Effect.Fade('overlay', { duration: 0.2});
}

function showSelectBoxes(){
	selects = document.getElementsByTagName("select");
	for (i = 0; i != selects.length; i++) {
		if (selects[i].name == 'picks' || selects[i].name == 'country' || selects[i].name == 'topic' || selects[i].name == 'sites')
			continue;
		selects[i].style.visibility = "visible";
	}
}

// ---------------------------------------------------

function hideSelectBoxes(){
	selects = document.getElementsByTagName("select");
	for (i = 0; i != selects.length; i++) {
		selects[i].style.visibility = "hidden";
	}
}