var timer;
var initvalue = 1;
var value = 0;
function moveLeft() {
    run();
    value = initvalue * -1;
}
function moveRight() {
    run();
    value = initvalue;
}
function stopMove() {
    value = 0;
    clearTimeout(timer);
}
function run() {
    document.getElementById("pic_content").scrollLeft += value;
    timer = setTimeout("run()", 10);
}

function runPic(n) {


    var i = 0;
    var scrollSpeed = 3000;
    var scrollLength = $(".scrollpic").length;
    imageauto = setInterval(
	   function() {
	       if (i == scrollLength || n >= scrollLength) { i = 0; n = 0 }
	       if (typeof (n) != "undefined") { i = n; n++ }
	       setImage(i);
	       i++;
	   }, scrollSpeed);
}
function setImage(i) {
    var link = $(".scrollpic img").eq(i).attr("longdesc");
    var linkname = $(".scrollpic img").eq(i).attr("alt");
    $(".scrollpic").removeClass("sel");
    $(".scrollpic").eq(i).addClass("sel");
    var picture = $(".scrollpic img").eq(i).attr("src").replace("small", "big");
    $("#bigPicture").html("<a href='" + link + "' target='_blank'><img alt='" + linkname + "' src='" + picture + "' /></a><p>" + linkname + "</p>");
}

runPic();
$(".scrollpic").click(function() {
    setImage($(".scrollpic").index(this));
    clearInterval(imageauto);
    runPic($(".scrollpic").index(this) + 1);
})