//create email-nicks
	function writeMail(name, prov, suffix, tag, text) {
		var mailString = name + '@' + prov + '.' + suffix;
		$(tag).setProperty("href", "mailto:"+mailString+"?subject="+prov);
		$(tag).set('text', text);
	}
	
	//clear input fields
	var cleanInputs = function() {
		var inputs = $$('input');
		
		inputs.each(function(input) {
			if (input.get('type') == 'text' && input.get('value') != '') {
				var defValue = input.get('value');
				
				input.addEvents({
					"focus": function(){
						if (this.get('value') == defValue) {
							this.set('value', '');
						}
					},
					"blur": function(){
						if (this.get('value') == '') {
							this.set('value', defValue);
						}
					}
				});
			};
		});
	}

	
//DOM READY
window.addEvent('domready', function() {
	
	//create accordion instance
	var myAccordion = new Accordion($$('.toggle'), $$('.element'), {
		opacity: false,
		alwaysHide: true,
		display: -1,//-1
		onActive: function(toggle, element){
		},
		onBackground: function(toggle, element){
		}
	});
	/*$('showLinks').addEvent('click', function() {
		var linkToggle = new Element("div", {
			"events": {
				"mouseover": function(){
					this.getElement('.hover').setStyle("visibility", "visible");
				},
				"mouseout": function(){
					allHovers.setStyle("visibility", "hidden");
				}
			},
			"class": "toggle",
			"html": "<h2>VERWEISE</h2>"
		});
		var linkElement = new Element("div", {
			"class": "element"
		});
		var linkList = new Element("a", {
			"html": "link",
			"class": "extern"
		});
		linkList.inject(linkElement, "bottom");
		myAccordion.addSection('linkToggle', 'linkElement');
	});*/
	
	//switch portraits & contact form
	cleanInputs();
	//$('cform').setStyle('visibility', 'hidden');
	var tmp;
	$('me').addEvents({
		"click": function(){
		this.setStyle('visibility', 'hidden');
		tmp = $('portrait').dispose();
		},
		"mouseover": function(){
		this.set("src", "./images/andi.jpg");
		//this.fade(0.90);
		},
		"mouseout": function(){
		this.set("src", "./images/myself.jpg").fade('show');
		}
	});
	/*$('no').addEvent("click", function(){
		tmp.inject(this, "before");
	});*/

	//create slider instance
	//new Collapsible('switch', 'slide', {duration: 4000, mode: 'vertical'}).dissolve();
	var myVerticalSlide = new Fx.Slide('slide', {duration: 100, mode: 'vertical'}).hide();
	
	$('switch').addEvents({
		"click": function(){
		myVerticalSlide.toggle();
		},
		"mouseover": function(){
		this.setStyle("text-decoration", "none");
		},
		"mouseout": function(){
		this.setStyle("text-decoration", "underline");
		}
	});
	
	//change mailadress
	writeMail("stephan.hagedorn", "o2online", "de", "post2", "Email");
	writeMail("stephan.hagedorn", "3leben", "de", "post1", "Email");
	
	//create scrollbox
	$('container').setStyle('width', window.getSize().x);
 
	Scroller.implement({
	start: function(){
		this.listener.addEvents({
			mouseenter: this.bound.attach,
			mouseleave: this.bound.detach
		});
	},
	stop: function(){
		this.listener.removeEvents({
			mouseenter: this.bound.attach,
			mouseleave: this.bound.detach
		});
		this.detach();
		this.timer = $clear(this.timer);
	}
	});
   
	var myScroller = new Scroller('container', {
		area: 60,
		velocity: 0.6,
		onChange: function(x, y){
			this.element.scrollTo(x, y);
		},
		fps: 50,
		horizontal: true,
		vertical: true
	}).start();
	
	//define mouseover for selectrs
	$('container').addEvents({
		"mouseenter": function(){
		this.getElements('.scroller').setStyle("visibility", "visible");
		},
		"mouseleave": function(){
		this.getElements('.scroller').setStyle("visibility", "hidden");
		}
	});
	$$('.toggle').addEvents({
		"mouseover": function(){
		this.getElement('.hover').setStyle("visibility", "visible");
		},
		"mouseout": function(){
		this.getElement('.hover').setStyle("visibility", "hidden");
		}
	});
	
	//make carousels & resize masks
	var maskSize = function(item) {
		item.setStyle('width', item.getElement('img').getSize().x+20);
	}
	$$('.mask').each(maskSize);
	var makeCarousel = function(item) {
		new SimpleCarousel(item, item.getElements('div.loadBox'), item.getElements('a.selectr'), {
			rotateAction: 'click',
			autoplay: false,
		});
		
	}
	$$('.section').each(makeCarousel);

});

//RESIZE WINDOW
$(window).addEvent('resize', function() {
	$('container').setStyle('width', window.getSize().x);
});