function InitializeNavigation() {
    var active = $('.activeNavElement > IMG');
    $('.navImageWrap IMG').hover(
          function (event) {//on-hover
              var highlightedNav = $(event.target);
              if (!(highlightedNav.hasClass("glowingNavElement"))) {
                  highlightedNav.toggleClass("glowingNavElement");
              }
              if (highlightedNav[0] === active[0]) {
                  if ((highlightedNav.parent().hasClass("activeNavElement"))) {
                      highlightedNav.parent().toggleClass("activeNavElement")
                  }
              }
          },
          function (event) {//off-hover
              var highlightedNav = $(event.target);
              if ((highlightedNav.hasClass("glowingNavElement"))) {
                  highlightedNav.toggleClass("glowingNavElement");
              }
              if (highlightedNav[0] === active[0]) {
                  if (!(highlightedNav.parent().hasClass("activeNavElement"))) {
                      highlightedNav.parent().toggleClass("activeNavElement")
                  }
              }

          }
        );

    //removes highlation before posting back--this prevents the highlation from showing up 
    //when the back button is hit.
    $('.navImageWrap IMG').click(function (event) {
        var highlightedNav = $(event.target);
        if ((highlightedNav.hasClass("glowingNavElement"))) {
            highlightedNav.toggleClass("glowingNavElement");
        }
    }
        );    //ends click


} //end InitializeNavigation


function PNGInitialize() {
    if ($.browser.msie) {//apply png fix for transparency fades
        $('.innerImageDiv').each(function (index, element) {
            var source = $('IMG', element).slice(0, 1);
            element.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(" +
                       "src=" + source.attr('src') + ", " +
                       "sizingMethod='scale'" +
                       ")";
            source.remove();

        });
    }
}

function HomeTagLineTransition() {
    //call the 'button press' transition on a timer
    if ($.browser.msie) {
        setTimeout(ClickTagLineIE, 1000); //determines when home page tagline click will "occur"
    }
    else {
        setTimeout(ClickTagLine, 1000); //determines when home page tagline click will "occur"
    }

};

//the setTimeouts in this function determine the speed at which the click actions take place
function ClickTagLineIE() {
    //display the 'pressed style'
    var glisten0 = $('#HomeTagDiv0');
    var glisten2 = $('#HomeTagDiv2');
    var bracketWhite = $('#HomeTagDivBracketHalo');
    var bracketSolid = $('HomeTagDivBracketSolid');
    setTimeout(function () {
        glisten2.toggleClass('homeTagShow').toggleClass('homeTagHide');
        glisten0.toggleClass('homeTagShow').toggleClass('homeTagHide');
        bracketWhite.toggleClass('homeTagShow').toggleClass('homeTagHide');
        bracketSolid.toggleClass('homeTagShow').toggleClass('homeTagHide');
        setTimeout(function () {
            PNGFade(glisten2.get(0), 1500, true);
            PNGFade(bracketWhite.get(0), 1500, true);
            glisten0.toggleClass('homeTagShow').toggleClass('homeTagHide');
            bracketSolid.toggleClass('homeTagShow').toggleClass('homeTagHide');
        }, 250);
    }, 250);


}
//the setTimeouts in this function determine the speed at which the click actions take place
function ClickTagLine() {
    //display the 'pressed style'
    var glisten0 = $('#HomeTagDiv0');
    var glisten2 = $('#HomeTagDiv2');
    var bracketWhite = $('#HomeTagDivBracketHalo');
    var bracketSolid = $('HomeTagDivBracketSolid');
    setTimeout(function () {
        glisten2.toggleClass('homeTagShow').toggleClass('homeTagHide');
        glisten0.toggleClass('homeTagShow').toggleClass('homeTagHide');
        bracketWhite.toggleClass('homeTagShow').toggleClass('homeTagHide');
        bracketSolid.toggleClass('homeTagShow').toggleClass('homeTagHide');
        setTimeout(function () {
            glisten2.fadeOut(300);
            bracketWhite.fadeOut(300);
            glisten0.toggleClass('homeTagShow').toggleClass('homeTagHide');
            bracketSolid.toggleClass('homeTagShow').toggleClass('homeTagHide');
        }, 250);
    }, 250);
}

function fade(element, opacity) {
    element.style.opacity = opacity * .01;
    element.style.filter = 'alpha(opacity = ' + opacity + ')';
}

function getRef(element, opacity, step, delay, out) {
    return function () { looper(element, opacity, step, delay, out); }
}

function looper(element, opacity, step, delay, out) {
    if (opacity >= 0 && opacity <= 100) {
        if (out) opacity -= step;
        else opacity += step;
        //element.onfilterchange = getRef(element, opacity);
        setTimeout(getRef(element, opacity, step, delay, out), delay);
        fade(element, opacity);

    }
    else {
        //clearInterval(timmer);
    }
}

//takes the jquery object which contains the image
function PNGFade(element, durration, out) {
    var opacity = out ? 100 : 0;
    durration = (durration > 15) ? durration : 15; //minimum timeslice in miliseconds is 15
    var delay = durration / 100; //this is the time each unit of opacity should be triggered in
    //if delay is less than 15 well need to adjust the steps
    var step = 1;
    if (delay < 15) {
        delay = 15;
        step = Math.ceil(durration / delay);
    }
    looper(element, opacity, step, delay, out);
}

function InteriorTransition() {
    //fade text out so we can fade in later
    $('#SmartRoomInteriorText').fadeOut(25);
    $('#LargeBracket').fadeOut(25);
    setTimeout(StartInteriorTransition, 500);
}
function StartInteriorTransition() {
    //fade in text and bracket
    var textTransition = $('#SmartRoomInteriorText');
    var bracketTransition = $('#LargeBracket');
    textTransition.toggleClass('interiorDivHide').toggleClass('interiorDivShow');
    bracketTransition.toggleClass('bracketDivHide').toggleClass('bracketDivShow');
    textTransition.fadeIn(2500);
    bracketTransition.fadeIn(2500);

    //trigger the green blur
    setTimeout(function () {
        $('#GreenBlur01 , #SmallBracketHalo').toggleClass('interiorDivHide').toggleClass('interiorDiveShow');
        setTimeout(function () {
            $('#GreenBlur02').toggleClass('interiorDivHide').toggleClass('interiorDiveShow').fadeOut(300);
            $('#GreenBlur01 , #SmallBracketHalo').toggleClass('interiorDivHide').toggleClass('interiorDiveShow');

            textTransition.fadeOut(3000);
            $('#GreenBackground').fadeOut(5000);
            bracketTransition.animate({ top: 0, left: 0 }, 3000);
            if ($.browser.msie) {
                PNGFade(bracketTransition.get(0), 4000, true);
                $('.innerImageDiv', bracketTransition).animate({ width: 341, height: 341 }, 3000);
            }
            else {
                $('.innerImageDiv', bracketTransition).fadeOut(5000);
                $('IMG', bracketTransition).animate({ width: 341, height: 341 }, 3000);
            }

        }, 500);
    }, 2000);

}