//<![CDATA[
$(document).ready(function() {
    
    // Top Navigational elements
    $("#topNav li.home a, #logo").mouseover(function() {
        $("#topNav li.home").addClass('homeOver');
    });
    $("#topNav li.home a, #logo").mouseout(function() {
        $("#topNav li.home").removeClass('homeOver');
    });
    $("#topNav li.capabilities a").mouseover(function() {
        $("#topNav li.capabilities").addClass('capabilitiesOver');
    });
    $("#topNav li.capabilities a").mouseout(function() {
        $("#topNav li.capabilities").removeClass('capabilitiesOver');
    });
    $("#topNav li.industries a").mouseover(function() {
        $("#topNav li.industries").addClass('industriesOver');
    });
    $("#topNav li.industries a").mouseout(function() {
        $("#topNav li.industries").removeClass('industriesOver');
    });
    $("#topNav li.approach a").mouseover(function() {
        $("#topNav li.approach").addClass('approachOver');
    });
    $("#topNav li.approach a").mouseout(function() {
        $("#topNav li.approach").removeClass('approachOver');
    });
    $("#topNav li.caseStudies a").mouseover(function() {
        $("#topNav li.caseStudies").addClass('caseStudiesOver');
    });
    $("#topNav li.caseStudies a").mouseout(function() {
        $("#topNav li.caseStudies").removeClass('caseStudiesOver');
    });
    $("#topNav li.ourEthos a").mouseover(function() {
        $("#topNav li.ourEthos").addClass('ourEthosOver');
    });
    $("#topNav li.ourEthos a").mouseout(function() {
        $("#topNav li.ourEthos").removeClass('ourEthosOver');
    });
    $("#topNav li.contact a").mouseover(function() {
        $("#topNav li.contact").addClass('contactOver');
    });
    $("#topNav li.contact a").mouseout(function() {
        $("#topNav li.contact").removeClass('contactOver');
    });
    // End of top Navigational elements
    
    $("div#socialMedia div#blog a").mouseover(function() {
        $("div#socialMedia div.socialMediaRollover.blog").css('visibility', 'visible');
    });
    $("div#socialMedia div#blog a").mouseout(function() {
        $("div#socialMedia div.socialMediaRollover.blog").css('visibility', 'hidden');
    });
    $("div#socialMedia div#facebook a").mouseover(function() {
        $("div#socialMedia div.socialMediaRollover.facebook").css('visibility', 'visible');
    });
    $("div#socialMedia div#facebook a").mouseout(function() {
        $("div#socialMedia div.socialMediaRollover.facebook").css('visibility', 'hidden');
    });
    $("div#socialMedia div#twitter a").mouseover(function() {
        $("div#socialMedia div.socialMediaRollover.twitter").css('visibility', 'visible');
    });
    $("div#socialMedia div#twitter a").mouseout(function() {
        $("div#socialMedia div.socialMediaRollover.twitter").css('visibility', 'hidden');
    });
    
});

$(window).resize(function() {
    resizeWindow(browserWidth, scrollbarWidth);
});

function getViewport() {

    var viewPortWidth;
    var viewPortHeight;

    // the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight
    if (typeof window.innerWidth != 'undefined') {
        viewPortWidth = window.innerWidth,
        viewPortHeight = window.innerHeight
    }

    // IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)
    else if (typeof document.documentElement != 'undefined'
        && typeof document.documentElement.clientWidth !=
        'undefined' && document.documentElement.clientWidth != 0) {
        viewPortWidth = document.documentElement.clientWidth,
        viewPortHeight = document.documentElement.clientHeight
    }

    // older versions of IE
    else {
        viewPortWidth = document.getElementsByTagName('body')[0].clientWidth,
        viewPortHeight = document.getElementsByTagName('body')[0].clientHeight
    }
    return viewPortWidth;
}
//]]>