$(document).ready(function(){

    var $curr = $("#start");
    $curr.css("display", "block");

    $("#next-image").click(function () {

        $curr = $curr.next();
        $("li.image-item").css("display", "none");
        $curr.css("display", "block");

        var position = $('#image_info').text();

        gallery_copy(position,"up");


        return false;
    });


    $("#previous-image").click(function () {

        $curr = $curr.prev();
        $("li.image-item").css("display", "none");
        $curr.css("display", "block");




        var position = $('#image_info').text();

        gallery_copy(position,"down");





        return false;
    });

    function gallery_copy(copy,mode){

        var position = $('#image_info').text();

        position = position.split(" of ");

        if(mode == "up"){
            var new_string = (parseInt(position[0])+parseInt(1))+" of "+position[1];
            var actualposition = parseInt(position[0])+parseInt(1);
        }

        if(mode == "down"){
            var new_string = (parseInt(position[0])-parseInt(1))+" of "+position[1];
            var actualposition = parseInt(position[0])-parseInt(1);
        }


        $("#image_info").empty();
        $("#image_info").append(new_string);



        if(actualposition == position[1]){
            $('#next-image').hide();
        }

        if(actualposition != position[1]){
            $('#next-image').show();
        }

        if(actualposition == parseInt(1)){
            $('#previous-image').hide();
        }

        if(actualposition != parseInt(1)){
            $('#previous-image').show();
        }





    }



});