//detect browser
function detectIE()
    {
        var browser=navigator.appName;
        var IE;
        if(browser=="Microsoft Internet Explorer" && /MSIE (\d+\.\d+);/.test(navigator.userAgent))
            {
                var outerHTML1 = '<a href="/locations/wfmg/index.asp">';
                outerHTML1 += 'Medical Group</a>';
                
                var outerHTML2 = '<a href="http://www.mymosh.com/">Midwest Orthopedic';
                outerHTML2 += '<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Specialty Hospital</a>';
                
                document.getElementById('medLI').innerHTML = outerHTML1;
                document.getElementById('moshLI').innerHTML = outerHTML2;
                
            }
    }

//img rollover
function imgRolloverOn()
{
    this.imgSave = document.images[this.imgName].src;
    document.images[this.imgName].src = this.imgOn.src;
}

function imgRolloverOff()
{
    document.images[this.imgName].src = this.imgSave;
}

function Rollover(imgName, on)
{
    this.imgName = imgName;
    this.imgOn = new Image();
    this.imgOn.src = on;
    this.on = imgRolloverOn;
    this.off = imgRolloverOff;
}
			
/*promos*/
var rArrowLeft = new Rollover("arrowLeft", "images/btn_arrow_left_over.jpg");
var rArrowRight = new Rollover("arrowRight", "images/btn_arrow_right_over.jpg");

/* wait on page to load */
function addLoadEvent(func) 
{
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      if (oldonload) {
        oldonload();
      }
      func();
    }
  }
}

//noflash dip
function noFlashDip(dip)
    {
        try{
            var dip01 = '<a href="/locations/st_francis/emergency_care.asp"><img src="images/dip01_er.jpg" border="0" alt=""  /></a>';
            var dip02 = '<a href="/locations/elmbrook_memorial/index.asp"><img src="images/dip02_elmbrook.jpg" border="0" alt=""  /></a>';
            var dip03 = '<a href="/locations/out_patient/brown_deer/index.asp"><img src="images/dip03_ymca.jpg" border="0" alt=""  /></a>';
            var dip04 = '<a href="/programs/pregnancy/index.asp"><img src="images/dip04_women&infants.jpg" border="0" alt=""  /></a>';
            var outerHTML;
            var t;
            
            switch(dip)
                {
                case 1:
                outerHTML = dip01;
                break;
                case 2:
                outerHTML = dip02;
                break;
                case 3:
                outerHTML = dip03;
                break;
                case 4:
                outerHTML = dip04;
                break;
                }

            document.getElementById('noFlashContainer_site').innerHTML = outerHTML;
            t = setTimeout("$('#noFlashContainer_site').animate({opacity:0.0},500)",4500);
            if(dip == 4){dip = 1;}else{dip = dip + 1;}
            t = setTimeout("noFlashDip(" + dip + ")",5000);
            $('#noFlashContainer_site').animate({opacity:0.8},500);
            }
        catch(e)
            {
            //do nothing.
            }
    }

    addLoadEvent(detectIE);

    //promo animation
    function animatePromos(side) {
        var t;
        var rightAnimate;
        var leftAnimate;
        var num = document.getElementById('promoNum').value;
        var promoSide = document.getElementById('promoSide').value;
        savepromos();

        var totalPromos = totalPromosReturn();
        totalPromos = totalPromos / 4;
        //if (totalPromos == 1 || totalPromos == 2) {

        rightAnimate = '-752px';
        leftAnimate = '7px';

        if (side == 'right') {

            if (promoSide != '0' && promoSide != 'right') {
                switchPromos('left', num);
                document.getElementById('promoAnimate').style.left = '7px';
            }

            $('#hpBottom1Shell ul').animate({ left: rightAnimate }, 700);
            t = setTimeout("switchPromos('right','" + num + "')", 750);
            t = setTimeout("document.getElementById('promoAnimate').style.left='" + leftAnimate + "'", 750);

        }
        else {

            switchPromos('right', num);
            document.getElementById('promoAnimate').style.left = '-752px';

            $('#hpBottom1Shell ul').animate({ left: leftAnimate }, 700);
            t = setTimeout("switchPromos('left','" + num + "')", 750);
            t = setTimeout("document.getElementById('promoAnimate').style.left='" + rightAnimate + "'", 750);
        }
        //}
    }

    function switchPromos(side, num) {
        document.getElementById('promoSide').value = side;
        setPromos(side, num);
        updateNum(num);
    }

    function updateNum(num) {
        var totalPromos = totalPromosReturn();
        totalPromos = totalPromos / 4;
        num = Number(num);

        switch (num) {
            case 1:
                document.getElementById('promoNum').value = '2';
                break;
            case 2:
                //if (totalPromos > 2) {
                //document.getElementById('promoNum').value = '1';
                //}
                //else {
                document.getElementById('promoNum').value = '1';
                // }
                break;
            //case 3: 
            //document.getElementById('promoNum').value = '1'; 
            //break; 
        }
    }

    function setPromos(side, num) {

        var i;
        var totalPromos = totalPromosReturn();

        for (i = 0; i < totalPromos; i++) {
            window['promo' + (i + 1)] = document.getElementById('promo' + (i + 1)).value;
        }

        var totalPromosSets = totalPromos / 4;

        switch (totalPromosSets) {
            case 1:
                //do nothing
                break;
            case 2:
                if ((side == 'right' && num == '1') || (side == 'left' && num == '2')) {
                    document.getElementById('promoOutput1').innerHTML = promo5;
                    document.getElementById('promoOutput2').innerHTML = promo6;
                    document.getElementById('promoOutput3').innerHTML = promo7;
                    document.getElementById('promoOutput4').innerHTML = promo8;
                    document.getElementById('promoOutput5').innerHTML = promo1;
                    document.getElementById('promoOutput6').innerHTML = promo2;
                    document.getElementById('promoOutput7').innerHTML = promo3;
                    document.getElementById('promoOutput8').innerHTML = promo4;
                }

                else {
                    for (i = 0; i < totalPromos; i++) {
                        document.getElementById('promoOutput' + (i + 1)).innerHTML = window['promo' + (i + 1)];
                    }
                }
                break;
            default:
                document.getElementById('promoOutput1').innerHTML = promo1;
                document.getElementById('promoOutput2').innerHTML = promo2;
                document.getElementById('promoOutput3').innerHTML = promo3;
                document.getElementById('promoOutput4').innerHTML = promo4;
                break;
        }
    }

    function savepromos() {

        if (document.getElementById('promo1').value == '0') {

            var i;
            var totalPromos = totalPromosReturn();

            for (i = 0; i < totalPromos; i++) {
                document.getElementById('promo' + (i + 1)).value = document.getElementById('promoOutput' + (i + 1)).innerHTML;
            }
        }
    }

    /* Load XMl file */
    function loadXMLDoc(dname) {
        var xmlDoc;
        try {
            xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
            xmlDoc.async = false;
            xmlDoc.load(dname);
            return xmlDoc;
        }
        catch (e) {
            try {
                xmlDoc = new window.XMLHttpRequest();
                xmlDoc.open("GET", dname, false);
                xmlDoc.send("");
                return xmlDoc.responseXML;
            }
            catch (e) { alert(e.message) }
        }
        return null;
    }

    function buildPromos() {
        var xmlDoc = loadXMLDoc('promos.xml');
        var img;
        var link;
        var x = xmlDoc.getElementsByTagName('promo');
        var outerHTML = '';
        var loop = 1;
        var currentElement;
        var totalPromosNum;
        var promoArrows;
        var promoArrowsSet;
        var img;
        var imgOn;
        var link;
        var newWindow;
        var popup;
        var popupWidth;
        var popupHeight;
        var popupScrollbars;

        for (i = 0; i < x.length; i++) {
            //for (i = 0; i < 8; i++) {
            img = x[i].attributes.getNamedItem('image').nodeValue;
            imgOn = x[i].attributes.getNamedItem('imageON').nodeValue;
            link = x[i].attributes.getNamedItem('link').nodeValue;
            newWindow = x[i].attributes.getNamedItem('newWindow').nodeValue;
            popup = x[i].attributes.getNamedItem('popup').nodeValue;
            popupWidth = x[i].attributes.getNamedItem('popupWidth').nodeValue;
            popupHeight = x[i].attributes.getNamedItem('popupHeight').nodeValue;
            popupScrollbars = x[i].attributes.getNamedItem('popupScrollbars').nodeValue;

            if (loop == 5) {
                outerHTML += '<li id="promoOutput' + loop + '" style="margin-left:3px;">';
            }
            else {
                outerHTML += '<li id="promoOutput' + loop + '">';
            }

            if (newWindow.toLowerCase() == 'yes') {
                outerHTML += '<a href="' + link + '" target="_blank" onmouseover="fadePromo(\'' + imgOn + '\',\'' + loop + '\',\'on\')" onmouseout="fadePromo(\'' + img + '\',\'' + loop + '\',\'off\')">';
            }
            else if (popup.toLowerCase() == 'yes') {
                outerHTML += '<a href="javascript:void(\'0\')" onclick="popupWindow(\'' + link + '\',\'' + popupWidth + '\',\'' + popupHeight + '\',\'' + popupScrollbars + '\');" onmouseover="fadePromo(\'' + imgOn + '\',\'' + loop + '\',\'on\')" onmouseout="fadePromo(\'' + img + '\',\'' + loop + '\',\'off\')">';
            }
            else {
                outerHTML += '<a href="' + link + '" onmouseover="fadePromo(\'' + imgOn + '\',\'' + loop + '\',\'on\')" onmouseout="fadePromo(\'' + img + '\',\'' + loop + '\',\'off\')">';
            }

            outerHTML += '<div style="background-image:url(\'images/' + img + '\');"><img src="images/' + imgOn + '" border="0" alt="" name="promo' + loop + '" id="promoImg' + loop + '" style="opacity:0.0;filter:alpha(opacity=00);" /></div></a></li>';

            //preLoadImg = img.replace(/.jpg/g,"_");
            window['rPromo' + loop] = new Rollover('promo' + loop, 'images/' + imgOn + '');

            //build hidden elements
            /*currentElement = document.createElement('input');
            currentElement.setAttribute('type', 'hidden');
            currentElement.setAttribute('id', 'promo' + loop);
            currentElement.setAttribute('value', '0');
            document.getElementById('hpBottomcontainerShell').appendChild(currentElement);*/
            if (document.getElementById('promo' + loop) != undefined) {
                document.getElementById('promo' + loop).value = '0';
            }


            loop = loop + 1;

            if (i == x.length - 2) {
                //if (i == 6) {
                /*totalPromosNum = document.createElement('input');
                totalPromosNum.setAttribute('type', 'hidden');
                totalPromosNum.setAttribute('id', 'totalPromosNum');
                totalPromosNum.setAttribute('value', loop);
                document.getElementById('hpBottomcontainerShell').appendChild(totalPromosNum);*/
                document.getElementById('totalPromosNum').value = loop;
                document.getElementById('promoSide').value = '0';
                document.getElementById('promoNum').value = '1';
            }

        }
        document.getElementById('promoAnimate').innerHTML = outerHTML;

        promoArrows = totalPromosReturn();
        promoArrowsSet = promoArrows / 4;

        if (promoArrows < 4) {
            document.getElementById('hpArrowLeft').innerHTML = '&nbsp;';
            document.getElementById('hpArrowRight').innerHTML = '&nbsp;';
            document.getElementById('hpBottom1Shell').style.height = '0px';
            document.getElementById('hpBottom1Shell').style.padding = '0px';
        }
        else if (promoArrows < 8) {
            document.getElementById('hpArrowLeft').innerHTML = '&nbsp;';
            document.getElementById('hpArrowRight').innerHTML = '&nbsp;';
            document.getElementById('hpBottom1Shell').style.height = '144px';
        }

        if (promoArrows == 8) {
            animatePromos('right');
            //var t = setTimeout("animatePromos('left')", 900);
        }

    }

    function popupWindow(link, width, height, scroll) {
        window.open(link, 'promoPopup', 'width=' + width + ',height=' + height + ',scrollbars=' + scroll);
    }

    addLoadEvent(buildPromos);

    function totalPromosReturn() {

        var totalPromos = Number(document.getElementById('totalPromosNum').value);
        if (totalPromos > 8) {
            totalPromos = 8;
        }
        return totalPromos;
    }

    function fadePromo(img, num, st) {

        if (st == 'off') {
            $('#promoImg' + num).animate({ opacity: 0.0 }, 450)
        }
        else {
            $('#promoImg' + num).animate({ opacity: 0.9 }, 450)
        }

    }