// preload arrow images




function clearFieldsOnFocus(){
	    $$('input').each(function(element) {
	    	if(element.name == 'tx_indexedsearch[sword]')
				element.onclick = function(){this.value = ''}
			if(element.name == 'tx_clagrocomhl[plz]'){
				element.onclick = function(){this.value = ''}
				Event.observe(element.up('form'), 'submit', checkForm, false);
			}
				
      });
}

function checkForm(event){
	form = Event.element(event);
	plz = form.down('input').value;
	if(isNaN(plz) || (plz < 1000) || (plz > 99999)){
		msg = document.createElement('P');
		msg.style.color = 'red';
		msg.innerHTML = 'Bitte überprüfen Sie ihre Eingabe';	
		form.appendChild(msg);
		Event.stop(event);		
	}
}


function appendNewsAjax(){
    $$('.news-list-browse')[0].descendants().each(function(element) {
          if(element.tagName == "A") {               
            Event.observe(element, "click", doAjax, false);
          }
      });
}

function doAjax(event){
    Event.stop(event);
    var clickedLink = Event.element(event);
    if(clickedLink.tagName == 'IMG') clickedLink = clickedLink.up();
   // $('news-ajax').hide();
   // $('ajax-load').show();
    new Ajax.Updater('content-right', clickedLink.href+'?type=1&no_cache=1', {
            asynchronous:true,
            onComplete: function(){ 
            		appendNewsAjax(); 
            		// $('ajax-load').hide(); 
            		// new Effect.Appear('content-right', {duration:0.4}) 
            		accordion2 = new Accordion("klappmenu-right", 1);
            		}
            		
            		
            });
}


function getBrowser(){
	if(document.ids)x='nc4';
	else if( document.all && !document.getElementById )x='ie4';
	else if( window.opera && !document.createElement )x='op5';
	else if( window.opera && window.getComputedStyle )  {
	          if(document.createRange)x='op8';
	            else if(window.navigate)x='op7.5';
	                             else x='op7.2';                   }
	else if( window.opera && document.compatMode )x='op7';
	else if( window.opera && document.releaseEvents )x='op6';
	else if( document.contains && !window.opera )x='kq3';
	else if(window.pkcs11&&window.XML)x='f15';
	else if( window.getSelection && window.atob )x='nn7';
	else if( window.getSelection && !document.compatMode )x='nn6';
	else if( window.clipboardData && document.compatMode )
	  x=window.XMLHttpRequest? 'IE7' : 'IE6';
	else if( window.clipboardData ){x='ie5';
	     if( !document.createDocumentFragment ) x+='.5';
	     if( document.doctype && !window.print ) x+='m';}
	else if( document.getElementById && !document.all ) x='op4';
	else if( document.images && !document.all ) x='nn3';
	else if(document.clientWidth&&!window.RegExp)x='kq2';
	else x='???';
return x;
}

function observeMenuIE(){
    $$('ul.menu li').each(function(element) {       
            Event.observe(element, "mouseover", function(){showSubMenu(element)}, false);
            Event.observe(element, "mouseout", function(){hideSubMenu(element)}, false);
          
      });
}

function showSubMenu(element){			
		element.className += " hover";
}
	
function hideSubMenu(element){
	element.className = element.className = element.className.replace(/hover/g, "");
}



function productTabs(){

	var anker =location.href.split('#')[1];
	
	if(anker == 'tabelle'){
		$('produkt-details1').hide();	
		$('produkt-tab2').className='active'; 
	} else {
		$('produkt-details2').hide();
		$('produkt-tab1').className='active'; 
	}
	
	Event.observe($('produkt-tab1'), "click", function(e){
		$('produkt-tab1').className='active'; 
		$('produkt-tab2').className=''; 
		$('produkt-details1').show(); 
		$('produkt-details2').hide()}, false);
		
	Event.observe($('produkt-tab2'), "click", function(e){
		$('produkt-tab1').className=''; 
		$('produkt-tab2').className='active'; 
		$('produkt-details1').hide(); 
		$('produkt-details2').show()}, false);
}

function observeMenuHeight(){
    $$('ul.menu li.level2').each(function(element) {       
            Event.observe(element, "mouseover", function(){
             
             	container = element.down('ul');
             
            	ul_top = container.viewportOffset()['top'];
            	ul_height = container.getHeight();            	
            	win_height = document.viewport.getHeight();           	
            	
	           	diff = (container.viewportOffset()['top']+container.getHeight())-document.viewport.getHeight();
           	       	
            	if(diff > 0){
            	
            		if(container.getHeight()>document.viewport.getHeight()){
            			container.style.marginTop = '-'+(110)+'px';
            		} else {
            			container.style.marginTop = '-'+(15+diff)+'px';
            		}
            	
            		
            	} else {
           			container.style.marginTop = '-'+(22)+'px';	
            	}           	
            	
            }, false);
            
            Event.observe(element, "mouseout", function(){
            	container = element.down('ul');
            	container.style.marginTop = '-'+(22)+'px';
            }, false);
     });
}


function observeKlippklapp(){


	 
	$$('.klappmenu-content').each(function(element) {   
		element.hide();
	});
	
	$$('.klappmenu-head').each(function(element) {  
		
			Event.observe(element, "click", function(){
			$$('.klappmenu-content').each(function(e) {   
					e.previousSibling.className = 'klappmenu-head';
					if(e.previousSibling != element) 
						e.hide();						
			});			
		    element.nextSibling.toggle();
	    
		    if(element.nextSibling.visible()){
		    	element.className = 'klappmenu-head active';
			} else {
				element.className = 'klappmenu-head';
			}	

			}, false);
	});
	
}


function checkRightContent(){
	if(!$('content-rand'))
		return;
	
	if($('content-rand').down('.content-inner').innerHTML != ''){
		$('content-right').down('.content-inner').style.paddingRight = '200px';
	}
}

document.observe("dom:loaded", function(){

    
    checkRightContent();
    
    
    if($('klappmenu')){
    	//accordion = new Accordion("klappmenu", defaultopen); 
    	
    	observeKlippklapp()
    	
    } 


        
    if($('produkt-details2'))
    	productTabs();    
        
        
    if((getBrowser() == "IE6") ||  (getBrowser() == "IE5")){
    	observeMenuIE();  
    } else {
    	observeMenuHeight();
    }
   		
      
           
        	
    clearFieldsOnFocus();
    
});