/*
 * module_campaign.js
 * 
 * 
 */

Element.observe(window, "load", function() {
    
    // Generate the left navigation and its events based on the content
    var i = 0;
    $$('#campaign div.con div.c').each(function(element) {
        var li = Element.extend(document.createElement('li'));
        li.setAttribute("rel", element.getAttribute("id"));
        if(i++ == 0) {
           li.className = "first active";
           element.show();
        }
        
        var a = Element.extend(document.createElement('a'));
        a.setAttribute('href', "javascript:;");
        a.innerHTML = '<div style="background-image:url('+element.getAttribute("icon")+');">'+element.getAttribute("rel")+'</div>';
        li.appendChild(a);
        
        $('campaign').down('ul').appendChild(li);
        
        Event.observe(li, "mouseover", function() {
            li.addClassName('over');
        });
        
        Event.observe(li, "mouseout", function() {
            li.removeClassName('over');
        });
        
        Event.observe(a, "click", function() {
            clickNav(element.getAttribute("rel"));
        });
        
    });

    // Show the main page banner
    var banner_el = $('title_campaign');
    if(banner_el) banner_el.setStyle({'visibility':'visible'});
    
    if ( /MSIE (5\.5|6)/.test(navigator.userAgent) )
	{
		setTimeout(function() { renderHTag("3", 22 , "regular"); correctPNG(); },100);
	}
});

function clickNav(rel) {
    var elements = $$('#campaign div[rel='+rel+']');
    var element = elements[0];
    var id = element.getAttribute('id');
    /* inactivate all nav items and hide all content elements */
    $$('#campaign .nav ul li').each(function(el) {
        if(el.getAttribute("rel") == id) li = el;
        el.removeClassName('active');
        $(el.getAttribute("rel")).hide();
    });
    /* activate current nav item and show current content element */
    li.addClassName('active'); 
    new Effect.Appear(element, {delay: 0, duration: 0.3, from : 0, to: 1}); 
    if ( /MSIE (5\.5|6)/.test(navigator.userAgent) )
	{
		setTimeout(function() {renderHTag("3", 22 , "regular"); correctPNG(); },100);
	}
}