/* 
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */
var clickChange = 1;
var pict = [
    {desc:'Rocky Mountain',
     ldsc: 'Rocky Mountain captured in twilight',
     image:'../images/rockies.png',
     img:''
    },
    {desc:'',
     ldsc: '',
     image:'../images/glyb1.png',
     img:''
    },
    {desc:'',
     ldsc: '',
     image:'../images/glyb2.png',
     img:''
    },
    {desc:'',
     ldsc: '',
     image:'../images/glyb3.png',
     img:''
    },
    {desc:'',
     ldsc: '',
     image:'../images/glyb4.png',
     img:''
    },
    {desc:'',
     ldsc: '',
     image:'../images/glyb5.png',
     img:''
    },
    {desc:'',
     ldsc: '',
     image:'../images/glyb6.png',
     img:''
    }
];

window.onload = function(){
    for(var y = 0; y<pict.length; y++)
        {
            pict[y].img = new Image();
            pict[y].img.src = pict[y].image;
        }
}

function clickNext()
{
    if (clickChange < (pict.length))
        {
          changeImage(pict[clickChange]);
          clickChange +=1;
        }
}

function clickPrevious()
{
    if (clickChange > 0)
        {
          clickChange -=1;
          changeImage(pict[clickChange]);
        }
}

function changeImage(obj)
{
    document.rollImage.src = obj.img.src;
    document.getElementById("text").innerHTML = obj.ldsc;
    document.getElementById("image-desc").innerHTML = obj.desc;
}