var personalise_control_height;

$(document).ready(function() {
    $('#personalise-inner br').hide();
    personalise_control_height = $('#Personalise-Control').height();

    $('#ctl00_MainContent_PersonaliseControl1_rdblstFontSize label, #ctl00_MainContent_PersonaliseControl1_rdblstSiteColor label').hide();
    
    // dont show this if we are currently on the Personalise page
    if (document.location.href.indexOf('/personalise') == -1) {
        // set the height variable (plus border)
        $('#Personalise-Control').insertBefore($('#container'));

        $('#Personalise-Control').css({ 'height': '0', 'overflow-y': 'hidden' });
        //$('#Personalise-Control').css({'display': 'block'}); //uncomment for testing

        // set the styled form elements
        $('#Personalise-Control input[type=radio]').each(function() {
            $(this).addClass('styled');
        });

        // change the display options action
        $('.open_link.acessibility-link').attr('href', 'javascript:openDisplayOptions();');
 
    } else {
        $('.settings-page input[type=radio]').each(function() { $(this).addClass('styled'); });
        //$(".settings-page .inner-personalise").removeAttr("class");
    }
});

function openDisplayOptions() {
    $('.open_link.acessibility-link').css('opacity', '0.5');
    $('#Personalise-Control').css('display', 'block');
    $('#Personalise-Control').animate({
        height: personalise_control_height + 'px'
    }, 500);
}

function closeDisplayOptions() {
    $('#Personalise-Control').animate({
        height: '0px'
    }, 500, function() {
        $('.open_link.acessibility-link').css('opacity', '1');
        $(this).css('display', 'none');
    });
}