/*################################################################################
##################################################################################
####  Page Scripts                                                            ####
####  Requires: jQuery                                                        ##*/


/*################################################################################
##################################################################################
####  FUNCTION: SetFontSizeClass                                              ####
####  Takes the given class name and assigns it to the document body          ####
####  Updates the SESSION value so the font size transfers between pages      ##*/
function SetFontSizeClass(ClassName, ID){
    jQuery.get(         '/services/set-font-size.php',
                        {'FontClass': ClassName},
                        function(data, textStatus){
                            jQuery("body").removeClass()
                                .addClass(ClassName);
                            if(ID == "SelectorSize1"){
                                jQuery("div#SelectorSize1").removeClass("SelectorSize1_Inactive").addClass("SelectorSize1_Active");
                            } else {
                                jQuery("div#SelectorSize1").removeClass("SelectorSize1_Active").addClass("SelectorSize1_Inactive");
                            }
                            if(ID == "SelectorSize2"){
                                jQuery("div#SelectorSize2").removeClass("SelectorSize2_Inactive").addClass("SelectorSize2_Active");
                            } else {
                                jQuery("div#SelectorSize2").removeClass("SelectorSize2_Active").addClass("SelectorSize2_Inactive");
                            }
                            if(ID == "SelectorSize3"){
                                jQuery("div#SelectorSize3").removeClass("SelectorSize3_Inactive").addClass("SelectorSize3_Active");
                            } else {
                                jQuery("div#SelectorSize3").removeClass("SelectorSize3_Active").addClass("SelectorSize3_Inactive");
                            }
                        }
        );
}


/*################################################################################
##################################################################################
####  Assigns the click events to the font selectors                          ####
####                                                                          ##*/
jQuery("window").ready(
    function(){
        jQuery("div#SelectorSize1").click(
            function(){
                SetFontSizeClass("Size1", "SelectorSize1");
            }
        );
        
        jQuery("div#SelectorSize2").click(
            function(){
                SetFontSizeClass("Size2", "SelectorSize2");
            }
        );
        
        jQuery("div#SelectorSize3").click(
            function(){
                SetFontSizeClass("Size3", "SelectorSize3");
            }
        );
    }
);



/*################################################################################
##################################################################################
####  Faded look overlay                                                      ####
####                                                                          ##*/
jQuery("window").ready(
    function(){
        //Background Fade Overlay Image
        if(jQuery("div#MiddleContainerAdditionalBackground").css("backgroundImage")){
            //progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src=' + match[1] + ',sizingMethod=scale);
            if(jQuery.browser.msie){
                jQuery("div#MiddleContainerAdditionalBackground").css("filter", "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src='/images/ie-overlay.png',sizingMethod=crop)");
            } else {
                jQuery("div#MiddleContainerAdditionalBackgroundOverlay").css("backgroundImage", "url(/images/overlay.png)");
            }
        }
    }
);