var login = '';
var elementID = 'ifound';
var elementSize = 'thumb'; // thumb, small, medium, normal, large

var content;


function doContent() {

	  var i=0;
	  var html = '';
	  var entry = '';
	  var heading ='';
	  var cropImage = 'http://www.ifound.dk/cropimage.php?';
	  for (i=0; i<content.Screenshots.image.length;i++) {
		entry = '<div class="imgheader">' +
		'<div class="isnapshot">' +
		'<p>'+ content.Screenshots.image[i].SubscriptionName +'</p>' +
		'<a href="' + content.Screenshots.image[i].URL +'">' +
		'<img src="'+cropImage+'&size='+elementSize+'&IMGURL='+content.Screenshots.image[i].HTTPReference + '"/>' +
		'</a></div>' +
		'</div> ';				
		 html = html + entry;
		/*
		document.write("Screenshot : " + content.Screenshots.image[i].IDUrl + "</br>");
		  document.write("header: " + content.header + "</br>");
		  document.write("Login : " + content.Login + "</br>");
		   
		   document.write("url : " + content.Screenshots.image[i].URL + "</br>");
		   document.write("name : " + content.Screenshots.image[i].SubscriptionName + "</br>");
		   document.write("description : " + content.Screenshots.image[i].SubscriptionDescription + "</br>");
		   document.write("cropimage : " + content.Screenshots.image[i].HTTPReference+ "</br>");
		   document.write("ReferenceModifiedDate : " + content.Screenshots.image[i].ReferenceModifiedDate+ "</br>");*/  
	 } 

	 heading ='<h1>IFOUND - my favorite links</h1>';
	 
	document.getElementById(elementID).innerHTML = '<div class="iheader">' +heading +'</div>' +  html;		
}



function sendRequest() {
	var url = 'http://ifound.dk/api/json/getsubscription.php?callback=cb&Login='+login;
	var script = document.createElement('script');
	script.setAttribute('src', url);
	document.getElementsByTagName('head')[0].appendChild(script);
}


//callback function
function cb(data) {
  content = data;
  doContent();	  
}

function runIfound(userID) {
	login = userID;
	sendRequest();
	  
}