var GATEWAY_PATH = "gateway";
var GLOBAL_PATH = "global";

/// TODO - into the $(document).ready() event rather than calling direct

function loadCss(version, isGatewayPage) {

    var localPath = isGatewayPage ? GATEWAY_PATH : GLOBAL_PATH;

    if (true == $.browser.msie) {
        addCss('ie.css', version, localPath);
        if (isGatewayPage) addCss('gateway_pod_ie.css', version, localPath);
    }
    else if (true == $.browser.mozilla && $.browser.version > '1.9.1') {
        addCss('ff3.5.css', version, localPath);
    }
    else if (navigator.userAgent.toLowerCase().indexOf('chrome') > -1) {
        addCss('chrome.css', version, localPath);
    }
    else if (navigator.userAgent.toLowerCase().indexOf('safari') > -1) {
        addCss('safari.css', version, localPath);
    };
};

function addGatewayCss(file, version) {
    addCss(file, version, GATEWAY_PATH);
};

function addGlobalCss(file, version) {
    addCss(file, version, GLOBAL_PATH);
};

function addCss(file, version, localPath) {
    var CSS_FORMAT = '<link rel="stylesheet" type="text/css" href="{0}client/{1}/css/{2}?v={3}" media="screen" />';
    var html = doStringFormat(CSS_FORMAT, [APP_ROOT, localPath, file, version]);
    $('head').append(html);
};