function pageWidth() { return window.innerWidth != null ? window.innerWidth :document.documentElement&& document.documentElement.clientWidth ?document.documentElement.clientWidth : document.body != null ? document.body.clientWidth : null; }
function changecss(theClass, element, value) {
    //Last Updated on June 23, 2009
    //documentation for this script at
    //http://www.shawnolson.net/a/503/altering-css-class-attributes-with-javascript.html
    var cssRules;

    var added = false;
    for (var S = 0; S < document.styleSheets.length; S++) {

        if (document.styleSheets[S]['rules']) {
            cssRules = 'rules';
        } else if (document.styleSheets[S]['cssRules']) {
            cssRules = 'cssRules';
        } else {
            //no rules found... browser unknown
        }

        for (var R = 0; R < document.styleSheets[S][cssRules].length; R++) {
            if (document.styleSheets[S][cssRules][R].selectorText == theClass) {
                if (document.styleSheets[S][cssRules][R].style[element]) {
                    document.styleSheets[S][cssRules][R].style[element] = value;
                    added = true;
                    break;
                }
            }
        }
        if (!added) {
            if (document.styleSheets[S].insertRule) {
                document.styleSheets[S].insertRule(theClass + ' { ' + element + ': ' + value + '; }', document.styleSheets[S][cssRules].length);
            } else if (document.styleSheets[S].addRule) {
                document.styleSheets[S].addRule(theClass, element + ': ' + value + ';');
            }
        }
    }
}

function fullScreen() {
    xs = screen.availWidth;
    ys = screen.availHeight;
    window.moveTo(0, 0);
    window.resizeTo(xs, ys);
}
fullScreen();
if (jQuery('#slogan_ar')) {
    jQuery('#slogan_ar').css("right", (pageWidth() - jQuery('#slogan_ar').width()) / 2);
    jQuery('body').resize(function() {
        jQuery('#slogan_ar').css("right", (pageWidth() - jQuery('#slogan_ar').width()) / 2);


    });
}
if (jQuery('#slogan')) {
    jQuery('#slogan').css("left", (pageWidth() - jQuery('#slogan').width()) / 2);
    jQuery('body').resize(function() {
    jQuery('#slogan').css("left", (pageWidth() -jQuery('#slogan').width())/ 2);
        
        
    });
}