// hashspslider v0.9 by manuel huegel, copyright 2010
// mgoys.com


$(document).ready(function() {

    //get width and height of the wrapper and give it to the UL	
    var wrapperwidth = $('#spslider2').width() * $('#spslider2 ul > li').size();
    $('#spslider2 ul').css('width', wrapperwidth);
    var wrapperheight = $('#spslider2').height();
    $('#spslider2 ul').css('height', wrapperheight);

    //set my li width
    var width = $('#spslider2').width();
    $('#spslider2 ul li').css('width', width);

    //set my counter vars
    var counter = $('#spslider2 ul > li').size();
    var decount = 1;
    var autocount = 1;

    //create my number navigation
    var createNum = 1;
    $('#numbers2 li:first-child').html(createNum).addClass('activenum2').attr('id', 'id1');
    var j = 0;
    for (j = 0; j < counter - 1; j++) {
        $('#numbers2 li:last-child').after('<li>  </li>');
        createNum++;
        $('#numbers2 li:last-child').html(createNum);
        $('#numbers2 li:last-child').attr('id', 'id' + createNum);
    }
    //get my number-width (number navigation should always be centered)
    var numwidth = $('#numbers2 li:first-child').width() * $('#numbers2 li').size();
    $('#numbers2').css('width', numwidth);


    //slide the button to the next item
    function goNext() {
        if (decount != counter) {
            $('#spslider2 ul').animate({ left: '-=' + $('#spslider2').width() }, 400, 'swing', function() { });
            $('.activenum2').removeClass('activenum2').next().addClass('activenum2');
            decount++;
            // window.location.hash = decount;
        }
    }

    function goBack() {
        if (decount != 1) {
            $('#spslider2 ul').animate({ left: '+=' + $('#spslider2').width() }, 400, 'swing', function() { });
            $('.activenum2').removeClass('activenum2').prev().addClass('activenum2');
            decount--;
            //window.location.hash = decount;
        }
    }

    //make the number clickable
    $("#numbers2 li").click(function() {
        //$('#info4').html( $(this).html() ); 
        var clickednum = $(this).html() * -$('#spslider2').width() + $('#spslider2').width();
        //$('#info4').html( clickednum );
        $('#spslider2 ul').animate({ left: clickednum }, 400, 'swing', function() { });
        $('.activenum2').removeClass('activenum2');
        $(this).addClass('activenum2');
        decount = $(this).html();
        //window.location.hash = $(this).html();	
    });


    //get my clickers
    $("#right2").click(function() { goNext(); });
    $("#left2").click(function() { goBack(); });

    //get mousewheel function
    // $("#spslider2 ul").mousewheel(function(event, delta) { if (delta > 0) { goBack(); event.stopPropagation(); event.preventDefault(); } });
    // $("#spslider2 ul").mousewheel(function(event, delta) { if (delta < 0) { goNext(); event.stopPropagation(); event.preventDefault(); } });


});