var Navi = new Class({
	initialize: function(){

		this.themen = new Object({
			Unternehmen: new Array( 'Historie', 'Team', 'Ausstellung'),
			Dienstleistung: new Array('Analyse','Planung', 'Visualisierung', 'Service', 'Ergonomie'),
			Produkte: new Array('Sitzen','Arbeiten', 'Stauraum', 'Konferenz', 'Pause', 'Chefzimmer'),
			Hersteller: new Array(),
			Referenzen: new Array(),
			Kontakt: new Array('Anfahrt','Impressum'),
			Aktuelles: new Array()
		});

		this.produkte = new Object({
			Sitzen: 6,
			Arbeiten: 6,
			Stauraum: 6,
			Konferenz: 4,
			Pause: 5,
			Chefzimmer: 2
		});
		this.unternehmen = new Object({
			Historie: 1,
			Team: 1,
			Ausstellung: 3,
			Philosophie: 1
		});
		
		this.dienstleistung = new Object({
			Analyse: 1,
			Visualisierung: 2,
			Service: 1,
			Planung: 2,
			Ergonomie: 1
		});
		
		this.kontakt = new Object({
			Nachricht: 1,
			Anfahrt: 1,
			Impressum: 1
		});

		this.setInvisible('all');
		var myid;
		var navitop = $('navigation').getElements('.navigationTop');
		navitop.addEvent('mouseover', function(){
			myid = this.getProperty('id');
			if ($(myid).getElement('ul') == null) {
				Navi.setVisible(myid);
			}
		});
		navitop.addEvent('mouseleave', function(){
			myid = this.getProperty('id');
			Navi.setInvisible(myid);
		});
	},
	
	setInvisible: function(shutId) {
		if (null == shutId || shutId.test('all')){
			$('navigation').getElements('ul.navigationLinks').dispose();
		} else {
			$(shutId).getElement('ul[class=navigationLinks]').dispose();
		}
	},

	setVisible: function(id) {
		var key;
		var str ='';
		counter = 0;
		Navi.themen[id].each(function(key, ind){
			var google = '';
			if (id == 'Kontakt' && ind == 0) {
					google = 'google';
			} else {
				google = escape(key)+'_'+counter
			}
			str += '<li class="navigation"><div><a id="'+google+'" class="navigation" href="index.php?thema='+id+'&kat='+key+'&page=1" >'+key+'</a></div></li>';
			counter++;
		});
		var div = new Element('div');
		div.inject(id, 'bottom');
	
		var ul = new Element('ul',{
			html: str,
			'class': 'navigationLinks',
			styles: {'display':'inline', 'text-align':'left'}
		});
		ul.inject(div, 'bottom');
		var div2 = new Element('div', {'class': 'frame'});
		div2.inject(ul, 'bottom');
		if(window.innerHeight < 600) {
			ul.getElements('li.navigation').setStyles({'padding-bottom': '5px'});
			$('topRange').setStyle('height', '30px');
			$('logo').setStyle('height', '110px');
		} else {
				ul.getElements('li.navigation').setStyles({'padding-bottom': '10px'});
		}
		
		if ($('google') != null) {
			$('google').addEvent('click', function (evt ){
			evt.stop();
			Navi.setView('Kontakt','anfahrt','google');
		});	
		}
	},

	setView: function(thema, kat, seite) {

		var mykat = unescape(kat);
		Navi.getText(thema, mykat.toLowerCase(), seite);
		Navi.getVisual(thema, mykat.toLowerCase(), seite);
		
	},

	getText: function(thema, kat, seite) {
		if(kat == 0 ) {
			kat = thema.toLowerCase();
		}
		var url = 'texte/'+thema+'/'+kat;
		if(seite > 1 && kat != 'ausstellung') {
			url += '_'+seite;
		}
		url += '.html';

		new Request.HTML({
					method: 'get', 
					url: url,
					onSuccess: function(responseTree, responseElements, responseHTML, responseJavaScript) {
						if (seite == 'kontaktform' || thema == 'Referenzen' || thema == 'Hersteller') {
							$('content').innerHTML = responseHTML;
							if ($('abschicken') != null) {
								$('abschicken').addEvent('click', function(event){
									var sendit = true;	
									event.stop();
									var nachricht = $('nachricht').value;
									if (nachricht.length < 10 ) {
											event.stop();
											$('nachricht').addClass('ungueltig');	
											sendit = false;	
									}
									var uname = $('uname').getProperty('value');
									if (uname.length < 3 ) {
											
											$('uname').addClass('ungueltig');	
											sendit = false;		
									}
									
									if (sendit == true) {
										data = new Object();
										
										var felder = ['uname','firma','nachricht','fon','email','anrede'];
										felder.each(function(feld, ind ) {
												data[feld] = $(''+feld).value;
										});
										data['thema'] = 'Kontakt';
										data['kat'] = 'nachricht';
										data['page'] = 'danke';
										//	url: 'http://192.168.2.88/marei/index.php',
										new Request({
											method: 'post', 
											data: data,
											url: 'http://www.marei-gmbh.de/neu/index.php',
									//		url: 'http://192.168.2.88/marei/index.php',
											onSuccess: function(responseText, responseJavaScript) {
												$('formContainer').addClass('floatcontainer3');
												$('formContainer').innerHTML = '<center><strong>Vielen Dank f&uuml;r Ihre Nachricht!</strong></center>';
											},
											onFailure: function(responseText) {alert(responseText +" request failed");},
											onError: function(responseText) {alert(responseText +" request2 failed");}
										}).send();
									} 							
								});
								$('uname').removeEvent('blur');
								$('uname').removeEvent('change');
							}
		
						} else {
							if ($('textBoxInner') == null) {
								Navi.restoreBoxes();
								Navi.getVisual(thema, kat, seite);
							}
							$('textBoxInner').innerHTML = responseHTML;
						}
//						Navi.flush('textBox', responseHTML);

					},
					onException: function() {
						alert('Error: Kann den Text nicht finden.');
					},
					onFailure: function() {alert("404? not successful");}
//				});
				}).send();
	},

	getVisual: function(thema, kat, seite) {
		
		var url = 'img/' + thema + '/' + kat + '_' + seite;
		url += '.jpg';
		
		if (seite == 'flash') {
			$('bildBox').innerHTML = '<object><param name="movie" value="img/flash/empfang.swf"><embed src="img/flash/empfang.swf" ></embed></object>';
		} else if (seite == 'google') {
			if($('bildbox') == null) {
				Navi.restoreBoxes();
			}
			$('bildBox').innerHTML = '<iframe width="515" height="400" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.de/maps/ms?hl=de&amp;ie=UTF8&amp;msa=0&amp;msid=201050691163816525480.00049e7756a57be75a17e&amp;ll=51.981708,8.479385&amp;spn=0.022097,0.06815&amp;output=embed"></iframe><br /><small><a href="http://maps.google.de/maps/ms?hl=de&amp;ie=UTF8&amp;msa=0&amp;msid=201050691163816525480.00049e7756a57be75a17e&amp;ll=51.981708,8.479385&amp;spn=0.022097,0.06815&amp;source=embed" style="color:#0000FF;text-align:left">Marei B&uuml;ro- u. Objekteinrichtungen GmbH</a> auf einer gr&ouml;&szlig;eren Karte anzeigen</small>';
		} 
		else if ($('bildBox') != null) { 
			$('bildBox').innerHTML = '<img src="'+url+'" />';
		}
	},

	flush: function(id, htm) {
		var mySlide = new Fx.Slide(id, {duration:'short'}).hide();
		mySlide.slideIn();
	},
	
	restoreBoxes: function () {
		var str = '<div id="textBox"><div id="tboxbuffer">&nbsp;</div><div id="textBoxInner"></div></div>';
		str += '<div id="bildBox"></div>';
		$('content').innerHTML = str;

	},
	
	getAktuelleSeitenCount: function(thema) {
		var data = new Object ({
			thema : thema,
			act: 'getPaginatorCount'
		});
		new Request.JSON({
			url: 'index.php',
			data: data,
			method: 'POST',
			async: false,
			onSuccess: function(responseJSON, responseText) {
				}
		}).send();
	}
});

window.addEvent('domready', function() {
	Navi = new Navi();
});