var state = 0;
var slide_image = document.getElementById('slide_image');
var slide_text = document.getElementById('slide_text');
var slide_read;

window.onload = function() {
    load_slideshow();
    load_slide();
}

function load_slideshow() {
    for(var i=0; i<5; i++) {
        slideshow[i].image = new Image(320, 262);
        slideshow[i].image.src = slideshow[i].image_loc;
    }
    slide_read = document.createElement('div');
    slide_read.setAttribute('id','read');
}

function load_slide() {
    if(state>4 || state < 0)
        state = 0;
    var cur_slide = slideshow[state];
    slide_image.innerHTML = "";
    slide_image.appendChild(cur_slide.image);
    if (cur_slide.title)
        slide_text.innerHTML = "<span class='slide_title'>"+cur_slide.title+"</span><br>"+cur_slide.text;
    else
        slide_text.innerHTML = cur_slide.text + cur_slide.end_home;

    if (cur_slide.read) {
        slide_read.style.visibility = 'visible';
        slide_text.appendChild(slide_read);
        slide_read.onclick = function() {
            window.location = cur_slide.read; };
    }
    else
        slide_read.style.visibility = 'hidden';
}

function next_slide() {
    if(state<4)
        state++;
    else
        state = 0;
    load_slide();
}

function prev_slide() {
    if(state>0)
        state--;
    else
        state = 4;
    load_slide();
}