function setup(){	
	var locHash = String(window.location.hash);				
	if (locHash != ''){																		// wenn hash: content nachladen
		$$('div#main').setStyle('display', 'none');											// inhalt verstecken
		var newId = String(locHash.substring(2, locHash.length-5));							// id holen: hash ohne Endung
		setNewActive(newId);																// neuen link in der Navi aktivieren
		getNewContent(newId, 'main', 'main');												// content nachladen.
	}
	
		//time to implement basic show / hide
		Element.implement({
			//implement show
			show: function() {
				this.setStyle('display','');
			},
			//implement hide
			hide: function() {
				this.setStyle('display','none');
			}
		});
	}


function prepareNav(){
	//var fadeOutNav = new Fx.Tween($('ul.level_2'), {'duration': 10});
	//fadeOutNav.start('opacity', 1, 0);

	var loc = String(window.location);
	if (loc.contains('massage')){
		$$('ul.level_2').setStyle('display','');
	}
	if (loc.contains('massagen.html')){
		prepareMassageLinks();
	}
}

var getNewContent = function (elId, updateid, column) {					// WHEN PAGE IS LOADED
	var to_update = $(updateid);
	var url = String(window.location.hostname + window.location.pathname);
    var urlextend = 'http://' + url + elId + '.html' + "?request=" +column;
//	alert(elId);
    
    var req = new Request.HTML({url: urlextend, 
    	method: 'post',
        update: to_update,
        onRequest: function() {
    	},
    	onSuccess: function() { 
    		
    		$(to_update).show();    		
    		if (elId == 'massagen'){
    			prepareMassageLinks();
			}
    		
    		//location.hash = '#/'+filterUrl(url);
			
    		
    		//var fadeIn = new Fx.Tween(to_update, {'duration' : 300 }).start('opacity', 0 ,1);
        }
        }).send();
}


var loadNewContent = function (element, updateid, column) {				// WHEN A LINK IS CLICKED
	var to_update = $(updateid);
    $$(element+' a').each(function(el){
    	if (el.id != 'nav_link_http://www.spachaba.de/Spa-CHABA-Flye'){
    		el.onclick = function() {
    			var url = el.href;
    			var urlextend = url + "?request=" +column;
    			var fadeout = new Fx.Tween(to_update, {
    				'duration': 200
    			});

    			fadeout.start('opacity', 1, 0);
                
    			fadeout.addEvent('onComplete', function(e) {
    				var req = new Request.HTML({url: urlextend, 
    					method: 'post',
    					update: to_update,
    					onRequest: function() {
    					location.hash = '#/'+filterUrl(url);
            			},
            			onSuccess: function() { 
            				setDocumentTitle(filterUrl(url));
            				if (filterUrl(url) == 'massagen.html'){
            					prepareMassageLinks();
            				}
            			
            				var fadein = new Fx.Tween(to_update, {'duration' : 100 }).start('opacity', 0 ,1);                        
            			}
    				}).send();
    			});
    			return false;
        	}
    	}
    }
    );  
}

function prepareMassageLinks(){
//	alert("preparing now");
	var to_update = $('main');
	var column = 'main';
    $$('div#massagen-preview' + ' a').each(function(el){
 //   	alert (el);
    	el.onclick = function() {
        	var url = el.href;
            var urlextend = url + "?request=" +column;
            var fadeout = new Fx.Tween(to_update, {
            	'duration': 300
            });

            fadeout.start('opacity', 1, 0);
                
            fadeout.addEvent('onComplete', function(e) {
            	var req = new Request.HTML({url: urlextend, 
                    method: 'post',
                    update: to_update,
                    onRequest: function() {
            			location.hash = '#/'+filterUrl(url);
            		},
            		onSuccess: function() { 
                        
            			
            			var fadein = new Fx.Tween(to_update, {'duration' : 100 }).start('opacity', 0 ,1);
                    }
                }).send();
            });
            return false;
        }
    	el.onmouseup = function() {										// Getting id of clicked item, setting it to active 
    		var linkIDTemp = String(el).split('/').getLast();
    		var linkIDAr = String(linkIDTemp).split('.');
    		var linkID = linkIDAr[0];
    		activateLink(String(linkID));
    	}
    }
    );  	
}

function filterUrl(origUrl){
	var newUrl = origUrl.split('/');
	return newUrl.getLast();
}

function deactivateOldLink(){
//	PROCESSING OLDACTIVE FIRST:
	var objOld_oldClass = "";
	objOld_oldClass = String($$('li.active').get('class'));
	var objOld_oldClassAr = objOld_oldClass.split(' ');
	var objOld_newClass = "";
	objOld_oldClassAr.each(function(item, index){
		if (item != 'active'){
			objOld_newClass += item + " ";
		}
	});
	$$('li.active').set('class', objOld_newClass);
}

function setNewActive(newId){
	deactivateOldLink();
	
	var newObj_oldClass = String($$('li#nav_'+newId).get('class'));
	var newObj_oldClassAr = newObj_oldClass.split(' ');
	var newObj_newClass = '';	
	newObj_oldClassAr.each(function(item, index){
		if (item != 'active'){
			newObj_newClass += item + " ";
		}
	});
	newObj_newClass += 'active';
//	Assigning new class to containing li-item
	$$('li#nav_'+newId).set('class', newObj_newClass);	
	return true;	
}

function activateLink(newLinkId){
	deactivateOldLink();
//	Old Object now inactive, setting new one up now	
	

	var newObj_oldClass = String($(newLinkId).get('class'));
	var newObj_oldClassAr = newObj_oldClass.split(' ');
	var newObj_newClass = '';	
	newObj_oldClassAr.each(function(item, index){
		if (item != 'active'){
			newObj_newClass += item + " ";
		}
	});
	newObj_newClass += 'active';
//	Assigning new class to containing li-item
	$$('li#nav_'+newLinkId).set('class', newObj_newClass);

	//	NOW CHECK FOR SUBNAV ("massage");
	if (newLinkId.contains('massage')){
		$$('ul.level_2').setStyle('display','');
		//var fadeInNav = new Fx.Tween($('ul.level_2'), {'duration': 500});
		//fadeInNav.start('opacity', 0, 1);
	}

	if (!newLinkId.contains('massage') && $$('ul.level_2').get('display') == ''){
		//var fadeOutNav = new Fx.Tween($$('ul.level_2'), {'duration': 500});
		//fadeOutNav.start('opacity', 1, 0);
		$$('ul.level_2').setStyle('display','none');
	}
	
	return true;
}

function setDocumentTitle(urlText){
	var baseTitle = ('CHABA Thai Massage & Spa | Studio für Traditionelle Thailändische Massage in Köln');
	var titles = Array();
	titles[''] = '';
	titles['index.html'] = '';
	titles['philosophie.html'] = 'Philosophie' + ' - '; 
	titles['massagen.html'] = 'Massagen' + ' - ';
	titles['thai-relax-massage.html'] = 'Thai Relax Massage' + ' - ';
	titles['traditionelle-thaimassage-thai-yoga.html'] = 'Traditionelle Thai Massage | Thai Yoga' + ' - ';
	titles['thai-aromaoelmassage-spa.html'] = 'Thai Aromaölmassage | Spa' + ' - ';
	titles['thailaendische-fuss-und-beinmassage.html'] = 'Thailändische Fuß- und Beinmassage' + ' - ';
	titles['referenzen.html'] = 'Referenzen' + ' - ';
	titles['gutscheine.html'] = 'Gutscheine' + ' - ';
	titles['so-finden-sie-uns.html'] = 'So finden Sie uns' + ' - ';
	titles['kontakt-impressum-agb.html'] = 'Kontakt | Impressum | AGB' + ' - ';
	
	document.title = titles[urlText] + baseTitle;
}