window.addEvent('domready', function() { 

	if($('video')){
		$('video').addEvent('click', function(){
			construct_video() ;
		})
	}
	
    var url1=$('img1').src;
    var url2=$('img2').src;
    var url3=$('img3').src;
    var url4=$('img4').src;
    var url5=$('img5').src;

    $('submenu2').addEvent('mouseover', function(){
       
        display_menu('content_submenu2', 'img2',$('img2').src, 'content_submenu1', 'content_submenu3' ,'content_submenu4', 'content_submenu5','img1', 'img3', 'img4', 'img5', url1, url3, url4 , url5);
    });

    $('submenu1').addEvent('mouseover', function(){
        display_menu('content_submenu1', 'img1',$('img1').src, 'content_submenu2', 'content_submenu3' ,'content_submenu4','content_submenu5','img2', 'img3', 'img4','img5', url2, url3, url4, url5 );
    });
    
    $('submenu3').addEvent('mouseover', function(){
        display_menu('content_submenu3', 'img3',$('img3').src, 'content_submenu1', 'content_submenu2' ,'content_submenu4','content_submenu5','img1', 'img2', 'img4','img5', url1, url2, url4, url5 );
    });

    $('submenu4').addEvent('mouseover', function(){
        display_menu('content_submenu4', 'img4',$('img4').src, 'content_submenu1', 'content_submenu3' ,'content_submenu2','content_submenu5','img1', 'img3', 'img2','img5', url1, url3, url2, url5 );
    });


     $('submenu5').addEvent('mouseover', function(){
        display_menu('content_submenu5', 'img5',$('img5').src, 'content_submenu1', 'content_submenu3' ,'content_submenu2','content_submenu4','img1', 'img3', 'img2','img4', url1, url3, url2, url4 );
    });


    if($('droge')!=null)
        submenu_hover('img1','fond_menu1_hover.png')

    if($('prod')!=null)
        submenu_hover('img2','fond_menu2_hover.png')

    if($('technol')!=null)
        submenu_hover('img3','fond_menu3_hover.png')

    if($('klinish')!=null)
        submenu_hover('img4','fond_menu4_hover.png')

    if($('apo')!=null)
        submenu_hover('img5','fond_menu5_hover.png')


    $$('a.lien_plus').addEvent('click',function()
     {
             if(this.src.indexOf("connect_moins.png")!=-1){

                 this.src="/beta/library/img/troc/connect_+.png";
                 myVerticalSlide[this.id].hide();
             }else{
                 query_com(this.id, this.title, myVerticalSlide);
             }

     });

    
});

function construct_video(){
	   
    application.create_overlay() ;
    $('panel').set('html', '<object type="application/x-shockwave-flash" data="http://nl.mediaplanet.streamingbolaget.se/players/grid/article.swf" name="streamplayer1301908475" id="streamplayer1301908475" width="512" height="330"><param name="movie" value="http://nl.mediaplanet.streamingbolaget.se/players/grid/article.swf" /><param name="FlashVars" value="fqdn=nl.mediaplanet.streamingbolaget.se&content=52096&autostart=0&volume=1" /><param name="allowScriptAccess" value="always" /><param name="allowFullScreen" value="true" /><param name="quality" value="high" /><param name="bgcolor" value="#000000" /><param name="scale" value="exactfit" /><span style="font-size:14px;font-family:Arial;">This player requires Adobe Flash Player 10 or greater. Download <b><a href="http://get.adobe.com/flashplayer/" target="_blank">here</a>.</b><p>For more information on the video player provided on this site, visit <b><a href="http://www.streamingbolaget.se" target="_blank">Streamingbolaget</a></b>.</p></span></object>')
   
    
}

function display_menu(content, img,url, content2, content3, content4, content5, img1, img2, img3, img4, murl1, murl2, murl3, murl4){
    
        $(img1).src=murl1;
        $(img2).src=murl2;
        $(img3).src=murl3;
        $(img4).src=murl4;
        $(content2).style.display='none';
        $(content3).style.display='none';
        $(content4).style.display='none';
        $(content5).style.display='none';

        $(img).style.display='none';
        $(content).style.display='block';
        $('overlay').style.display="block";

        $('overlay').addEvent('mouseover', function(){
           undisplay_menu(content, img,url);
        });
        
        $(content).addEvent('mouseleave', function(){
            undisplay_menu(content, img,url);
         });

        $$('div.submenu').addEvent('mouseover', function(){
                this.style.background="#fff";
        });

        $$('div.submenu').addEvent('mouseout', function(){
                this.style.color="#fff";
                this.style.background="#2cb7ec";
        });


}

function undisplay_menu(content, img, url){
        $(content).style.display='none';
        $(img).style.display='block';
        $(img).src=url;
        $('overlay').style.display="none";
}

function submenu_hover(img, url){
       $(img).src="/library/img/"+url;
}