var item_width = 50;
var scroll_distance = (item_width/2);
var max_scroll = 0;
//var current_position = -6;


$(document).ready(function() {

    $("#personeel_spinner").css("width", personeel_spinner_width);
    max_scroll = $("#personeel_spinner").width() - $("#container_personeel").width();
    if(max_scroll<0) max_scroll = 0;    
    
    set_position(current_position);
    
    
    $('#personeel_spinner_wrapper .btn_next').click(function() {
        total_amount = (Math.round($("#personeel_spinner").width()/scroll_distance)) - 11;
        total_amount = total_amount - total_amount - total_amount;
        
        if(current_position > total_amount) {        
            current_position = current_position -1;
            set_position(current_position);
        }
    });
    
    $('#personeel_spinner_wrapper .btn_prev').click(function() {
        if(current_position < 0) {
            current_position = current_position +1;
            set_position(current_position);
        }
    });

    $('#container_personeel').mousewheel(function(event, delta) {
        event.preventDefault();
        
        var left = $("#personeel_spinner").css("left").slice(0, -2);
        var new_left = (parseInt(left)+(delta*scroll_distance));
        if(new_left>0) new_left = 0;
        
        if((new_left*-1) > max_scroll) new_left = max_scroll*-1;
        
        current_position = Math.round(new_left/scroll_distance);
        set_position(current_position);
        
        return false; // prevent default
    });

});

function set_position(pos) {
    
    var new_left = (pos * scroll_distance);
    $("#personeel_spinner").css("left", new_left+"px");
    
    var name = $("a.personeel_spinner_item:eq("+(pos*(-1))+")").attr("title");
    $("#personeel_label").html(name);
    $("a.personeel_spinner_item").css("z-index", 0).find('div').css("opacity", "0.0");
    
    $("a.personeel_spinner_item:eq("+((pos-3)*(-1))+")").css("z-index", 1).find('div').css("opacity", "0.4");
    $("a.personeel_spinner_item:eq("+((pos-2)*(-1))+")").css("z-index", 2).find('div').css("opacity", "0.6");
    $("a.personeel_spinner_item:eq("+((pos-1)*(-1))+")").css("z-index", 3).find('div').css("opacity", "0.7");
    $("a.personeel_spinner_item:eq("+(pos*(-1))+")").css("z-index", 4).find('div').css("opacity", "1");
    $("a.personeel_spinner_item:eq("+((pos+1)*(-1))+")").css("z-index", 3).find('div').css("opacity", "0.7");
    $("a.personeel_spinner_item:eq("+((pos+2)*(-1))+")").css("z-index", 2).find('div').css("opacity", "0.6");
    $("a.personeel_spinner_item:eq("+((pos+3)*(-1))+")").css("z-index", 1).find('div').css("opacity", "0.4");
    
    
    
    
    $("a.personeel_spinner_item:eq("+((pos-3)*(-1))+")").find("div").css("height", "119px").css("margin-top","21px");
    $("a.personeel_spinner_item:eq("+((pos-2)*(-1))+")").find("div").css("height", "126px").css("margin-top","14px");
    $("a.personeel_spinner_item:eq("+((pos-1)*(-1))+")").find("div").css("height", "133px").css("margin-top","7px");
    $("a.personeel_spinner_item:eq("+(pos*(-1))+")").find("div").css("height", "140px").css("margin-top","0px");
    $("a.personeel_spinner_item:eq("+((pos+1)*(-1))+")").find("div").css("height", "133px").css("margin-top","7px");
    $("a.personeel_spinner_item:eq("+((pos+2)*(-1))+")").find("div").css("height", "126px").css("margin-top","14px");
    $("a.personeel_spinner_item:eq("+((pos+3)*(-1))+")").find("div").css("height", "119px").css("margin-top","21px");
}