var xml;
var x,nx;
var anim;
window.onload = function() {
	var a = new Ajax.Request("content.xml", {
	  method: 'get',
	  onSuccess: function(transport) {
		xml = transport.responseXML;
		var site = xml.getElementsByTagName('site')[0]; 
		var nodes = [];
		var inner = "";
		for (var i=0; i < site.childNodes.length; i++) {
			if (site.childNodes[i].nodeName != "#text") nodes.push(site.childNodes[i]);
		}
		for (var i=0; i<nodes.length; i++) {
			inner += "<div class='entry' id='e"+i+"'>\n";
			var imgsrc = nodes[i].getElementsByTagName('src')[0].firstChild.nodeValue;
			inner += "\t<div class='image'><img src='"+imgsrc+"' /></div>\n";
			if (nodes[i].getElementsByTagName('desc')[0].firstChild) {
				var imgdesc = nodes[i].getElementsByTagName('desc')[0].firstChild.nodeValue;
				inner += "\t<div class='description'>"+imgdesc+"</div>\n";
			}
			inner += "</div>\n";
		}
		var wr = $('wrapper');
		wr.innerHTML = inner + wr.innerHTML;
	  } 
	});
}

function openIssue() {
	var w = window.open("issue1.html","issue1",'menubar=0,resizable=1,scrollbars=1, width='+screen.availWidth+', height='+screen.availHeight);
	w.moveTo(0,0);
}

function scrollToEntry(entry) {
	new Effect.ScrollTo("e"+entry,{offset: -30});
	return false;	
}

/*
function scrollToEntry(entry) {
	var el = $('e'+entry);
	var x = Position.cumulativeOffset(el)[0]-379;
	nx = getViewportScrollX();
	if (anim) clearInterval(anim);
	anim = setInterval(function() {
		nx += (nx > x) ? (nx-x)/4 : (x-nx)/4 ;
		window.scrollTo(nx,0);
		if (nx>x-1) clearInterval(anim);
	},20);
}
*/

getViewportScrollX = function() {
    var scrollX = 0;
    if( document.documentElement && document.documentElement.scrollLeft ) {
        scrollX = document.documentElement.scrollLeft;
    }
    else if( document.body && document.body.scrollLeft ) {
        scrollX = document.body.scrollLeft;
    }
    else if( window.pageXOffset ) {
        scrollX = window.pageXOffset;
    }
    else if( window.scrollX ) {
        scrollX = window.scrollX;
    }
    return scrollX;
},

getViewportScrollY = function() {
    var scrollY = 0;
    if( document.documentElement && document.documentElement.scrollTop ) {
        scrollY = document.documentElement.scrollTop;
    }
    else if( document.body && document.body.scrollTop ) {
        scrollY = document.body.scrollTop;
    }
    else if( window.pageYOffset ) {
        scrollY = window.pageYOffset;
    }
    else if( window.scrollY ) {
        scrollY = window.scrollY;
    }
    return scrollY;
}