MimoaWidget = function(locationDiv){
    var BASE_URL = 'http://www.mimoa.eu/syndication/';
    var CONTENT_URL = BASE_URL + 'data/latestadditions.js';
	
	var scr = document.getElementById('mimoaSyndication'); 
    
    this.requestContent = function(local){
        var script = document.createElement('script');
        script.src = CONTENT_URL;
        document.getElementsByTagName("head")[0].appendChild(script);
    };
    
    this.serverResponse = function(obj){
        if (obj) {
            var count = obj.length;
            if (count > 0) {
                var newdiv = document.createElement('div');
                // create the main wrap
				var divClassName = 'mimoaProjectOverview';
				  newdiv.setAttribute('class', divClassName)			  
				  newdiv.setAttribute('className', divClassName);  
		
                var headID = document.getElementsByTagName("head")[0];         
				var cssNode = document.createElement('link');
				cssNode.type = 'text/css';
				cssNode.rel = 'stylesheet';
				cssNode.href = 'http://www.mimoa.eu/widgets/stylos/stylos.css';
				cssNode.media = 'screen';
				headID.appendChild(cssNode);
				
				// create H1 element
				var h = document.createElement('h1');
                h.innerHTML = "Latest additions";
                
				newdiv.appendChild(h);

                for (var x = 0; x < count; x++){
			// create mimoaProject div
			var div = document.createElement('div');
				divClassName = 'mimoaProject';
				divIdName = 'project'+obj[x].projectCount;
				div.setAttribute('class', divClassName);
				div.setAttribute('className', divClassName);
				div.setAttribute('id', divIdName);
				
			var link = document.createElement('a');
				link.setAttribute('href', obj[x].link);
				link.setAttribute('target', '_blank');
                    
			// create H2 element inside div element
			var h2 = document.createElement('h2');
				thisLink = link.cloneNode(true);
				thisLink.innerHTML = obj[x].projectName;
				h2.appendChild(thisLink);

			// create H3 element inside div element
			var h3 = document.createElement('h3');
				dLink = document.createElement('a');
				dLink.setAttribute('target', '_blank');
				dLink.setAttribute('href', obj[x].designerLink);
				dLink.innerHTML = obj[x].designer;
				h3.appendChild(dLink);
                    
			// create thumbnail
			var imgThumb = document.createElement('a');
				imgThumb.setAttribute('href', obj[x].link);
				imgThumb.setAttribute('target', '_blank');
				imgThumb.setAttribute('title', obj[x].photographer);
				imgThumb.style.display = "block";
				imgThumb.style.backgroundPosition = "center center";
				imgThumb.style.backgroundRepeat = "no-repeat";
				imgThumb.style.width = "90px";
				imgThumb.style.height= "60px";
				imgThumb.style.overflow= "hidden";
				imgThumb.style.backgroundImage = 'url('+obj[x].imageThumbUrl+')';
				imgThumb.setAttribute('class', "mimoaImageThumb");
				imgThumb.setAttribute('className', "mimoaImageThumb");
					
			                  
			// create <ul>
			var ul = document.createElement('ul');
				ul.setAttribute('class', "mimoaFactlist");
				ul.setAttribute('className', "mimoaFactlist");

			// creat 3 li for the above <ul>
			var li = document.createElement('li');
				var cLink = document.createElement('a');
					cLink.setAttribute('href', obj[x].cityLink);
					cLink.setAttribute('target', '_blank');
					cLink.innerHTML = obj[x].city;
				var dLink = document.createElement('a');
					dLink.setAttribute('target', '_blank');
					dLink.setAttribute('href', obj[x].countryLink);
					dLink.innerHTML = obj[x].country;
				li.innerHTML = "location: ";
				li.appendChild(cLink);
				li.innerHTML = li.innerHTML+' ';
				li.appendChild(dLink);
				li.setAttribute('class', "mimoaFactlistLocation");
				li.setAttribute('className', "mimoaFactlistLocation");
				ul.appendChild(li);

				li = document.createElement('li');
				li.innerHTML = "function: " + obj[x].functionDesc;
				li.setAttribute('class', "mimoaFactlistFunction");
				li.setAttribute('className', "mimoaFactlistFunction");
				ul.appendChild(li);

				li = document.createElement('li');
				var dLink = document.createElement('a');
					dLink.setAttribute('target', '_blank');
					dLink.setAttribute('href', obj[x].userLink);
					dLink.innerHTML = obj[x].screenname;
				li.innerHTML = "contributed by: ";
				li.appendChild(dLink);
				li.setAttribute('class', "mimoaFactlistContributor");
				li.setAttribute('className', "mimoaFactlistContributor");
				ul.appendChild(li);
                    
			// create p
			var p = document.createElement('p');
				p.innerHTML = obj[x].description;
				p.setAttribute('class', "mimoaSummary");
				p.setAttribute('className', "mimoaSummary");
				//if (x==0) alert(obj[x].description);
				
			link.innerHTML = "read more";
			link.setAttribute('class', "mimoaReadMore");
			link.setAttribute('className', "mimoaReadMore");
                    
			// append values to the created Elements
			div.appendChild(h2);
			div.appendChild(h3);
			div.appendChild(imgThumb);
			div.appendChild(ul);
			div.appendChild(p);
			div.appendChild(link);
			newdiv.appendChild(div);
                }	
                	scr.parentNode.insertBefore(newdiv, scr);
            }
			
        }
    };
};
// create new Widget and supply the element name to insert into
var Mimoa = new MimoaWidget();

// request the feed
Mimoa.requestContent();