$(document).ready(function(){
    //take care of the stuff we dont need
    $('#subnav, #footer').hide();

    //define objects to modify
    var md = $('#mapdetails');
    var mdd = $('#mapdetails div');
    var ml = $('#maplocations li a');
    var bk = $('#back');
    var dur = 750;

    ml.each(function(){
        $(this).attr('title',$(this).html());
    });

    ml.click(function(){

        ti = ml.index(this); 
        mdd.hide().eq(ti).show();
        md.animate({left: 0},{queue:false, duration: dur});
        return false;
    });

    //when back is clicked
    bk.click(function(){
        md.animate({left: 750},{queue:false, duration: dur});
        return false;
    });
});