$(function() {
    function set_screenshot(src) {
        $('#screenshot').get(0).src = src;
    };
    
    function select_city(el) {
        $('.city').removeClass('active');
        $(el).addClass('active');
        var city_name = $(el).text();
        var src = "images/screenshots/"+city_name.toLowerCase().replace(' ','_').replace('/','_') + '.png';
        set_screenshot(src);
        return city_name;
    }
    
    $('.city').click(function() {
        var name = select_city(this);
        track_click('City',name);
    });
    
    $('.pager').click(function() {
        var f = $('#features');
        f.animate({scrollLeft:(f.get(0).scrollLeft==0) ? 500 : 0},500); 
    });
    
    $('.feature img').click(function() {
        var src = "images/screenshots/"+this.id+'.png';
        set_screenshot(src);
        track_click('Feature',this.id);
    });
    
    var i = Math.floor(Math.random() * $('.city').length);
    select_city($('.city').get(i));
})

function track_click(name,details) {
    pageTracker._trackEvent("Clicks", name, details);
    return true;
}