function galleryLoad()
{
    img=document.getElementById("image");cap=document.getElementById("caption");
    img.src=images[0].url;cap.innerHTML=images[0].caption

    var text="<ul>"
    for (var i=1; i<Math.min(22,images.length); i++)
        {text=text+"<li><img src="+images[i].url+" cap=\""+images[i].caption+"\" alt=\"\" /></li>"}
    text=text+"</ul>"    
    document.getElementById("left").innerHTML=text

    var text="<ul>"
    for (var i=22; i<images.length; i++)        
        {text=text+"<li><img src="+images[i].url+" cap=\""+images[i].caption+"\" alt=\"\" /></li>"}
    text=text+"</ul>"
    document.getElementById("right").innerHTML=text

    var leftimgs = document.getElementById("left").getElementsByTagName("img");
    var rightimgs = document.getElementById("right").getElementsByTagName("img");	
	for (var i=0; i<leftimgs.length; i++) {
			leftimgs[i].onmouseover=function() {
                        img.src=this.getAttribute('src');cap.innerHTML=this.getAttribute('cap')
			}}
        for (var i=0; i<rightimgs.length; i++) {
			rightimgs[i].onmouseover=function() {
                        img.src=this.getAttribute('src');cap.innerHTML=this.getAttribute('cap')				
			}}
}


function mouseOut()
{
    img.src=images[0].url;cap.innerHTML=images[0].caption
}

window.onload=galleryLoad