//************* DETECT BROWSER ******************
function TypeofBrowser(){
    var browser     = '';
    var version     = '';
    var entrance    = '';
    var cond        = '';

    if (browser == ''){
        if (navigator.appName.indexOf('Microsoft') != -1)
            browser = 'IE'
        else if (navigator.appName.indexOf('Netscape') != -1)
            browser = 'Netscape'
        else browser = 'IE';
    }
    if (version == ''){
        version= navigator.appVersion;
        paren = version.indexOf('(');
        whole_version = navigator.appVersion.substring(0,paren-1);
        version = parseInt(whole_version);
    }
    return browser;
}

function ArrangeBackgrounds(maxWidth,maxHeight,topHeight,leftWidth) {
    var myWidth = document.body.clientWidth;
    var myHeight = document.body.clientHeight;

    var mySide = (myWidth-maxWidth)/2;
    var myTops = (myHeight-maxHeight)/2;
    var myDivWidthMinus= mySide-leftWidth;
    var myDivHeightMinus = myTops-topHeight;

    document.getElementById('top').style.height=myTops;
    document.getElementById('top1').style.height=myTops;
    document.getElementById('top2').style.top=myDivHeightMinus;
    document.getElementById('bottom').style.height=myTops;
    document.getElementById('bottom1').style.height=myTops;
    document.getElementById('left1').style.width=mySide;
    document.getElementById('left1').style.height=myHeight;
    document.getElementById('left2').style.left=myDivWidthMinus;
    document.getElementById('left2').style.top=myDivHeightMinus;
    document.getElementById('right1').style.height=myHeight;
    document.getElementById('right2').style.top=myDivHeightMinus;

    var myFacebookLeft = 825;
    var myFacebookTop = 497;
    var myTwitterLeft = 855;
    var myTwitterTop = 495;
    var myYouTubeLeft = 884;
    var myYouTubeTop = 493;
    var myFlickrLeft = 913;
    var myFlickrTop = 490;

    document.getElementById('layer_facebook').style.left=myFacebookLeft+mySide;
    document.getElementById('layer_facebook').style.top=myFacebookTop+myTops;
    document.getElementById('layer_twitter').style.left=myTwitterLeft+mySide;
    document.getElementById('layer_twitter').style.top=myTwitterTop+myTops;
    document.getElementById('layer_youtube').style.left=myYouTubeLeft+mySide;
    document.getElementById('layer_youtube').style.top=myYouTubeTop+myTops;
    document.getElementById('layer_flickr').style.left=myFlickrLeft+mySide;
    document.getElementById('layer_flickr').style.top=myFlickrTop+myTops;
}

function imgHi(imgName,imgDir,imgExt) {
         if (imgDir!='') {
             document[imgName].src= "images/" + imgDir + "/" + imgName + "_hi." + imgExt;
         } else {
             document[imgName].src= "images/" + imgName + "_hi." + imgExt;
         }
}

function imgLow(imgName,imgDir,imgExt) {
        if (imgDir!='') {
            document[imgName].src= "images/" + imgDir + "/" + imgName + "_lo." + imgExt;
        } else {
            document[imgName].src= "images/" + imgName + "_lo." + imgExt;
        }
}