var books = ["MarthaSpeaks", "MarthaCalling", "MarthaBlahBlahBlah", "MarthaWalkstheDog", "PerfectlyMartha", "MarthaandSkits", "TheWitchesSupermarket"];

	var panels = new Array();
	
	books.each(function(i, index){
		var winName = "win_" + i;
		var panel = new YAHOO.widget.Panel(winName, {
			width:"200px",
			fixedcenter: false,
			constraintoviewport: true,
			close:true,
			visible:false,
			context:[i, "tr", "tl"],
			effect:{effect:YAHOO.widget.ContainerEffect.SLIDE,duration:0.25},
			draggable:false
		});
		panels.push(panel);
	});
	
	function hidePanels(){
		panels.each(function(i, index){
			i.hide();
		});
	}
	
	function showPanel(id){
		panels.each(function(i, index){
			if (index == id) {
				i.show();
			} else {
				i.hide();	
			}
		});
	}
	
	function unHilite(){
		$("booksSideBar").style.background = "none";
	}
	
	function hiliteBooks(){
		$("booksSideBar").style.backgroundColor = "#FFFF99";
		setTimeout("unHilite()", 500);
	}
		
	function initPanels(){
		books.each(function(i, index){
			var element = $(i);
			var content = element.innerHTML;
			var headlines = $A(element.getElementsByTagName("h3"));
			var links = $A(element.getElementsByTagName("p"));
			var footer = $A(element.getElementsByTagName("h4"));
			panels[index].setHeader(headlines[0].innerHTML);
			panels[index].setBody(links[0].innerHTML);
			var footerText = footer[0].innerHTML;
			panels[index].setFooter("<p>" + footerText + "</p><a href=\"#\" onclick=\"hidePanels();\" class=\"closePanel\">close</a>");
		});
		panels.each(function(i, index){
			i.render(document.body);
		});
	}

	Event.observe(window, "load", initPanels);