/*services sidenav */
var roverviews = new Rollover("imgOverview", path + "/images/services/sidenav_overview_on.gif");
var rorthopedic = new Rollover("imgOrthopedic", path + "/images/services/sidenav_generalOrtho_on.gif");
var rsports = new Rollover("imgSports", path + "/images/services/sidenav_sportsMedicine_on.gif");
var rspinNeck = new Rollover("imgSpinNeck", path + "/images/services/sidenav_spine&neck_on.gif");
var rshoulder = new Rollover("imgShoulder", path + "/images/services/sidenav_Shoulder_on.gif");
var rarm = new Rollover("imgArm", path + "/images/services/sidenav_handArmElbow_on.gif");
var rarthritis = new Rollover("imgArthritis", path + "/images/services/sidenav_arthritis_on.gif");
var rhip = new Rollover("imgHip", path + "/images/services/sidenav_hip_on.gif");
var rknee = new Rollover("imgKnee", path + "/images/services/sidenav_knee_on.gif");
var rleg = new Rollover("imgLeg", path + "/images/services/sidenav_footAnkleLeg_on.gif");
var rjoint = new Rollover("imgJoint", path + "/images/services/sidenav_totalJoint_on.gif");
var rinjections = new Rollover("imgInjections", path + "/images/services/sidenav_interInjections_on.gif");
var rpediatrics = new Rollover("imgPediatrics", path + "/images/services/sidenav_pediatrics_on.gif");

var roverviewTab = new Rollover("imgOverviewTab", path + "/images/services/tab_Overview.gif");
var rprocedureTab = new Rollover("imgProcedureTab", path + "/images/services/tab_Procedure_on.gif");
var rphysiciansTab = new Rollover("imgPhysiciansTab", path + "/images/services/tab_Physicians_on.gif");

var roverviewTabOver = new Rollover("imgOverviewTab", path + "/images/services/tab_Overview_over.gif");
var rprocedureTabOver = new Rollover("imgProcedureTab", path + "/images/services/tab_Procedure_over.gif");
var rphysiciansTabOver = new Rollover("imgPhysiciansTab", path + "/images/services/tab_Physicians_over.gif");

//switching tabs on and off
function switchTab(tab,section)
    {
    if(tab == 'Physicians')
        {document.getElementById('backToTop').style.display='none';}
    else{document.getElementById('backToTop').style.display='block';}
    
    var imgID = getImg(tab);
    var bgImagePath =  path + '/images/services/img_service_' + section + '.jpg';
    
    document.getElementById('imgOverviewTab').src = path + '/images/services/tab_Overview.gif';
    document.getElementById('imgProcedureTab').src = path + '/images/services/tab_Procedure.gif';
    document.getElementById('imgPhysiciansTab').src = path + '/images/services/tab_Physicians.gif';
    
    document.getElementById('OverviewContentTab').style.display='none';
    document.getElementById('ProcedureContentTab').style.display='none';
    document.getElementById('PhysiciansContentTab').style.display='none';
    
    document.getElementById(imgID).src = path + '/images/services/tab_' + tab + '_on.gif';
    document.getElementById(tab + 'ContentTab').style.display='block';
    document.getElementById('tabOn').value = tab;
    
    }
    
 function overState(tab,state)
    {
        var imgID = getImg(tab);
        if(state == 'on')
            {
                if(document.getElementById('tabOn').value != tab)
                    {
                        document.getElementById(imgID).src = path + '/images/services/tab_' + tab + '_over.gif';
                    }
            }
       else
            {
                if(document.getElementById('tabOn').value != tab)
                    {
                        document.getElementById(imgID).src = path + '/images/services/tab_' + tab + '.gif';
                    }
            }
    }
    
    
function getImg(tab)
    {
    imgID = 'img' + tab + 'Tab';
    return imgID;
}

function playServicesVideo(tab) {

    var shadeDiv = '#shade' + tab;
    var shadeId = 'shade' + tab;
    var VideoDiv = 'sevVideos' + tab;
    var TopPos = document.getElementById('videoPos' + tab).offsetTop - 170;
    if (IE == true && IE6 != true) {
        TopPos = document.getElementById('videoPos' + tab).offsetTop + 30;
    }
    //var LeftPos = document.getElementById('videoPos' + tab).offsetLeft;
    if (document.getElementById('shade' + tab).style.display != 'block') {

        var bodyHight = getPageSizeWithScroll('y');
        if (window.innerHeight > getPageSizeWithScroll('y') && navigator.userAgent.indexOf("Firefox") != -1) {
            bodyHight = window.innerHeight;
        }
        var bodyWidth = (navigator.userAgent.indexOf("Firefox") != -1) ? getPageSizeWithScroll('x') : document.body.scrollWidth;
        document.getElementById('shadeImg' + tab).height = bodyHight;
        document.getElementById('shadeImg' + tab).width = bodyWidth;

        document.getElementById(VideoDiv).style.top = TopPos + 'px';
        //document.getElementById(VideoDiv).style.left = LeftPos + 'px';
        $(shadeDiv + ' .shadeFilter').animate({ opacity: 0.0 }, 0);
        document.getElementById('shade' + tab).style.display = 'block';
        $(shadeDiv + ' .shadeFilter').animate({ opacity: 0.6 }, 900);
        t = setTimeout("document.getElementById('" + VideoDiv + "').style.display = 'block'", 900);
    }
    else {
        document.getElementById(VideoDiv).style.display = 'none';
        $(shadeDiv + ' .shadeFilter').animate({ opacity: 0.0 }, 900);
        t = setTimeout("document.getElementById('" + shadeId + "').style.display = 'none'", 900);
    }
    
}

function playStrylerVideos(div) {
    var shadeDiv = '#' + div;
    var shadeId = div;
    var VideoDiv = 'sevVideos';
    var TopPos = document.getElementById('strylerVideos').offsetTop - 270;
    if (IE == true && IE6 != true) {
        TopPos = document.getElementById('strylerVideos').offsetTop + 30;
    }
    //var LeftPos = document.getElementById('videoPos' + tab).offsetLeft;
    if (document.getElementById(shadeId).style.display != 'block') {

        var bodyHight = getPageSizeWithScroll('y');
        if (window.innerHeight > getPageSizeWithScroll('y') && navigator.userAgent.indexOf("Firefox") != -1) {
            bodyHight = window.innerHeight;
        }
        var bodyWidth = (navigator.userAgent.indexOf("Firefox") != -1) ? getPageSizeWithScroll('x') : document.body.scrollWidth;
        document.getElementById('shadeImgStryler').height = bodyHight;
        document.getElementById('shadeImgStryler').width = bodyWidth;

        document.getElementById(VideoDiv).style.top = TopPos + 'px';
        //document.getElementById(VideoDiv).style.left = LeftPos + 'px';
        $(shadeDiv + ' .shadeFilter').animate({ opacity: 0.0 }, 0);
        document.getElementById(shadeId).style.display = 'block';
        $(shadeDiv + ' .shadeFilter').animate({ opacity: 0.6 }, 900);
        t = setTimeout("document.getElementById('" + VideoDiv + "').style.display = 'block'", 900);
    }
    else {
        document.getElementById(VideoDiv).style.display = 'none';
        $(shadeDiv + ' .shadeFilter').animate({ opacity: 0.0 }, 900);
        t = setTimeout("document.getElementById('" + shadeId + "').style.display = 'none'", 900);
    }
}

function getPageSizeWithScroll(xysize) {

    var fullSize;
    if (window.innerHeight && window.scrollMaxY) {// Firefox
        yWithScroll = window.innerHeight + window.scrollMaxY;
        xWithScroll = window.innerWidth + window.scrollMaxX;
    } else if (document.body.scrollHeight > document.body.offsetHeight) { // all but Explorer Mac
        yWithScroll = document.body.scrollHeight;
        xWithScroll = document.body.scrollWidth;
    } else { // works in Explorer 6 Strict, Mozilla (not FF) and Safari
        yWithScroll = document.body.offsetHeight;
        xWithScroll = document.body.offsetWidth;
    }

    if (xysize == 'y') {
        fullSize = yWithScroll
    }
    else {
        fullSize = xWithScroll
    }

    return fullSize;
}