function $(i){return document.getElementById(i);}

function print_r(obj) {
	var str="";
	for (objprop in obj) {
		try {
			str += objprop + ' => ' + obj[objprop] + '\n';
		} catch (e) {
		}
	}
	alert(str);
}

var skills=[
['France',6,'http://www.romanes.com/France_fr.html'],
['cistercien',6,'http://www.romanes.com/Cistercien/'],
['sculpture',6,'http://www.romanes.com/'],
['art roman',6,'http://www.romanes.com/'],
['art gothique',6,'http://www.romanes.com/'],
['architecture romane',6,'http://www.romanes.com/'],
['abbaye de royaumont',6,'http://www.romanes.com/Royaumont'],
['abbaye de fontenay',6,'http://www.romanes.com/Fontenay'],
['cathédrale de reims',6,'http://www.romanes.com/Reims'],
['architecture romane',6,'http://www.romanes.com/'],
['livres',5,'http://www.romanes.com/biblio/'],
['expositions',5,'http://www.romanes.com/news/annonce_fr.html'],
['senlis',5,'http://www.romanes.com/Senlis'],
['tournus',5,'http://www.romanes.com/Tournus'],
['editions zodiaque',5,'http://www.romanes.com/biblio/zodiaque_fr.html'],
['abbaye du thoronet',5,'http://www.romanes.com/Thoronet'],
['abbaye de cluny',5,'http://www.romanes.com/Cluny'],
['senanque',5,'http://www.romanes.com/Senanque'],
['hospices de beaune',5,'http://www.romanes.com/Beaune'],
['architecture gothique',5,'http://www.romanes.com/'],
['Ganagobie',5,'http://www.romanes.com/Ganagobie'],
['montmajour',5,'http://www.romanes.com/Montmajour'],
['abbaye royale du moncel',5,'http://www.romanes.com/Moncel'],
['cathédrale de chartres',5,'http://www.romanes.com/Chartres'],
['silvacane',4,'http://www.romanes.com/Silvacane'],
['palais des papes',4,'http://www.romanes.com/Avignon/Palais_des_Papes/'],
['vezelay',4,'http://www.romanes.com/Vezelay'],
['eglise romane',4,'http://www.romanes.com/'],
['saint savin sur gartempe',4,'http://www.romanes.com/Saint_Savin/'],
['clos vougeot',4,'http://www.romanes.com/Clos-Vougeot/'],
['brantome',3,'http://www.romanes.com/Brantome'],
['abbaye de pontigny',3,'http://www.romanes.com/Pontigny'],
['morienval',3,'http://www.romanes.com/Morienval'],
['chapaize',3,'http://www.romanes.com/Chapaize'],
['artisanat',3,'http://www.romanes.com//news/artisanat_fr.html'],
['fontevraud',2,'http://www.romanes.com/Fontevraud'],
['basilique saint denis',2,'http://www.romanes.com/Saint_Denis/'],
['candes saint martin',2,'http://www.romanes.com/Candes/'],
['autun',2,'http://www.romanes.com/Autun'],
['cunault',1,'http://www.romanes.com/Cunault'],
['abbaye de citeaux',1,'http://www.romanes.com/Citeaux'],
['saint benoit sur loire',1,'http://www.romanes.com/Saint_Benoit_sur_Loire/'],
['chancelade',1,'http://www.romanes.com/Chancelade'],
['maillezais',1,'http://www.romanes.com/Maillezais/St_Nicolas/'],
['airvault',1,'http://www.romanes.com/Airvault'],
['sainte chapelle',1,'http://www.romanes.com/Paris/Sainte_Chapelle/'],
['sylvanes',1,'http://www.romanes.com/Sylvanes'],
['civray',1,'http://www.romanes.com/Civray'],
['Notre dame de Paris',1,'http://www.romanes.com/Paris/Notre_Dame_de_Paris/']
];

function mysortfn(a,b) {
  if (a[0].toLowerCase()<b[0].toLowerCase()) return -1;
  if (a[0].toLowerCase()>b[0].toLowerCase()) return 1;
  return 0;
}

skills.sort(mysortfn);
var cloud="<p class=\"j\">";
for (var i = 0; i < skills.length; i++) {
	cloud += "<a class=\"c"+skills[i][1]+"\" href=\""+skills[i][2]+"\">"+skills[i][0] + "</a> ";
}

$('cloud').innerHTML = cloud+"</p>";
//document.write('cloud');
//document.getElementById("cloud").innerHTML = cloud+"</p>";

/////////////////////////////////