<?xml version="1.0" encoding="UTF-8" ?> 
<Module>
  <ModulePrefs 
    title="Web Biz" 
		title_url="http://www.brianflove.com"
		description = "Coldfusion, JavaScript, AJAX, web design, and web development blog."
		height="200" 
		author="Brian Love" 
		author_email="brian+coolgadget@brianflove.com"
		scrolling="false"
		screenshot = "http://blog.brianflove.com/google_gadget/images/screenshot.png">
		<Require feature="dynamic-height" />
		<Locale lang="en" country="us" />
	</ModulePrefs>
  <UserPref name="show_date" display_name="Show Dates: " datatype="bool" default_value="true"/>
  <UserPref name="show_summ" display_name="Show Summaries: " datatype="bool" default_value="true"/>
  <UserPref name="num_entries" display_name="Number of Entries:" datatype="enum" default_value="5">
		<EnumValue value="1"/>
		<EnumValue value="2"/>
		<EnumValue value="3"/>
		<EnumValue value="4"/>
		<EnumValue value="5"/>
		<EnumValue value="6"/>
		<EnumValue value="7"/>
		<EnumValue value="8"/>
		<EnumValue value="9"/>
	</UserPref>
  <Content type="html">
  <![CDATA[
	<style>
		#content_div {
			font-size: 12px;
		}
		.summary {
			padding: 5px;
		}
		code {
		  color: #033;
			font: normal 12px "bitstream vera sans mono", monaco "lucida console", "courier new", courier, serif;
		}
		pre {
	  	overflow: auto;
	  	line-height: 190%;	
			color: #63FF00;
			font: normal 12px "bitstream vera sans mono", monaco "lucida console", "courier new", courier, serif;
		}
		blockquote {
			color: #555;
			border:none;
			border-top:1px solid #DDD;
			margin: 1.3em 1em 0; padding: 0 1em 8px;
			background-color: #F5F5F5;
		}
		.blockquote-leftshadow {
			width: 100%;
			height: 10px;
			background: url(http://blog.brianflove.com/google_gadget/images/shadow-left.png) top left no-repeat;
		}
		.blockquote-rightshadow {
			width: 82px;
			height: 10px;
			float: right;
			background:  url(http://blog.brianflove.com/google_gadget/images/shadow-right.png) top right no-repeat;
		}
		.blockquote-shadow {
			height: 10px;
			margin-left: 1em;
			margin-right: 1em;
		}
		.folder {
			background: url('http://blog.brianflove.com/google_gadget/images/bg-arrow.gif') no-repeat;
			cursor: pointer;
			padding-right:5px;
		}
		.folder-closed{
			background-position: 2px -1px;
		}
		.folder-open {
			background-position: 2px -82px;
		}
		a.folder {
			text-decoration: none;
		}
		.date { color: #999999; padding-left:1em; }
		.itemtitle {margin-top: 5px; }
		.inactiveitem { border:none; }
		.activeitem { border: solid 1px #DDD; }
		.itemtitle a {font-size:13px;}
	</style>
  <div id="content_div"></div>
	<script type="text/javascript" language="javascript" src="http://blog.brianflove.com/javascripts/prototype.js"></script>
	<script type="text/javascript">
		var toggleMenu = function(elem,summarycontainer){
			if ($(summarycontainer).style.display == 'none'){
				$(summarycontainer).style.display = 'block';
			}else{
				$(summarycontainer).style.display = 'none';
			}
			toggleClass(summarycontainer,'activeitem','inactiveitem');
			toggleClass(elem,'folder-open','folder-closed');
			 _IG_AdjustIFrameHeight();
		}
		var toggleClass = function(elem,classnameone,classnametwo){
			if (Element.hasClassName(elem,classnameone)){
				Element.removeClassName(elem,classnameone);
				Element.addClassName(elem,classnametwo);
			}else{
				Element.removeClassName(elem,classnametwo);
				Element.addClassName(elem,classnameone);
			}
		}
		var addBlockquoteShadow = function(){
			var bqNodes = $('content_div').getElementsByTagName('blockquote');
			var bqs = $A(bqNodes);
			bqs.each(function(bq){
				new Insertion.After(bq,'<div class="blockquote-shadow"><div class="blockquote-rightshadow"></div><div class="blockquote-leftshadow"></div></div>');
			});
		}
		var appendUrlImgs = function(){
			var imgNodes = $A($('content_div').getElementsByTagName('img'));
			imgNodes.each(function(imgNode){
				Element.extend(imgNode);
				var currentsrc = imgNode.getAttribute('src');
				//window.alert(currentsrc);
				imgNode.setAttribute('src','http://blog.brianflove.com'+currentsrc);
			});
		}
		var displayMyHomepage = function() {
			var url = "http://blog.brianflove.com/feed/atom"; 
			var prefs = new _IG_Prefs(__MODULE_ID__);
			var showdate = prefs.getBool("show_date");
			var summary = prefs.getBool("show_summ");
			var entries = prefs.getInt("num_entries");

			if (entries > 9){
				alert("You cannot display more than 9 entries.");
				entries = 9;
			}
			
			_IG_FetchFeedAsJSON(url,
				function(feed) { 
					if (feed == null){ 
					alert("There is no data.");
					return;
				}
				var html = "";
	
				// Access the fields in the feed
				//html += "<div><b>" + feed.Title + "</b></div>";
				//html += "<div>" + feed.Description + "</div><br>";
			 
				// Access the data for a given entry
				if (feed.Entry) {
					for (var i = 0; i < feed.Entry.length; i++) {
						html += "<div class=\"itemtitle\">";
						if (summary==true){
							html += "<a href=\"javascript:void(0)\" onclick=\"toggleMenu(this,'summary_"+i+"');\" class=\"folder folder-closed\">&nbsp;&nbsp;</a>";
						}
						html += "<span class=\"itemtitle\"><a target='_blank' href='" + feed.Entry[i].Link + "'>"
						+ feed.Entry[i].Title
						+ "</a></span>";
						if (showdate==true){ 
							var milliseconds = (feed.Entry[i].Date) * 1000; 
							var date = new Date(milliseconds);
							html += "<br /><div class=\"date\"><em>";
							html += date.toLocaleDateString();
							html += " ";
							html += date.toLocaleTimeString(); 
							html += "</em></div>";
						} 
						if (summary==true) { 
							html += "<div id=\"summary_"+i+"\" style=\"display:none;\" class=\"summary\"><br />" + feed.Entry[i].Summary;
						}
						html += '</div>';
					}
				}
			 _gel("content_div").innerHTML = html;
			 addBlockquoteShadow();
			 appendUrlImgs();
			 }, entries, summary);
		}
		_IG_RegisterOnloadHandler(displayMyHomepage);
		_IG_AdjustIFrameHeight();
  </script>
  ]]>
  </Content>
</Module>