var CALENDAR = '#CalendarPlace';
var chartPlace = '#chartPlace';
var menuTopChart = '#menuTopChart';
var menuTopRoulette = '#menuTopRoulette';
var menuLeftChart = '#menuLeftChart';
var menuLeftRoulette = '#menuLeftRoulette';

function spinner(div){$j(div).html('<div style="width:35px;margin:55px auto;"><img src="/images/sys/spinner.gif"/></div>');return true;}

function updateChart(){
    spinner(chartPlace);
    var data = $j(CALENDAR).datepicker('getDate');
    var url = "/cmsRocks/ajax?day="+data.getDate()+"&month="+data.getMonth()+"&year="+data.getFullYear();
    //alert(url);
    $j.ajax({type:"POST",url:url,success:function(result){
            if(result)  {$j(chartPlace).html(result);}
                else    {alert('Ajax Request Error!');}
        }
    });
    return true;
}

function initDatepicker(data){
    //alert(data);
    $j(CALENDAR).datepicker({
        dateFormat: 'dd/mm/yy',
        onSelect: function() {updateChart();}
    });
    $j(CALENDAR).datepicker('setDate', data);
    return true;
}

$j(document).ready(function(){
    $j(menuTopChart).hide();
    $j(menuLeftRoulette).hide();
    $j(menuTopRoulette).click(function(){
        $j(menuTopChart).show();
        $j(menuLeftChart).hide();
        $j(menuTopRoulette).hide();
        $j(menuLeftRoulette).show();
    });
    $j(menuTopChart).click(function(){
        $j(menuTopChart).hide();
        $j(menuLeftChart).show();
        $j(menuTopRoulette).show();
        $j(menuLeftRoulette).hide();
    });
});