function loadXMLDoc(dname) 
{
var xmlDoc;
if (window.XMLHttpRequest)
  {
  xmlDoc=new window.XMLHttpRequest();
  xmlDoc.open("GET",dname,false);
  xmlDoc.send("");
  return xmlDoc.responseXML;
  }
// IE 5 and IE 6
else if (ActiveXObject("Microsoft.XMLDOM"))
  {
  xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
  xmlDoc.async=false;
  xmlDoc.load(dname);
  return xmlDoc;
  }
alert("Error loading document");
return null;
}
Event.observe(window, 'loads', function() {	
		xmlDoc = loadXMLDoc('images/gallery.xml');
		var xml_gallery_sum = xmlDoc.getElementsByTagName("banner").length;	
	//	var body = document.getElementsByTagName("body")[0];
		for (var i=0; i<xml_gallery_sum; i++){
			var row = xml_gallery_sum / 3;
	//		for (var a=1; a<row; a++){
			var gallery = xmlDoc.getElementsByTagName("banner")[i];
			var xml_image = gallery.getElementsByTagName("logo")[0].childNodes[0].nodeValue;
			var xml_name = gallery.getElementsByTagName("name")[0].childNodes[0].nodeValue;
			var xml_date = gallery.getElementsByTagName("date")[0].childNodes[0].nodeValue;
			var xml_company = gallery.getElementsByTagName("company")[0].childNodes[0].nodeValue;
			var xml_client = gallery.getElementsByTagName("client")[0].childNodes[0].nodeValue;
			
			var table = document.createElement("table");
			var tbody = document.createElement("tbody");
			var row = document.createElement("tr");
			var cella = document.createElement("td");
			
			var div = document.createElement("div");
			div.setAttribute('class','logas');
			var cell = document.createElement("div");
			cell.setAttribute('class','aukstis');
			var im = document.createElement("img");
			im.setAttribute('src','images/'+xml_image);
			im.setAttribute('style','display:none');
			im.setAttribute('id','image'+i);
			cell.appendChild(im);
			var cell2 = document.createElement("div");
			cell2.setAttribute('class','blokas');
			var cell3 = document.createElement("div");
			cell3.setAttribute('class','blokas');
			var cell4 = document.createElement("div");
			cell4.setAttribute('class','blokas');
			var cell5 = document.createElement("div");		
			cell5.setAttribute('class','blokas');
      var cellText2 = document.createTextNode(xml_name);
      var cellText3 = document.createTextNode("created: "+xml_date);
      var cellText4 = document.createTextNode("company: "+xml_company);
      var cellText5 = document.createTextNode("client: "+xml_client);
     	cell2.appendChild(cellText2);
     	cell3.appendChild(cellText3);
     	cell4.appendChild(cellText4);
     	cell5.appendChild(cellText5);
			div.appendChild(cell);
			div.appendChild(cell2);
			div.appendChild(cell3);
			div.appendChild(cell4);
			div.appendChild(cell5);
			cella.appendChild(div);
			row.appendChild(cella);
			tbody.appendChild(row);
			table.appendChild(tbody);
			$('content').appendChild(div);
//		}
		}
	});
	
Event.observe(window, 'load',function() { 
	var divs;
	divs = $$(".logas");
	divs.each(function(div) { 
		var queue1, queue2;
		queue1 = {'scope': 'q' + div.identify(), 'position': 'start'}; 
		queue2 = {'scope': 'q' + div.identify(), 'position': 'end'}; 
		div.observe('mouseenter', function(event) {
		div.down('img').appear({ duration: 0.5, queue: queue1})
		});
		div.observe('mouseleave', function(event) { 
			div.down('img').fade({ duration: 0.8, queue: queue2})
		})	
})
})