$(document).ready(function(){

    $('a').live('click',function(e){
        if($(this).attr('href')=="#")
            e.preventDefault();
    });

    //    Noms des items dans un array
    var itemsArray = ['cosmodome','le-lait','digital-marketing','mediative','battle-for-beauty','videotron-facebook-demenagement','rona-mag','msn-get-toasted','bubble-shout','ambulance-demers','boutique-jacob-facebook']

    // initialize scrollable
    $(".slideshow").scrollable({
        circular : true
    });

    // get access to the scroll API
    var api = $(".slideshow").data("scrollable");

    //    Au loading de la page, vérifier s'il y a une value dans le URL. Déplacer le scroll à l'image correspondate à la value
    function checkValueURL(){
        if($.address.value())
        {
            var valueItem = $.address.value().replace('/', '');
            var indexItem =  jQuery.inArray( valueItem, itemsArray );
            if(indexItem == -1)
            {
                api.seekTo(0);
            }
            else{
                
               api.seekTo(indexItem);
            }
        }
        else{
            api.seekTo(0);
        }
    }

//    Back et Forward button, vérifier s'il y a une value dans le URL. Déplacer le scroll à l'image correspondate à la value
    $.address.change(function(event) {
         checkValueURL();
    });

//    Sur changement du scroll, changer la value du URL
    api.onSeek(function() {
        var indexItem = api.getIndex();
        var valueItem = itemsArray[indexItem];

        $.address.value(valueItem);
    });

});