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

album_name[0] = "Winter Park<br />Farmers Market Party";
album_link[0] = "http://www.bubbalous.com/album/";
album_pic[0]  = "images/design/gallery/picture1.png";

album_name[1] = "BBQ on the Blvd<br />(downtown Orlando)";
album_link[1] = "http://www.bubbalous.com/album2/";
album_pic[1]  = "images/design/gallery/picture2.png";

album_name[2] = "The Lucky Pig Lounge";
album_link[2] = "http://www.bubbalous.com/album3/";
album_pic[2]  = "images/design/gallery/picture3.png";

album_name[3] = "Fun at Bubbalou's";
album_link[3] = "http://www.bubbalous.com/album4/";
album_pic[3]  = "images/design/gallery/picture4.png";

album_name[4] = "Cowboys Car Show";
album_link[4] = "http://www.bubbalous.com/album2010/cowboys/";
album_pic[4]  = "images/design/gallery/picture5.png";

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

/**/


for (i = 0;i < album_name.length;i++){
	//document.write('<li><a href="#" onclick="javascript:loadOverlay2(\'' + album_link[i] + '\')" >' + album_name[i] + '</a></li>');
	style = ' style="';
	style += 'margin-top:' + Math.floor(i/4)*50 + 'px;';
	if(i%4==0){style += 'clear:left;'}
	style += '"';
	//alert (style);
	document.write('<div class="left center"' + style + '><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:500px; border:none;" frameborder="0" scrolling="auto"></iframe>';
			
		// ]]>

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