album_name=new Array();
album_link=new Array();
album_pic=new Array();

album_name[0] = "The Lucky Pig Lounge";
album_link[0] = "http://www.bubbalous.com/album3/";
album_pic[0]  = "http://www.bubbalous.com/album3/data/thumbnails/img_4006.png";

/*
album_name[1] = "";
album_link[1] = "";
album_pic[1]  = "";

/**/


for (i = 0;i < album_name.length;i++){
	//document.write('<li><a href="#" onclick="javascript:loadOverlay2(\'' + album_link[i] + '\')" >' + album_name[i] + '</a></li>');
	document.write('<div class="left center"><a href="#" onclick="javascript:loadOverlay2(\'' + album_link[i] + '\')" ><img src="' + album_pic[i] + '" width="160" height="120" alt="" /><br /><p class="center">' + album_name[i] + '</p></a></div>');
}

$(function() { 
	window.loadOverlay2 = function(ID) { 
		// <![CDATA[
			
			var innerDiv=document.getElementById("inner-div")
			innerDiv.innerHTML='<iframe src="' + ID + '" style="width:100%; height:700px; border:none;" frameborder="0" scrolling="auto"></iframe>';
			
		// ]]>

		// get overlay API  
		var api = $("#photos").overlay({api: true, expose: 'black'});  
		api.load(); 
	}; 
});