// JavaScript Document
// JavaScript Document

window.addEvent('domready', function() {
	
	//create our Accordion instance
	var myAccordion = new Accordion($('accordion'), 'h3.toggler', 'div.element', {
		opacity: false,
		onActive: function(toggler, element){
			toggler.setStyle('color', '#e5dacf');
		},
		onBackground: function(toggler, element){
			toggler.setStyle('color', '#c4bbb2');
		}
	});
	
	//--horizontal Slide
		var status = {
		'true': 'open',
		'false': 'close'
	};
	
	
	//var myHorizontalSlide = new Fx.Slide('horizontal_slide', {mode: 'vertical'});
//	
//	$('horizontal_slide').setStyle('display', 'block');
//	
//	myHorizontalSlide.hide();
//	
//	$('h_toggle').addEvent('click', function(e){
//		e.stop();
//		myHorizontalSlide.toggle();
//	});
	
	var myFx = new Fx.Elements($('contact_me').set({'opacity': 0 }));
	$('contact_me').setStyle('display', 'block');
	
	var cm = $('contact_me');
	
	$('toggle').addEvent('click', function(e) {
		// You often will need to stop propagation of the event
		e.stop();
		cm.fade('toggle');
	});
	
	
	
	
	//Form
	//$('contact').addEvent('submit', function(e) {
//
//			new Event(e).stop();
//			var log = $('log_res').empty().addClass('ajax-loading');
//			this.send({
//				update: log,
//				onComplete: function() {
//					log.removeClass('ajax-loading');
//				}
//			});
//			});		

	$('contact').addEvent('submit', function(e) {	
	/**
	 * Prevent the submit event
	 */
	new Event(e).stop();		
	/**
	 * This empties the log and shows the spinning indicator
	 */
	var log = $('log_res').empty().addClass('ajax-loading');
	/**
	 * send takes care of encoding and returns the Ajax instance.
	 * onComplete removes the spinner from the log.
	 */
	 this.set('send', {
			url: this.action,
			method: 'post',
			onSuccess: function(responseText, responseXML) {
				log.removeClass('ajax-loading');
				log.set('html',responseText);
				}
		})
		this.send();
	});









});