//  Autor: Radu Capan
//  Copyright: www.cnet.ro
// Cod demonstrativ fara angajamente

//dimth = 160; //32,48,64,160 sunt patrate, cu crop; 144,200,288,400,512 sunt fara crop - dimensiune thumbnail
//dimthm = 64; //32,48,64,160 sunt patrate, cu crop; 144,200,288,400,512 sunt fara crop - dimensiune thumbnail mic
//marimeim=512; //poate fi 400, 512, 576, 640, 720, 800 - marimea imaginii mari
//inlinie=3; //cate imagini pe o linie ex: 3
//catelinii=3; //cate linii de imagini ex: 3
//catealbume=5; //cate albume se afiseaza ex: 3
//spatiere=5; //spatiu pe langa imagini
//culoareb="#5C7FB9"; //culoare bordura imagini

lunile = ["","ianuarie","februarie","martie","aprilie","mai","iunie","iulie","august","septembrie","octombrie","noiembrie","decembrie"];
offset=0;
offseta=0;
poza=0;
dimsalt = catelinii*inlinie;
faraAlbume=0;

function square(dim){
	return (dim ==32) || (dim ==48) || (dim ==64) || (dim ==160);
}

function extragePoza(root) {
	var feed = root.feed;
	var text = "";
	text += "<p><font size=1><strong>"+feed.title.$t+"</strong><br>"
	cand = feed.updated.$t;
	cand = cand.substr(0,10);
	text += cand.substr(8,2)+" " +lunile[cand.substr(5,2)-0]+" "+cand.substr(0,4);
	if(feed.gphoto$location.$t!="")
		text += ", "+feed.gphoto$location.$t;
	//text += "<br>"+feed.subtitle.$t+"</p>";
	text += "</font></p>";
	//afisez sistemul de navigatie
	text += "<p align=center>";
	pagini=0;
	for(i = 0; i<feed.entry.length;i++)
		if(i*dimsalt>poza){
			pagini=i-1;
			break;
		}
	if(poza)
		text += "<a href='#' onClick='javascript:listaPoza(\""+feed.gphoto$user.$t+"\",\""+feed.gphoto$name.$t+"\","+(poza-1)+");'><img class=zero src="+cale+"imagini/back.png hspace=5 vspace=1 border=0></a> ";
	else
		text += "<img class=zero src="+cale+"imagini/back_.png hspace=5 vspace=1 border=0> ";
	text += "<a href='#' onClick='javascript:listaPoze(\""+feed.gphoto$user.$t+"\",\""+feed.gphoto$name.$t+"\","+pagini+");'><img class=zero src="+cale+"imagini/up.png hspace=5 vspace=1 border=0></a> ";
	if(feed.entry.length > (poza+1))
		text += "<a href='#' onClick='javascript:listaPoza(\""+feed.gphoto$user.$t+"\",\""+feed.gphoto$name.$t+"\","+(poza+1)+");'><img class=zero src="+cale+"imagini/forward.png hspace=5 vspace=1 border=0></a>";
	else
		text += "<img class=zero src="+cale+"imagini/forward_.png hspace=5 vspace=1 border=0>";
	//afisez poza
	text += "<table wwidth=100% align=center cellpadding=3 cellspacing=0 border=0>";
	entry = feed.entry[poza];
	if(entry.summary.$t!="")
		text += "<tr><td><p align=center>"+entry.summary.$t+"</p></td></tr>";
	sursa = entry.media$group.media$thumbnail[0].url;
	sursa = sursa.replace("/s72/","/s"+marimeim+"/");
    text += "<tr><td valign=center align=center><a href=# onClick='javascript:listaZero(\""+feed.gphoto$user.$t+"\",\""+feed.gphoto$name.$t+"\","+poza+");'><img src="+sursa+" style='border:"+grosime+"px solid "+culoareb+"' hspace="+spatiere+" vspace="+spatiere+" alt='"+descr+"' title='"+descr+"'></a></td></tr>";
	text += "</table>";
	text += "<p align=center><a href="+entry.link[1].href+" target=_blank>fotografia originala</a> ("+entry.gphoto$width.$t+"x"+entry.gphoto$height.$t+")<p>";
	text += "<table align=center cellpadding=0 cellspacing=0 border=0><tr>";
	for(i=0;i<(3-poza);i++)
		text += "<td valign=center align=center width=82><img src="+cale+"imagini/gol.gif hspace=5 border=0></td>";
	p=poza-1;
	for(i=0;i<3;i++){
		if((p-(2-i))>=0){
			sursa = feed.entry[p-(2-i)].media$group.media$thumbnail[0].url;
 			sursa = sursa.replace("/s72/","/s"+dimthm+(square(dimthm)?"-c":"")+"/");
 			text += "<td valign=center align=center width=82><a href=# onClick='javascript:listaPoza(\""+feed.gphoto$user.$t+"\",\""+feed.gphoto$name.$t+"\","+(p-(2-i))+");'><img src="+sursa+" hspace=5 border=0 style='border:"+Math.floor(grosime/2)+"px solid "+culoareb+"'></a></td>";
		}
	}
	text += "<td width=100>&nbsp;</td>";
	p=poza+1;
	for(i=0;(i<3) && (p<feed.entry.length);i++){
		sursa = feed.entry[p].media$group.media$thumbnail[0].url;
		sursa = sursa.replace("/s72/","/s"+dimthm+(square(dimthm)?"-c":"")+"/");
		text += "<td valign=center align=center width=82><a href=# onClick='javascript:listaPoza(\""+feed.gphoto$user.$t+"\",\""+feed.gphoto$name.$t+"\","+p+");'><img src="+sursa+" hspace=5 border=0 style='border:"+Math.floor(grosime/2)+"px solid "+culoareb+"'></a></td>";
		p++;
	}
	for(;i<3;i++)
		text += "<td valign=center align=center width=82><img src="+cale+"imagini/gol.gif hspace=5 border=0></td>";
	text += "</tr></table>";
	document.getElementById("spatiupicasa").innerHTML = text;
  }

function listaPoza(user,album,idpoza){
	document.getElementById("spatiupicasa").innerHTML = "<img src="+cale+"imagini/animatie.gif align=absmiddle hspace=20>Se incarca...";
	poza= idpoza;
	var script = document.createElement('script');
	script.setAttribute('src','http://picasaweb.google.com/data/feed/api/user/'+user+'/album/'+album+'?kind=photo&alt=json-in-script&callback=extragePoza');
	script.setAttribute('id', 'jsonScript');
	script.setAttribute('type', 'text/javascript');
	document.documentElement.firstChild.appendChild(script);
}

function extragePoze(root) {
    var feed = root.feed; 
	var text = "";
	text += "<p><strong>"+feed.title.$t+"</strong><br>"
	cand = feed.updated.$t;
	cand = cand.substr(0,10);
	text += (cand.substr(8,2)-0)+" " +lunile[cand.substr(5,2)-0]+" "+cand.substr(0,4);
	if(feed.gphoto$location.$t!="")
		text += ", "+feed.gphoto$location.$t;
	text += "<br>"+feed.subtitle.$t+"</p>";
	//afisez sistemul de navigatie
	if(feed.entry.length % dimsalt)
		pagini = Math.ceil(feed.entry.length / dimsalt)
	else
		pagini = Math.ceil(feed.entry.length / dimsalt)
	if(pagini>1){
  	text += "<p align=center>";
  	if(offset)
  		text += "<a href='#' onClick='javascript:listaPoze(\""+feed.gphoto$user.$t+"\",\""+feed.gphoto$name.$t+"\","+(offset-1)+");'><img class=zero src="+cale+"imagini/back.png hspace=5 vspace=1 border=0></a> ";
  	else
  		text += "<img class=zero src="+cale+"imagini/back_.png hspace=5 vspace=1 border=0> ";
	if(!faraAlbume)
		text += "<a href='#' onClick='javascript:listaAlbume(\""+feed.gphoto$user.$t+"\","+offseta+");'><img class=zero src="+cale+"imagini/up.png hspace=5 vspace=1 border=0></a> ";
  	if(feed.entry.length > (offset+1)*dimsalt)
  		text += "<a href='#' onClick='javascript:listaPoze(\""+feed.gphoto$user.$t+"\",\""+feed.gphoto$name.$t+"\","+(offset+1)+");'><img class=zero src="+cale+"imagini/forward.png hspace=5 vspace=1 border=0></a>";
  	else
  		text += "<img class=zero src="+cale+"imagini/forward_.png hspace=5 vspace=1 border=0>";
  	text += "<br>Pagini: ";
  	for(i=0;i < pagini; i++)
  		if(i==offset)
  			text += ""+(i+1)+" ";
  		else
  			text += "<a href='#' onClick='javascript:listaPoze(\""+feed.gphoto$user.$t+"\",\""+feed.gphoto$name.$t+"\","+(i)+");'>"+(i+1)+"</a> ";
  	text +="</p>";
	}
	else
		if(!faraAlbume)
			text += "<p align=center><a href='#' onClick='javascript:listaAlbume(\""+feed.gphoto$user.$t+"\","+offseta+");'><img src="+cale+"imagini/up.png hspace=5 vspace=1 border=0></a></p>";
	//afisez pozele pe linii si coloane
	text += "<table width=100% align=center cellpadding=3 cellspacing=0 border=0>";
	for (var i = 0; (i < feed.entry.length) && (i<offset*dimsalt); ++i) {
	}
	incheiat=0;
    for (; i < feed.entry.length; ++i) {
		var entry = feed.entry[i];
		if(i%inlinie == 0) {
			text += "<tr>";
			incheiat = 0;
		}
		descr = entry.summary.$t;
		poza = entry.media$group.media$thumbnail[0].url;
		poza = poza.replace("/s72/","/s"+dimth+(square(dimth)?"-c":"")+"/");
		text += "<td height="+dimth+" width="+dimth+" valign=center align=center><p><a href=# onClick='javascript:listaPoza(\""+feed.gphoto$user.$t+"\",\""+feed.gphoto$name.$t+"\","+i+");'><img src="+poza+" style='border:"+grosime+"px solid "+culoareb+"' hspace="+spatiere+" vspace="+spatiere+" alt='"+descr+"' title='"+descr+"'></a></td>";
		if(i%inlinie == (inlinie-1)){
			text += "</tr>";
			incheiat = 1;
		}
		if(i > ((dimsalt-2)+offset*dimsalt))
			break;
    }
	if(!incheiat){
		i--;
		while((i%inlinie)!=(inlinie-1)){
			text += "<td><img src="+cale+"imagini/gol.gif height="+dimth+" width="+dimth+" hspace="+spatiere+" vspace="+spatiere+" border=0></td>";
			i++
		}
		text += "</tr>";
	}
	text += "</table>";
	document.getElementById("spatiupicasa").innerHTML = text;
}

function listaPoze(user,album,salt){
	document.getElementById("spatiupicasa").innerHTML = "<img src="+cale+"imagini/animatie.gif align=absmiddle hspace=20>Se incarca...";
	offset=salt;
	var script = document.createElement('script');
	script.setAttribute('src','http://picasaweb.google.com/data/feed/api/user/'+user+'/album/'+album+'?kind=photo&alt=json-in-script&callback=extragePoze');
	script.setAttribute('id', 'jsonScript');
	script.setAttribute('type', 'text/javascript');
	document.documentElement.firstChild.appendChild(script);
}

function extrageAlbume(root) {
    var feed = root.feed;
	var text = "";
	//afisez sistemul de navigatie
	if(feed.entry.length % catealbume)
		pagini = Math.ceil(feed.entry.length / catealbume)
	else
		pagini = Math.ceil(feed.entry.length / catealbume)-1
	if(pagini>1){
  	text += "<p align=center>";
  	if(offseta)
  		text += "<a href='#' onClick='javascript:listaAlbume(\""+feed.gphoto$user.$t+"\","+(offseta-1)+");'><img class=zero src="+cale+"imagini/back.png hspace=5 vspace=1 border=0></a> ";
  	else
  		text += "<img class=zero src="+cale+"imagini/back_.png hspace=5 vspace=1 border=0> ";
  	if(feed.entry.length > (offseta+1)*catealbume)
  		text += "<a href='#' onClick='javascript:listaAlbume(\""+feed.gphoto$user.$t+"\","+(offseta+1)+");'><img class=zero src="+cale+"imagini/forward.png hspace=5 vspace=1 border=0></a>";
  	else
  		text += "<img class=zero src="+cale+"imagini/forward_.png hspace=5 vspace=1 border=0>";
  	text += "<br>Pagini: ";
  	for(i=0;i < pagini; i++)
  		if(i==offseta)
  			text += ""+(i+1)+" ";
  		else
  			text += "<a href='#' onClick='javascript:listaAlbume(\""+feed.gphoto$user.$t+"\","+(i)+");'>"+(i+1)+"</a> ";
		text +="</p>";
	}
	//afisez pozele pe linii si coloane
	text += "<table width=100% align=center cellpadding=3 cellspacing=0 border=0>";
	for (var i = 0; (i < feed.entry.length) && (i<offseta*catealbume); ++i) {
		}
    for (; i < feed.entry.length; ++i) {
		var entry = feed.entry[i];
		text += "<tr><td valign=top><a href=# onClick='javascript:listaPoze(\""+entry.gphoto$user.$t+"\",\""+entry.gphoto$name.$t+"\",0);'><img src="+entry.media$group.media$thumbnail[0].url+" style='border:"+grosime+"px solid "+culoareb+"'></a></td><td valign=top width=90%>";
		text += "<strong>"+entry.title.$t+"</strong><br><br>"
		text += "Fotografii: "+entry.gphoto$numphotos.$t+"<br>";
		cand = entry.published.$t;
		cand = cand.substr(0,10);
		cand = (cand.substr(8,2)-0)+" " +lunile[cand.substr(5,2)-0]+" "+cand.substr(0,4);
		text += "Data: "+cand+"<br>";
		if(entry.gphoto$location.$t!="")
			text += "Locatie: "+entry.gphoto$location.$t+"<br>";
		if(entry.summary.$t!="")
			text += "Descriere: "+entry.summary.$t+"<br>";
		text += "</td></tr>";
		if(i > ((catealbume-2)+offseta*catealbume))
			break;
    }
	text +="</table>";
	document.getElementById("spatiupicasa").innerHTML = text;
  }

function listaAlbume(user,salt){
	document.getElementById("spatiupicasa").innerHTML = "<img src="+cale+"imagini/animatie.gif align=absmiddle hspace=20>Se incarca...";
	offseta= salt;
	script = document.createElement('script');
	script.setAttribute('src','http://picasaweb.google.com/data/feed/api/user/'+user+'?kind=album&alt=json-in-script&callback=extrageAlbume');
  	script.setAttribute('id', 'jsonScript');
	script.setAttribute('type', 'text/javascript');
	document.documentElement.firstChild.appendChild(script);
}