step = 1;
max_steps = 1;
window.addEvent( 'domready', function(){
    
    
    focus_values = new Object;
    
    $$('.clear_focus').each(function(el) {
        
               
        if(focus_values[el.get('id')] == '' || focus_values[el.get('id')] == undefined) {
        	   focus_values[el.get('id')] = el.get('value');
        	  
            }

        el.addEvent('focus',function(){
           
        	            
            if(focus_values[el.get('id')] ==  el.get('value')) {
                el.set('value', '');
            }
            
                       
       	});
       	
       	el.addEvent('blur',function(){
            
        
            
            if(el.get('value') == '') {
                el.set('value',focus_values[el.get('id')]);
            }
           
            
       	});
       	
       	
    });
    
    
    $('header').getElements('li.submenu').each( function( elem ){
		
		var list = elem.getElement('ul.level_2 li');
		
		
		
		elem.addEvents({
			'mouseenter' : function(){
				list.setStyle('left','auto');
			}
			
		});
	})
	
	

	if($('Slideshow') != null) {

	var a_slideshow_links = new Element('a', {
    href: 'javascript: slide_left();',
    'class': 'pfeil_links_aktiv',
    html: '&nbsp;',
   id: 'a_slideshow_links',
    events: {
        click: function(){
            
        },
        mouseover: function(){
            
        }
    }
    });   
    
    var a_slideshow_rechts = new Element('a', {
    href: 'javascript: slide_right();',
    'class': 'pfeil_rechts_aktiv',
    html: '&nbsp;',
   id: 'a_slideshow_rechts',
    events: {
        click: function(){
            
        },
        mouseover: function(){
            
        }
    }
    });    
     
    
    a_slideshow_rechts.inject($('Slideshow'),'bottom');
    a_slideshow_links.inject($('Slideshow'),'top');
	 max_steps = $$('.slideshow_objekt').length;
      }
      

     replace_radiobuttons();
    replace_checkboxes();

});

function toggle_lang() {
    if($('lang_list').getStyle('display') == 'none') {
        $('lang_list').setStyle('display','');
    } else {
    	$('lang_list').setStyle('display','none');
    }

}

function replace_checkboxes() {
    $$('input.checkbox').each(function(el) {
    
        // is checked?
        status = el.getProperty("checked");
        
        if(status == true) {
            image = 'tl_files/mem-o-matic/theme/checkbox_checked.png';
        } else {
            image = 'tl_files/mem-o-matic/theme/checkbox.png';
        }
        
        id = el.get('id');
        id_image = id+'_image';
        // replacement element
        checkbox_image = new Element('img', {
            'class': 'checkbox_image',
            'src': image,
            id: id_image,
            events: {
                click: function(){

                    status = el.get("checked");

                    if(status == false || status =='false') {

                        image = 'tl_files/mem-o-matic/theme/checkbox_checked.png';
                        el.setProperty("checked",true);
                     } else {

                        image = 'tl_files/mem-o-matic/theme/checkbox.png';
                        el.setProperty("checked",false);
                    }
                        
                        this.set('src',image);


                }
            }
        });  
       el.setStyle('display','none');
        checkbox_image.inject(el,'after');

        
    
    });
}
function set_select(id,inhalt) {

$(id).set('value',inhalt);
$(id+'_first').set('html',inhalt);


}
function replace_radiobuttons() {
    $$('input.radio').each(function(el) {
    
        // is checked?
        status = el.getProperty("checked");
        
        if(status == true) {
            image = 'tl_files/mem-o-matic/theme/checkbox_checked.png';
        } else {
            image = 'tl_files/mem-o-matic/theme/checkbox.png';
        }
        
        id = el.get('id');
        id_image = id+'_image';
        // replacement element
        radio_image = new Element('img', {
            'class': 'radio_image name_'+el.get('name'),
            'src': image,
            id: id_image,
            events: {
                click: function(){
                    reset_radio(el.get('name'));
                    status = el.get("checked");
        
                   
                        image = 'tl_files/mem-o-matic/theme/checkbox_checked.png';
                        el.setProperty("checked",true);
                        this.set('src',image);

                }
            }
        });  
        el.setStyle('display','none');
        radio_image.inject(el,'after');

        
    
    });
}

function reset_radio(name) {
    $$('img.name_'+name).each(function(el) {
         image = 'tl_files/mem-o-matic/theme/checkbox.png';
        el.set('src',image);
    });
    $$('input.radio').each(function(el) {
     if(el.get('name') == name) {
        el.set('checked','false');
     }
     });
}

function slide_left() {

    if(step > 1) {
    
    xstep = step - 1;
    var myFx = new Fx.Tween($('slideshow'));
    newmargin = parseInt($('slideshow').getStyle('margin-left'))+987;

    myFx.start('margin-left', newmargin);
    
       step = step - 1;
       
       
       
    } else {
        width = 0;

        $$('.slideshow_objekt').each(function(el) {
            width = width + 987;
        });
        width = width -987;
        
        var myFx = new Fx.Tween($('slideshow'));
        newmargin = '-'+width+'px';
    
        myFx.start('margin-left', newmargin);
        step = max_steps;
       
    }
    


}

function slide_right() {
    
    if(step < max_steps) {
    xstep = step + 1;
    
    var myFx = new Fx.Tween($('slideshow'));
    newmargin = parseInt($('slideshow').getStyle('margin-left'))-987;
    
    myFx.start('margin-left', newmargin);
    
    
    
       step = step + 1;
    
        
   
    } else {
    
        var myFx = new Fx.Tween($('slideshow'));
        newmargin = 0;
    
        myFx.start('margin-left', newmargin);
        step = 1;
        
    } 
}



fontsize = 1;
function zoom_in() {
fontsize = fontsize+0.1;
$(document.body).setStyle("font-size",fontsize+"em");

}

function zoom_out() {
fontsize = fontsize-0.1;
$(document.body).setStyle("font-size",fontsize+"em");

}
