// Preloader
var pre_images = new Array(
		'http://www.mediascale.de/images/blank.gif',
		'http://www.mediascale.de/images/bg_tooltip_box.png',
		'http://www.mediascale.de/images/bg_ul_mainnavigation.gif',
		'http://www.mediascale.de/images/bg_mainnav_item1.png',
    'http://www.mediascale.de/images/bg_mainnav_item1_hover.png',
		'http://www.mediascale.de/images/bg_mainnav_item2.png',		
    'http://www.mediascale.de/images/bg_mainnav_item2_hover.png',
		'http://www.mediascale.de/images/bg_mainnav_item3.png',		
    'http://www.mediascale.de/images/bg_mainnav_item3_hover.png',
		'http://www.mediascale.de/images/bg_mainnav_item4.png',		
    'http://www.mediascale.de/images/bg_mainnav_item4_hover.png',
		'http://www.mediascale.de/images/bg_mainnav_item5.png',		
    'http://www.mediascale.de/images/bg_mainnav_item5_hover.png',
		'http://www.mediascale.de/images/bg_mainnav_item6.png',		
    'http://www.mediascale.de/images/bg_mainnav_item6_hover.png');

		for(i=0; i<pre_images.length; ++i){
    var src = pre_images[i];
    var img = document.createElement('img'); 
    var objBody = $('msc_body');
    Element.extend(img);
    objBody.appendChild(img);
    img.addClassName('msc_preload');
    img.setStyle({
        position: 'absolute',
        top: '-9999px',
        display: 'none'
    });
    img.setAttribute('src', src);
}

//onload
document.observe("dom:loaded", function() {
    msc_onload();
});

function msc_onload(){

    // MSC Newsletterbox
    var msc_search = $('f_emailparam');
    if(null != msc_search){
        msc_search.observe('focus', function(event){
            if(this.value=='Hier die mediascale News abonnieren')this.value='';
        });
        msc_search.observe('blur', function(event){
            if(this.value=='')this.value='Hier die mediascale News abonnieren';
        });     
    }
    
    // MSC Gallery
    var msc_gallery = $$('a.c_wmgallery_anker');
    var msc_gallery_img = $('msc_gallery_img');
    var c_wmgallerybx_client = $('c_wmgallery_client');
    var c_wmgallerybx_campaign = $('c_wmgallery_campaign');
    if(null != msc_gallery && msc_gallery_img != null){
        for(i=0; i < msc_gallery.length; ++i){
            msc_gallery[i].observe('click', function(event){
                Event.stop(event);
                this.cleanWhitespace();
                var msc_overlay = $(this.childNodes[0]);
                msc_overlay.removeClassName('c_wmgallery_mask');
                msc_overlay.addClassName('c_wmgallery_actmask');
                msc_gallery_img.src = this.href;
                
                // change client and campaign
                c_wmgallerybx_client.update(this.title);
                c_wmgallerybx_campaign.update(this.getAttribute("rel"));
                
                // wieder inaktiv setzen
                var msc_gallery = $$('a.c_wmgallery_anker');
                for(i=0; i < msc_gallery.length; ++i){
                    if(msc_gallery[i].id != this.id){
                        msc_gallery[i].cleanWhitespace();
                        var msc_overlay = $(msc_gallery[i].childNodes[0]);
                        msc_overlay.addClassName('c_wmgallery_mask');
                        msc_overlay.removeClassName('c_wmgallery_actmask');
                    }
                }
            });
        }
    }   
    
    // MSC Tooltip
    var msc_tooltip = $$('.c_tooltip');
    if(null != msc_tooltip){
        for(i=0; i < msc_tooltip.length; ++i){
            var msc_tooltip_box = $('c_tooltip_box');
            msc_tooltip[i].observe('mouseover', function(event){
                msc_tooltip_box.show();
            });
            msc_tooltip[i].observe('mouseout', function(event){
                msc_tooltip_box.hide();
            });
        }
    }
    
    var msc_menu_item = $$('.msc_menu');
    for (i=0; i < msc_menu_item.length; ++i){
        // set active item 
        if(msc_menu_item[i].hasClassName('active')){
            var msc_active_item = i;
        }
        
        msc_menu_item[i].observe('mouseover', function(event){
            this.cleanWhitespace();
            // alle navs ausblenden
            msc_menu_hideAll(true);
            
            // hover einblenden
            var msc_menu_item_sub = $(this.childNodes[1]);
            if(msc_menu_item_sub != null){
                msc_menu_item_sub.show();
            }
            
        });
        
        msc_menu_item[i].observe('mouseout', function(event){
            this.cleanWhitespace();
            var msc_menu_item_sub = $(this.childNodes[1]);
            msc_menu_hideAll(false, msc_active_item);
        });
    }
    
    
    // Remove Preloaded
    var msc_preload = $$('.msc_preload');
    for (i=0; i < msc_preload.length; ++i){
    //alert(msc_preload[i].src);
    }
    
    // Highlights Bullets
    var c_bullets = $$('.c_bullet_item');
    if(c_bullets != null){
        for (i=0; i < c_bullets.length; ++i){       
            c_bullets[i].observe('click', function(event){
                var c_bullets_subtext = $(this.next());
                c_bullets_subtext.show();
                $(this).addClassName("c_bullet_item_active");
                
                // hide others 
                var c_bullets2 = $$('.c_bullet_item');
                if(c_bullets2 != null){
                    for (p=0; p < c_bullets2.length; ++p){
                        if( c_bullets2[p] != this){
                            var c_bullets_subtext = $(c_bullets2[p].next());
                            c_bullets_subtext.hide();
                            $(c_bullets2[p]).removeClassName("c_bullet_item_active");
                        }
                    }
                }
            });
        }
    }
    
    // Highlights Bullets
    var c_bereich_select = $('c_bereich_select');
    if(c_bereich_select != null){
        c_bereich_select.observe('change', function(event){
            if(this.value != "0"){
                var c_bereich_form = $('c_bereich_form');
                if(c_bereich_form != null){
                    c_bereich_form.submit();
                }
            }
        });
    }
    
    // NFQ BLOCKLAYER 
    var nfq_popups = $$( 'a.nfq_popup');
    for (var i = 0; i < nfq_popups.length; ++i){
    nfq_popups[i].observe('click', function(event){
      Event.stop(event);
      var link = this.href;
      
      var oBlockLayer = $( 'nfq_blocklayer');
      if ( null == oBlockLayer){
        var oBlockLayer = document.createElement("div");
        oBlockLayer.setAttribute('id','nfq_blocklayer');
        Element.extend( oBlockLayer);
        var objBody = document.getElementsByTagName("body").item(0);
        body_size = $('c_containerbx').getDimensions();
        oBlockLayer.style.height = body_size.height+70+'px';
        objBody.appendChild(oBlockLayer);
      }

        new Ajax.Request( link, {
            method:'get',
                onSuccess: function( transport){
                oBlockLayer.update(transport.responseText);
                oBlockLayer.show();
                oBlockLayer.scrollTo(); 
                msc_ajaxload();
            },
            onFailure: function(){ 
            oBlockLayer.update('Error');
            oBlockLayer.hide();
            }
        });
        });
    }
    
    // add newsletter popup listeners
    var nfq_popup_nl = $$( 'a.nfq_popup_nl');
    for (var i = 0; i < nfq_popup_nl.length; ++i){
        nfq_popup_nl[i].observe('click', function(event){
        var link = this.href;
        window.open( link, 'nfq_popup_nl', 'resizable=yes,status=no,scrollbars=yes,menubar=no,width=660,height=800');
        Event.stop(event);
        });
    }
    
    // MSC Timeline
    var msc_timeline = $$('a.msc_timeline');
    if(null != msc_timeline){
        for(i=0; i < msc_timeline.length; ++i){
            msc_timeline[i].observe('click', function(event){
                Event.stop(event);              
            });
        }
    }

    
}

function msc_ajaxload(){
    var c_layer_close = $$( 'a.c_layer_close');
    if(c_layer_close != null){
        for (var i = 0; i < c_layer_close.length; ++i){
            c_layer_close[i].observe('click', function(event){
                Event.stop(event);
                var oBlockLayer = $( 'nfq_blocklayer');
                if(oBlockLayer != null){
                    oBlockLayer.remove();
                }
            });
        }
    }
}

function msc_menu_hideAll(active, msc_active_item){
    var msc_menu_item = $$('.msc_menu');
    for (i=0; i < msc_menu_item.length; ++i){
        msc_menu_item[i].cleanWhitespace();
        var msc_menu_item_sub = $(msc_menu_item[i].childNodes[1]);
        if(msc_menu_item_sub != null){
            if(active){
                msc_menu_item_sub.hide();
                if(msc_menu_item[i].hasClassName('active')){
                    msc_menu_item[i].removeClassName('active');
                }
            }else{
                if(msc_active_item != null){
                    msc_menu_item[msc_active_item].addClassName('active');
                }
                
                if(msc_menu_item[i].hasClassName('active')){
                    msc_menu_item_sub.show();
                }else{
                    msc_menu_item_sub.hide();
                }
            }
        }
    }
}