var myATNRootDir = "http://www.americantowns.com/widgets/";
var url = "http://www.americantowns.com/widgets/json";

//uncomment one of the 3 below lines
var widgetType = "calendar";	
//var widgetType = "widget";	
//var widgetType = myType ? myType : "calendar";	//required var myType = "calendar"; in the snippet in the html

var myATNLoader;

if( !document.getElementById( 'ATN_widget' ) ) {
	myATNLoader = new ATNLoader( myATNRootDir, myCity, myState );
}


function ATNLoader( whichDir, whichCity, whichState ) {
	var rootDir = whichDir ? whichDir : "";
	var cityName = whichCity ? whichCity : "anchorage";
	var stateName = whichState ? whichState : "ak";
	var capsCityName = "";
	var linkCityName = cityName.replace(/%20/g,"").replace(/\s/g,"").toLowerCase();
	var linkStateName = stateName.replace(/%20/g,"").replace(/\s/g,"").toLowerCase();

	String.prototype.titleCase = function () {
		var str = "";
		var wrds = this.split(" ");
		for(keyvar in wrds)
		{
			temp = wrds[keyvar].toString();
			templength = temp.length;
			if (temp.indexOf('{') == -1)
			{
					str += ' ' + temp.substr(0,1).toUpperCase() + temp.substr(1,temp.length);
			}
		}
	   return str;
	}
	
	if (cityName.indexOf(' ') == -1)	
	{
		//if there is no space in the name
		capsCityName = cityName.substring(0,1).toUpperCase()+cityName.substring(1).toLowerCase();
	}
	else
	{
		capsCityName = cityName.titleCase();
	}
	url = url + '/' + stateName;
	url = url + '/' + cityName;	// + ".rss";
	loadWidget();

	function loadWidget() {
		document.write( '<script language="javascript" src="json/prototype-1.6.0.2.js"></script>');
		document.write( '<script language="javascript" src="json/php.min.js"></script>');
		if(typeof(myWidth) == "undefined") 
		{
			myWidth = "50%";
		}		
		document.write( '<style type="text/css">#left { float:left; width:'+myWidth+'; padding:20px 0; }</style>');
		switch(widgetType)
		{
			case 'widget':
				if (myCSS.length > 0 && myCSS != "undefined")
				{
					document.write('<link rel="stylesheet" type="text/css" media="all" href="'+myCSS+'" />');
				}
				else
				{
					document.write('<link rel="stylesheet" type="text/css" media="all" href="'+rootDir+'styles/widget.css" />');
				}
				document.write( '<div class="atnwidget">');
				document.write( '<div class="atnwhd"><a href="http://www.americantowns.com/'+linkStateName+'/'+linkCityName+'-post"><img src="'+rootDir+'images/addeventwidg.gif" alt="Add Your Event"></a><h1>Local Events for '+capsCityName+'</h1></div>');

				document.write( '<div id="links">');
				document.write( '</div>');
				document.write( '<script type="text/javascript" src="' + rootDir + 'scripts/loadATNData.js"></script>' );

				document.write( '<div class="atnwfoot clearfix">');
				document.write( '<p><a href = "http://www.americantowns.com"><img src="'+rootDir+'images/poweredbyATN.gif" border="0"></a><a href="http://www.americantowns.com/'+linkStateName+'/'+linkCityName+'/events">See more events for '+capsCityName+' at AmericanTowns.com >></a></p>');
				document.write( '</div><!-- end widgetfoot -->');
				document.write( '</div><!-- end atnwidget -->');
				
				break;
			case 'calendar':
			default:
				if (myCSS.length > 0 && myCSS != "undefined")
				{
					document.write('<link rel="stylesheet" type="text/css" media="all" href="'+myCSS+'" />');
				}
				else
				{
					document.write('<link rel="stylesheet" type="text/css" media="all" href="'+rootDir+'styles/calendar.css" />');
				}
				document.write( '<div class="atnwidget bg brdr2">');
				document.write( '<div class="atnwhd bg2 clearfix"><a href = "http://www.americantowns.com"><img src="'+rootDir+'images/poweredbyATN2.gif" border="0"></a><a href="http://www.americantowns.com/'+linkStateName+'/'+linkCityName+'"><h1 class="hdr">Local Events for '+capsCityName+'</h1></a></div>');

				document.write( '<div id="links">');
				document.write( '</div>');
				document.write( '<script type="text/javascript" src="' + rootDir + 'scripts/loadATNData.js"></script>' );

				document.write( '<div class="atnwfoot clearfix">');
				document.write( '<a href="http://www.americantowns.com/'+linkStateName+'/'+linkCityName+'-post"><img src="'+rootDir+'images/addeventwidg.gif" alt="Add Your Event" /></a><p><a href="http://www.americantowns.com/'+linkStateName+'/'+linkCityName+'/events">See more events for '+capsCityName+' at AmericanTowns.com >></a></p>');
				document.write( '</div><!-- end widgetfoot -->');
				document.write( '</div><!-- end atnwidget -->');
				break;
		}
		





	}


	
	function setRootDir( whichDir ) {
		rootDir = whichDir;
	}
	
	function getRootDir() {
		return rootDir;
	}
	
	this.loadWidget = loadWidget;
	this.setRootDir = setRootDir;
	this.getRootDir = getRootDir;
}