// 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 = $('#spslider').width() * $('#spslider ul > li').size();
    $('#spslider ul').css('width', wrapperwidth);
    var wrapperheight = $('#spslider').height();
    $('#spslider ul').css('height', wrapperheight);

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

    //set my counter vars
    var counter = $('#spslider ul > li').size();
    var decount = 1;
    var autocount = 1;
    //create my number navigation
    var createNum = 1;
    $('#numbers li:first-child').html(createNum).addClass('activenum').attr('id', 'id1');
    var j = 0;
    for (j = 0; j < counter-1; j++) {
        $('#numbers li:last-child').after('<li>  </li>');
        createNum++;
        $('#numbers li:last-child').html(createNum);
        $('#numbers li:last-child').attr('id', 'id' + createNum);
    }
    /*
    
    }*/

    //get my number-width (number navigation should always be centered)
    var numwidth = $('#numbers li:first-child').width() * $('#numbers li').size();
    $('#numbers').css('width', numwidth);


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

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

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


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

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


});