$(document).ready(function () {

    RemoveClassFromElement("body", "noscript");

});


function RemoveClassFromElement(element, className) {
    $(element).removeClass(className);
}

function RemoveText(element, defaultText) {

    if (element.value == defaultText)
        element.value = "";
}


function SetText(element, defaultText) {

    if (element.value == "")
        element.value = defaultText;
}


function ToggleDropDown(element) {

    //Assumes the following markup
    //<div class="contentBoxDropDown">
    //    <div class="contentBoxDropDownHeader">
    //        <h3>Some Title Here</h3>
    //        <div class="contentBoxDropDownHeaderRight" onclick="ToggleDropDown(this);">
    //            <span>&nbsp;</span>
    //        </div>
    //    </div>
    //    <div class="contentBoxDropDownContent">
    //        <div class="contentSection">
    //            <p>
    //                Content sits here
    //            </p>
    //        </div>
    //        <div class="clear"></div>
    //        <div class="contentBoxDropDownFooter">
    //            <div class="contentBoxDropDownFooterRight"></div>
    //        </div>
    //    </div>                                            
    //</div>

    var topElement = $(element).parent().parent().parent(); //work up to the main container

    if ($('.contentBoxDropDownContent', topElement).is(":hidden")) {
        $('.contentBoxDropDownHeaderWrapper', topElement).addClass("hover");
        $('.contentBoxDropDownContent', topElement).slideDown('slow', function () {
            $('.contentBoxDropDownHeaderRight > span', topElement).css('background-position', 'right bottom');
         });
    }
    else {
        
        $('.contentBoxDropDownContent', topElement).slideUp('slow', function () {
            $('.contentBoxDropDownHeaderRight > span', topElement).css('background-position', 'right top');
            $('.contentBoxDropDownHeaderWrapper', topElement).removeClass("hover");
        });        
    }
}