// creates the namespace
if (!waw) {

 	var waw = {};
 	try{
 		var myDomain = document.getElementById('purefans-widget-js').getAttribute('src').split('/')[2];
 		var wawSiteUrl='http://' + myDomain;
 	} catch(e){
 		var wawSiteUrl='http://www.purefans.com';
 	}

 	if (!waw.widgets) waw.widgets = {};
	Object.prototype.myextend = function (oSuper) {
		for (sProperty in oSuper) {
			this[sProperty] = oSuper[sProperty];
	    }
	}

	// Base is the common controller for widgets for them to communicate
	waw.widgets.Base = function(config) {
		this.config=config;
		this.maxZIndex=100;
		this.scriptCounter=100;

		runningWidgets=new Array();

		addWidgetToBase = function(id, widget) {
			runningWidgets.push(Array(id, widget));
		}

		this.writeWidget = function(name, config) {
			var widget=false;
			eval('widget=new waw.widgets.'+name+'(name);');
			//if(!!config) {
				widget.setConfig(config);
			//}
			widget.writeToDOM();
			var widgetId=widget.getId();
			addWidgetToBase(widgetId, widget);
			widget.setBase(this);
		}

		this.getById = function(id) {
			for(i=0; i<runningWidgets.length; i++) {
				if(runningWidgets[i][0]==id) {
					return runningWidgets[i][1];
				}
			}
		}

		this.getRunningWidgets = function(){
			return runningWidgets;
		}

		this.incrementMaxZIndex = function() {
			this.maxZIndex++;
		}

		this.getMaxZIndex = function() {
			return this.maxZIndex;
		}

		this.refreshAll = function(wargs) {
			//console.log(runningWidgets);
		}

	}
	waw.widgets.base=new waw.widgets.Base(waw_config);

	// each widget extends this widget
	waw.widgets.Widget = function(in_name) {

		this.base=undefined;
		this.id=undefined;
		this.name=undefined;
		this.size='small';
		this.isConnected=false;

		this.defaultConfig={bgColor:'#FFF', borderColor:'#808080', expandDirection:'top'};
		this.config={};

		// private functions
		function init(in_name, obj) {
			obj.name=in_name;
		}

		this.setConfig = function(in_config) {
			this.config=this.defaultConfig;
			for (attrname in in_config) {
				this.config[attrname] = in_config[attrname];
			}
		}

		this.generateId = function () {
			var ran_unrounded=Math.random()*1000;
			var ran_number=Math.floor(ran_unrounded);
			return name+ran_number;
		}

		this.getId = function() {
			return this.id;
		}

		// public functions
		this.setBase = function(in_base){
			this.base=in_base;
		}

		this.getBase = function() {
			return(this.base);
		}

		this.getDimensions = function(size) {
			// get the width and height from ...x...
			var regexp=/(\d+)x(\d+)/;
			var matches=regexp.exec(this.config.dimensions[size]);
			return Array(matches[1], matches[2]);
		}

		this.expand = function() {
			big_dimensions=this.getDimensions('big');
			small_dimensions=this.getDimensions('small');
			document.getElementById('widget_' + this.id).style.width=big_dimensions[0] + 'px';
			document.getElementById('widget_' + this.id).style.height=big_dimensions[1] + 'px';			
			if(this.config.expandDirection=='left') {
				document.getElementById('widget_' + this.id).style.left=(parseInt(small_dimensions[0])-parseInt(big_dimensions[0]))+'px';
			}
			if(this.config.expandDirection=='right') {
				document.getElementById('widget_' + this.id).style.left='0px';
			}
			this.getBase().incrementMaxZIndex();
			document.getElementById('container_' + this.id).style.zIndex=this.getBase().getMaxZIndex();
			
			if(this.config.expandDirection=='right') document.getElementById('toolbar_' + this.id).style.left=(big_dimensions[0]-15) + 'px';
			document.getElementById('expand_' + this.id).style.display='none';
			document.getElementById('minimize_' + this.id).style.display='block';
		}

		this.minimize = function() {
			dimensions=this.getDimensions('small');
			document.getElementById('widget_' + this.id).style.width=dimensions[0] + 'px';
			document.getElementById('widget_' + this.id).style.height=dimensions[1] + 'px';
			document.getElementById('widget_' + this.id).style.top='0px';
			document.getElementById('widget_' + this.id).style.left='0px';
			document.getElementById('container_' + this.id).style.zIndex='100';
			
			if(this.config.expandDirection=='right') document.getElementById('toolbar_' + this.id).style.left=(dimensions[0]-15) + 'px';
			document.getElementById('expand_' + this.id).style.display='block';
			document.getElementById('minimize_' + this.id).style.display='none';
		}

		this.onMessageFromChild = function(callBack, message) {
			if (message.length > 0) {
				var parameters = this.parseParameters(message);
				if (parameters["height"] != null) {
					document.getElementById('iframe_' + this.id).height = parseInt(parameters["height"]);
				}
				if (parameters["color"] != null) {
					document.body.bgColor = parameters["color"];
				}
			}
		}

		this.test = function() {
			var msg = window.location.hash.substring(1);
			if (msg != '') {
		        alert(msg);
		        window.location.hash='';
		        //window.frames['iframe_' + this.id] = '';
		        //clearInterval(document.IFrameMessageIntervalId);
		    }
			//set above function to run every 10 msecs:
			//document.IFrameMessageIntervalId =
		}

		this.writeToDOM = function() {
			this.id=this.generateId();
			dimensions=this.getDimensions('small');
			if(this.config.expandDirection=='left' || this.config.expandDirection=='right')
			    document.write('<div style="width:' + dimensions[0] + 'px;text-align:left;"><div id="toolbar_' + this.id + '" style="text-align:right; z-index:1000; top:18px; position:relative; width:13px; left:' + (dimensions[0]-15) + 'px; height:16px;"><a id="expand_'+this.id+'" href="javascript:void(0);" onclick="waw.widgets.base.getById(\'' + this.id + '\').expand();"><img src="' + wawSiteUrl + '/assets/widget/expand.png" border="0" title="agrandir" style="border:0;padding:0;margin:0;background-color:none;"/></a><a id="minimize_'+this.id+'" href="javascript:void(0);" onclick="waw.widgets.base.getById(\'' + this.id + '\').minimize();" style="display:none;"><img src="' + wawSiteUrl + '/assets/widget/minimize.png" border="0" title="r&eacute;duire" style="border:0;padding:0;margin:0;background-color:none;"/></a>&nbsp;</div></div>');
			document.write('<div id="container_' + this.id + '" class="waw_widget_' + name.toLowerCase() + '"  style="z-index:100; position:relative; width:' + dimensions[0] + 'px; height:' + dimensions[1] + 'px;">');
			document.write('<div id="widget_' + this.id + '" style="border:1px solid ' + this.config['borderColor'] + '; width:100%; height:100%; position:absolute; top:0px; left:0px;">');
			document.write('<iframe name="iframe_' + this.id + '" id="iframe_' + this.id + '" width="100%" height="100%" frameborder="no" marginWidth="0" marginHeight="0" scrolling="no" style="background-color:' + this.config['bgColor'] + '"></iframe>');
   			document.write('<scr'+'ipt language="javascript">iframe_' + this.id + '.location="' + this.url + '?api_key=' + waw_config.api_key + '";</scr'+'ipt>');
   			document.write('</div></div>');
   			setInterval(this.test, 10);
		}

		// initialize an instance of the widget
		init(in_name, this);
	}

	// fanZoneUsers extends Widget
	waw.widgets.fanZoneUsers = function(wargs) {
	    this.myextend(new waw.widgets.Widget(wargs))
	    this.url=wawSiteUrl+'/widgets/fanZoneUsers/1';
	    this.defaultConfig.dimensions={small: '235x476',  big:'600x476'};
	    this.defaultConfig.expandDirection='left';
	}
	
	// forum extends Widget
	waw.widgets.forum = function(wargs) {
	    this.myextend(new waw.widgets.Widget(wargs))
	    this.url=wawSiteUrl+'/widgets/forum/1';
	    this.defaultConfig.dimensions={small: '235x476',  big:'600x476'};
	    this.defaultConfig.expandDirection='left';
	}
}