picture_width = '737';
img_arr = '';

initialize = function(jump) {
	img_arr = $('images').getElementsByTagName('img');

    $('prev_pic').onclick = function() {
    	slideTo('prev'); return false;
    }

    $('next_pic').onclick = function() {
    	slideTo('next'); return false;
    }
    
    if(jump != '') {
    	slideTo('thumb' + (jump-1));
    } else {
    	slideTo('thumb0');
    }
}


current = 0;
active = false;

slideTo = function(id) {
    if(!active) {
        active = true;

        if(id == 'prev' || id == 'next') {
            if(id == 'prev') {
            	id = current - 1;
            }
            if(id == 'next') {
            	id = current + 1;
            }
        } else {
			id = parseInt(id.replace(/thumb/, ''));
		}

        
        document.getElementById('prev_pic').style.visibility = "visible";
        document.getElementById('next_pic').style.visibility = "visible";

        if(id <= 0) {
            id = 0;
            
            document.getElementById('prev_pic').style.visibility = "hidden";
        }

        if(id >= (img_arr.length-1)) {
            document.getElementById('next_pic').style.visibility = "hidden";
            id = (img_arr.length - 1);
        }

        new_width = id * picture_width;

        $('images').morph('left:-' + new_width + 'px', {
            duration:0.7,
            afterFinish:function() {
                active = false;
            }
        });

        current = id;
    }
}