window.addEvent('domready', function() {
    $('toggle_l_layer1').addEvent('click', function(e) {
        e.stop();
        $('LayerContentText1').setStyle('display', 'block');
        $('LayerContentText2').setStyle('display', 'none');
        $('LayerContentText3').setStyle('display', 'none');
		
		document.getElementById('tab1_left').style.backgroundImage = "url("+tabLeftAct+")";
		document.getElementById('tab2_left').style.backgroundImage = "url("+tabLeftInact+")";
		document.getElementById('tab3_left').style.backgroundImage = "url("+tabLeftInact+")";
		
		document.getElementById('tab1_main').style.backgroundImage = "url("+tabMiddleAct+")";
		document.getElementById('tab2_main').style.backgroundImage = "url("+tabMiddleInact+")";
		document.getElementById('tab3_main').style.backgroundImage = "url("+tabMiddleInact+")";
		
		document.getElementById('tab1_right').style.backgroundImage = "url("+tabRightAct+")";
		document.getElementById('tab2_right').style.backgroundImage = "url("+tabRightInact+")";
		document.getElementById('tab3_right').style.backgroundImage = "url("+tabRightInact+")";
    //$('l_background_box').setProperty('src', boxLgreen); 
    });
    
    $('toggle_l_layer2').addEvent('click', function(e) {
        e.stop();
        $('LayerContentText1').setStyle('display', 'none');
        $('LayerContentText2').setStyle('display', 'block');
        $('LayerContentText3').setStyle('display', 'none');
		
		document.getElementById('tab1_left').style.backgroundImage = "url("+tabLeftInact+")";
		document.getElementById('tab2_left').style.backgroundImage = "url("+tabLeftAct+")";
		document.getElementById('tab3_left').style.backgroundImage = "url("+tabLeftInact+")";
		
		document.getElementById('tab1_main').style.backgroundImage = "url("+tabMiddleInact+")";
		document.getElementById('tab2_main').style.backgroundImage = "url("+tabMiddleAct+")";
		document.getElementById('tab3_main').style.backgroundImage = "url("+tabMiddleInact+")";
		
		document.getElementById('tab1_right').style.backgroundImage = "url("+tabRightInact+")";
		document.getElementById('tab2_right').style.backgroundImage = "url("+tabRightAct+")";
		document.getElementById('tab3_right').style.backgroundImage = "url("+tabRightInact+")";
    //$('l_background_box').setProperty('src', boxRgreen);
    });  
	
    $('toggle_l_layer3').addEvent('click', function(e) {
        e.stop();
        $('LayerContentText1').setStyle('display', 'none');
        $('LayerContentText2').setStyle('display', 'none');
        $('LayerContentText3').setStyle('display', 'block');
    //$('l_background_box').setProperty('src', boxMgreen);
		document.getElementById('tab1_left').style.backgroundImage = "url("+tabLeftInact+")";
		document.getElementById('tab2_left').style.backgroundImage = "url("+tabLeftInact+")";
		document.getElementById('tab3_left').style.backgroundImage = "url("+tabLeftAct+")";
		
		document.getElementById('tab1_main').style.backgroundImage = "url("+tabMiddleInact+")";
		document.getElementById('tab2_main').style.backgroundImage = "url("+tabMiddleInact+")";
		document.getElementById('tab3_main').style.backgroundImage = "url("+tabMiddleAct+")";
		
		document.getElementById('tab1_right').style.backgroundImage = "url("+tabRightInact+")";
		document.getElementById('tab2_right').style.backgroundImage = "url("+tabRightInact+")";
		document.getElementById('tab3_right').style.backgroundImage = "url("+tabRightAct+")";
    });
});
