if( !console ) { var console = { log: function(msg) { alert(msg); } } }

var mediaContent
function displayMediaDescription(mediaContent){
	$$('.mediaDescription').each(function(element,i){
		$$(element).setStyle('display','none');
		$(document.body).getElements('div.mediaDescription')[mediaContent].setStyle('display','block');
	});
}

// Preload Nav Header Highlight Images
var prodHltImg = new Image();
prodHltImg.src = '/i/global/nav/global_nav_ourproducts_highlighted.png';
var natureHltImg = new Image();
natureHltImg.src = '/i/global/nav/global_nav_getnaturesmart_highlighted.png';
var doingpartHltImg = new Image();
doingpartHltImg.src = '/i/global/nav/global_nav_doing_highlighted.png';

// Preload Nav Header Rollover Images
var prodRollImg = new Image();
prodRollImg.src = '/i/global/nav/global_nav_ourproducts_rollover.png';
var natureRollImg = new Image();
natureRollImg.src = '/i/global/nav/global_nav_getnaturesmart_rollover.png';
var doingpartRollImg = new Image();
doingpartRollImg.src = '/i/global/nav/global_nav_doing_rollover.png';

window.addEvent('domready', function() {
    var wrapper = $('wrapper');

    // Get Nav State Based on Wrapper Div Class
    var findProducts = wrapper.hasClass('products');
    var findGetNatureSmart = wrapper.hasClass('getnaturesmart');
    var findDoingOurPart = wrapper.hasClass('whoweare');

    var navHdrProd = $('prod-nav-hdr');
    var navHdrNature = $('nature-nav-hdr');
    var navHdrDoing = $('doing-nav-hdr');

    var navHdrArr = [navHdrProd, navHdrNature, navHdrDoing];
    var navRollHdrArr = [prodRollImg, natureRollImg, doingpartRollImg];

    if (findProducts) { navHdrProd.setProperty('src', prodHltImg.src); }
    if (findGetNatureSmart) { navHdrNature.setProperty('src', natureHltImg.src); }
    if (findDoingOurPart) { navHdrDoing.setProperty('src', doingpartHltImg.src); }

    navHdrArr.each(function(obj, i) {
        obj.addEvents({
            'mouseover': function() {
                var isHighlighted = obj.getProperty('src').match('_highlighted');
                if (!isHighlighted) obj.setProperty('src', navRollHdrArr[i].src);
            },
            'mouseout': function() {
                obj.setProperty('src', obj.src.replace(/_rollover/g, ''));
            }
        });
    });

    $$('.dropdown li a').each(function(obj) {
        var img = obj.getElement('img');
        obj.addEvents({
            'mouseover': function() { img.setProperty('src', img.src.replace(/off/g, 'highlighted')); },
            'mouseout': function() { img.setProperty('src', img.src.replace(/highlighted/g, 'off')); }
        });
    });

    //breadcrumb
    var findBreadcrumb = $(document.body).getElements('ul#breadcrumb');
    if (findBreadcrumb.length == 1) {
        $$('ul#breadcrumb li:last-child').addClass('last');
    }

    //spotlight & tip and tricks preloader
    $$('.hover').each(function(img) {
        img.setProperty('src', img.src.replace(/\.(.+)$/i, "_over.$1"));
        img.setProperty('src', img.src.replace(/_over\.(.+)$/i, ".$1"));
    });

    var tipDlContainer = $('contentcontainer');

    //container rollover effect
    if (tipDlContainer) {
        var tipDls = tipDlContainer.getElements('dl');
        tipDls.each(function(listItem, i) {
            listItem.addEvents({
                'mouseover': function() {
                    if (this == listItem[0]) { this.addClass('first-over'); }
                    else { this.addClass('over'); }
                    var currentImg = this.getElement('dt img');
                    this.addClass('cursor');
                    var currentImgSrc = currentImg.getProperty('src');
                    if (currentImgSrc.match(/_over\.(.+)$/i)) { return false; } else {
                        //alert(currentImgSrc.indexOf('');)
                        currentImg.set('src', currentImgSrc.replace(/\.gif/i, "_over.gif"));
                    }
                },
                'mouseout': function() {
                    this.removeClass('first-over'); this.removeClass('over');
                    var currentImg = this.getElement('dt img');
                    var currentImgSrc = currentImg.getProperty('src');
                    if (currentImgSrc.match(/_over\.gif/i) && !this.hasClass('active') && !this.hasClass('first-active')) {
                        currentImg.set('src', currentImgSrc.replace(/_over.gif/i, ".gif"));
                    } else {
                        return false;
                    }
                },
                'click': function() {
                    //set background color with class

                    listItem.removeClass("first-active");
                    listItem.removeClass("active");
                    if (this == listItem[0]) { this.addClass('first-active first-over'); } else { this.addClass('active over'); }
                    tipDls.each(function(dl, j) {
                        if (j != i) {
                            dl.removeClass('active');

                            dl.removeClass('first-over'); dl.removeClass('over');
                            var currentImg = dl.getElement('dt img');
                            var currentImgSrc = currentImg.getProperty('src');
                            if (currentImgSrc.match(/_over\.(.+)$/i) && !dl.hasClass('active') && !dl.hasClass('first-active')) {
                                currentImg.set('src', currentImgSrc.replace(/_over.gif/i, ".gif"));
                            } else {
                                return false;
                            }

                        }
                    });
					
                    displayMediaDescription(i);
                }
            }); //end addEvents
            if (i == 0) {
                listItem.fireEvent('click');
                listItem.fireEvent('mouseover');
            }
        }); //end listItem.each
    }
});