// JavaScript Document	
// @utf8
function pgID(laenge){ // ------------------------------------------------------------------- rendert eine unique id
	
	var varlist = '0123456789aAbBcCdDeEfFgGhHiIjJkKlLmMnNoOpPqQrRsStTuUvVwWxXyYzZ';
	var newstring = '';
	for(i=0; i < laenge; i++){
		newstring += varlist.charAt(parseInt( Math.random() * ( varlist.length )));
	}
	return newstring;
}

// ###################################################### accord start
	
	document.editor_active = 0;	

	function slide_me(){
		//if($('.accord_content')){
			document.close_accord = new Array();
			var obj_list = $$('.plz_container .pe_template','.plz_container .accord_holder');
			$each(obj_list, function(obj, index){
			//alert(obj);
															 
				header 	= obj.getChildren('.accord_head');
				content = obj.getChildren('.accord_content');			
				header 	= header[0];
				content	= content[0];
				if(header && content){
					header.id = 'pg_'+pgID(5);
					content.id = header.id+'_c';
					//alert(header.id+' :'+content.id);
					document.close_accord[document.close_accord.length] = content.id;
			
					header.addEvent('click', function(e){
						new Event(e).stop();
						
						$$('.accord_content').slide('out');											 
						var classer = this.hasClass('open');
						$$('.accord_head').removeClass('open');
						if(!classer) this.toggleClass('open');			
						$(this.id+'_c').slide('toggle');
					});
				}
		
		
			});
			
			$$('.accord_content').slide('hide');
		//}
	}
	
	
	window.addEvent('domready', function() {
		
		if(typeof pe_init_editors != 'function') {
			
			var obj_list = $$('.list_head');
			
			if($type(obj_list) == 'array'){
				$each(obj_list, function(obj, index){
					
					obj.addEvent('click', function(e){
						var classer = this.hasClass('open');
						$$('.list_head').removeClass('open');
						e.stop();
						if(!classer) this.toggleClass('open');
			
					});
				
					var pare = obj.getParent();
					var child = pare.getChildren('.list_content');
					//if(pare.hasClass('plz_container')){
						child.slide('hide');		
						obj.addEvent('click', function(e){
							$$('.list_content').slide('out');
							
							e.stop();
							child.slide('toggle');
						});
					//}
					
				});
			}
		slide_me();
		}
	});

// ###################################################### accord ende


	window.addEvent('domready', function() {
		adder_events();
	});		 
		
	function show_orange_bar(that){
		var pos 			= that.getPosition();
		var size 			= that.getSize();
		var page_pos 	= $('page').getPosition();
		
		//$('orange_bar').setStyle('top', page_pos.y+120)
		//$('orange_bar').setStyle('left', (pos.x-1))
		//$('orange_bar').setStyle('width', (size.x+2))
		if(!$('sub_'+that.id)) show_subnav(0,0,0);
	}		
	
	function show_subnav(id,dest,x){
			var dater = $$('.subnavi_list');
			$each(dater, function(element){
				element.setStyle('top', -1000);
			});			
			
		if (x==1){		
			//show_orange_bar($(dest));
			var pos 			= $(dest).getPosition();
			var size 			= $(dest).getSize();
			var page_pos 	= $('page').getPosition();
			$(id).setStyle('top', page_pos.y+152);
			$(id).setStyle('left', (pos.x));					
		} else {
			if(id) $(id).setStyle('top', -1000);
		}
	}


	function init_link_to_div(){
			
		if(!document.editor_active || document.editor_active != 1){
			var el_list = $$('.pe_link_to_img', '.pe_link_to_upper_div');
			var picas = '';
			$each(el_list, function(element){
				
				pica = element.getParent('div');
				pica.setStyle('cursor', 'pointer');
				pica.addEvent('click', function(e){
					e = new Event(e).stop();
					
					linker 	= this.getChildren('.pe_link_to_img', '.pe_link_to_upper_div');
					linko 	= linker[0].innerHTML;
					wtest 	= (linko.substr( 0, 1 ) == '/')? 1:0;
					linko 	= linko.replace(/http:\/\//,'');
					//if(linko) document.location = 'http://'+linko;
					if(linko){ 
						if(!wtest){ 
							$("pe_targetlink").action = 'http://'+linko;
							$("pe_targetlink").submit();
						} else { 
							//alert(linko);
							document.location = linko;
						}
					}
					//alert(linko);
				});
			});
		}

		if(!$("pe_targetlinkdiv")){
			$$('body').setProperty('id', 'body');
			
			var el = new Element('div', {
				'id': 'pe_targetlinkdiv',
				'html': '<form name="pe_targetlink" id="pe_targetlink" target="_blank"> </form>'
			});
	

/*
			var fo  = new Element('form', {
				id: 		'pe_targetlink',
				name:		'pe_targetlink',
				target:	'_blank'
			});
			
			var el = new Element('div', {
				'id': 'pe_targetlinkdiv',
				'html': ''
			});

			fo.inject('body');
*/
		}
	}



	function adder_events(){

		var el_list = $$('.subnavi_list');		
		$each(el_list, function(element){
		if(!element.id) element.id = 'nav_'+pgID(6);
			element.addEvent('mouseover', function(e) { 
				e = new Event(e).stop();
				show_subnav(this.id,this.id.substr(4), 1);
			});
		});
		
		el_list.addEvent('mouseout', function(e) { 
			e = new Event(e).stop();
			this.setStyle('top', -2000);
		});
	
		
		
		var el_list = $$('.navi li');
		el_list.removeEvents();
		el_list.addEvent('mouseover', function(e) {
			e = new Event(e).stop();
			//show_orange_bar(this);
		});
		el_list.addEvent('mouseleave', function(e) {
			e = new Event(e).stop();
			show_subnav(0,0,0);
			//$('orange_bar').setStyle('top', -1000);
		});
		
		// ############################################################################################ init linker
		
		init_link_to_div();
	}
	
	
function show_request(obj){
	
	obj1 = obj.getParents('.mhold');
	obj3 = obj1[0].getChildren('.anfrage_id');
	obj4 = obj3[0].innerHTML;
	obj4 = obj4.replace(/ /g,'');
	obj4 = obj4.replace(/&nbsp;/g,'');
	
	$("testwon").innerHTML = '<form id="form2" name="form2" method="post" action="/js/bestellung.php" class="accord_holder"> <table style="text-align: left; width: 400px; border:1px #BBB solid; padding:10px;background-color:#FFF; color:#000" border="0" cellspacing="2" cellpadding="0" align="center"> 	<tbody> <tr> 	<td width="100">&nbsp;</td> 	<td width="300">&nbsp;</td> </tr> <td colspan="2" class="header_pe" style="font-size:15px; padding-bottom:10px;">Anfrage zu Angebot: '+obj4+'<hidden type="text" name="ANR" id="ANR" value="'+obj4+'"/></td> <tr> 	<td align="left" valign="middle">Name:</td> 	<td class="header_pe">  	<input type="text" name="namer" id="namer"/>  </td> </tr> <tr> 	<td align="left" valign="middle">E-Mail:</td> 	<td class="header_pe"><input type="text" name="mailer" id="mailer"/></td> </tr> <tr> 	<td align="left" valign="middle">Telefonnummer:</td> 	<td class="header_pe"><input type="text" name="tel" id="tel"/></td> </tr> <tr> 	<td>&nbsp;</td> 	<td>&nbsp;</td> </tr> <tr> 	<td colspan="2">Nachricht:</td> </tr> <tr> 	<td class="header_pe" colspan="2"><textarea name="nachricht" id="nachricht"></textarea>  	<br /></td> </tr> <tr> 	<td width="100">&nbsp;</td> 	<td width="300">&nbsp;</td> </tr> <tr> 	<td colspan="2" align="left"><div onclick="send_angebot(\''+obj4+'\');" class="anfrag" style="float:right;">Anfrage senden</div><div onclick="abdeck(0,0.8,\'#000\',\'testwon\');" class="anfrag" style="float:left;">cancel</div></td> </tr> <tr> 	<td colspan="2">&nbsp;</td> </tr> 	</tbody> </table>	</form>';
	//alert(obj2);
	
	$('form2').addEvent('submit', function(e) {
		e.stop();
		//var logg = $('log_res').empty().addClass('ajax-loading');
		this.set('send', {onComplete: function(response) { 
			//logg.removeClass('ajax-loading');
			//logg.set('html', response);
			//send_response(response);
		}});
		this.send();

	});
	abdeck(1,0.8,'#000','testwon');
}

/*
function send_angebot(){
	var el = $$('#form2 input');
	var fields = 0;
	var lister = '';
	$each(el, function(element){
		if(element.value == ''){ 
			fields++;		
			lister += ' | '+element.id;
		}
	});
	var el = $$('#form2 textarea');
	$each(el, function(element){
		if(element.value == ''){ 
			fields++;		
			lister += ' | '+element.id;
		}
	});
	
	alert(lister);
	if(fields > 0){ 
		alert("Bitte fuellen Sie alle Felder aus! ");
	} else {
		//document.forms.form2.submit();	
		
	}
}
*/

function send_angebot(objecter){
	var el = $$('#form2 input');
	var fields = 0;
	var lister = '';
	var request1 = '';
	var req_trenn = '?';
	
	$each(el, function(element){
		if(element.value == ''){ 
			fields++;		
		}
		request1 += req_trenn+element.id+'='+element.value;
		req_trenn = '&';
	});
	var el = $$('#form2 textarea');
	$each(el, function(element){
		if(element.value == ''){ 
			fields++;		
		}
		request1 += req_trenn+element.id+'='+element.value;
		req_trenn = '&';
	});
	
	request1 += req_trenn+'id='+objecter;
	
	if(fields > 0){ 
		alert("Bitte fuellen Sie alle Felder aus! ");
	} else {
		$("testwon").innerHTML = '<center><br> <br> <img src="/de/img/waiting.gif" width="32" height="32"><br> <br> <br><span style="font-size:14px;font-weight:bold;">Daten werden &uuml;bertragen!<br> <br> <br></span></center>';
		var request = new Request({																		 
			url: '/js/bestellung.php'+request1,
			onComplete: function(response) {
				//alert(response)
				//if(jsonObj && jsonObj.data) draw_list(jsonObj.data,obj);
				//else show_feedback(0,0);
				//alert(jsonObj.data);
			},
			onSuccess: function(response) {
				send_response(response);
			}

		}).send();

	}
}


function send_response(response){
		
		(function(){ 
			$("testwon").innerHTML = "<center><br> <br> <br><span style='font-size:14px;font-weight:bold;'>"+response+"</span><br> <br> <br></center>";
		}).delay(1000);
	
		(function(){ 
			abdeck(0,0.8,'#000','testwon'); 
			document.forms.form1.reset();
		}).delay(5000);
}



	// ##########################################################################################################################################################

	 	
	function pe_sizer(){ // --------------------------------------------------------------------- positioniert den Abdecker und zentriert das Fenster
		
		var el 	= $('abdecker');
		if(el){
			el.setStyles({ width: 1, height: 1 });
			var win_size = window.getSize();
			var scrollo = window.getScroll();
			el.setStyles({ width: win_size.x, height: win_size.y, top: scrollo.y, left: scrollo.x });
			//alert(scroll.y);
		}
	}


	function pe_center3(el,offx,offy){ // --------------------------------------------------------------------- positioniert den Abdecker und zentriert das Fenster
		
		if($type(el) == 'string') el = $(el);
		//var el 	= $('abdecker');
		if(el){
			
			//el.setStyles({ width: 1, height: 1 });
			
			var el_size 	= el.getSize();
			var win_size 	= window.getSize();
			var scrollo 	= window.getScroll();
			
			var pos_x = Math.round((win_size.x/2)-(el_size.x/2));
			var pos_y = Math.round((win_size.y/2)-(el_size.y/2));
			//alert(el_size.x+' '+el_size.y+' | '+pos_x+' '+pos_y);
			el.setStyles({ top:  (pos_y+offy), left: (pos_x+offx) });

		}
	}
	function pe_center4(el,offx,offy){ // --------------------------------------------------------------------- positioniert den Abdecker und zentriert das Fenster
		
		alert(1);
	}


	function check_abdecker(){
		//alert(0);
		var a = check_abdecker.arguments;
		var waittext = a[0];
		var bgc = (a[1])? a[1]:'#FFF';
		
		var bodyt = $$('body');
		bodyt[0].setProperty('id', 'body');
		if(!$("abdecker")){
			var el = new Element('div', {
				'id': 'abdecker',
				'styles': {
					'position': 	'absolute',
					'z-index': 		'10',
					'width': 			'1px',
					'height': 		'1px',
					'overflow': 	'hidden',
					'background-color': bgc,
					'top': 				'0px',
					'left': 			'0px'
				},
				//'html': '<div style="text-align:center; padding-top:100px; font-size: 15px; color:#000; font-weight:bold; font-family: Arial, Helvetica, sans-serif;"><br> <br> <br> <br> <br> <br> <br> <br> <br> <br><img src="/de/images/waiting.gif" width="32" height="32"><br> <br> <br>loading data ... please wait</div>'
				'html': '<div style="text-align:center; position: absolute;top: 30%;left: 50%; width:30em; height:18em; margin-top: -9em; margin-left: -15em; font-size: 15px; color:#000; font-weight:bold; font-family: Arial, Helvetica, sans-serif;"><br> <br> <br> <br> <br> <br> <br> <br> <br> <br><div id="textback">&nbsp;</div></div>'
			});
			el.inject('body','bottom');
		}
		$('abdecker').fade('hide');
		pe_sizer();	
		
		if(!$("testwon")){
			var el1 = new Element('div', {
				'id': 'testwon',
				'styles': {
					'position': 				'fixed',
					'z-index': 					'10',
					'width':						'420px',
					'height':						'auto',
					'background-color': '#FFF',
					'top': 							'100px',
					'left': 						'0px'
				},
				'html': '&nbsp;12345'
			});
			el1.inject('body','bottom');
		}
		$('testwon').fade('hide');
		pe_center3('testwon',0,-200);
	}

	function abdeck(){ // ---------------------------------------------------------------- zieht Rahmen um objekt und ruft Kontxtmenu auf
		//alert(1);
		var a = abdeck.arguments;
		var state 	= a[0];
		var opacity = (a[1])? a[1]:0.9;
		var backcol = (a[2])? a[2]:'#FFF';
		var addlayer= a[3];
	
		//pe_sizer();
		var el 	= $('abdecker');
		el.set('tween', {duration: 10});
		
		if(state >= 1){
			el.fade(opacity);
			el.setStyle('background-color', backcol);
		}else{
			el.fade(0);
		}
		
		if(addlayer && $(addlayer)){ 
			var el2 = $(addlayer);
			el2.set('tween', {duration: 10});
			if(state >= 1){
				el2.fade(1);
			}else{
				el2.fade(0);
			}
		}
	}

	// ###################################################################################################################	 INITS
		window.addEvent('domready', function() {
			//check_abdecker('Ihre Daten wurden &uuml;bertragen!');
			check_abdecker('&nbsp;');
		});	

		window.addEvent('resize', function() {
			pe_sizer();
		});
	
		window.addEvent('scroll', function() {
			pe_sizer();
		});
		
	// ###################################################################################################################