window.addEvent('domready', function() {
	
	//create our Accordion instance
	var myAccordion = new Accordion($('accordion'), 'h3.toggler', 'div.element', {
		opacity: true,

		onActive: function(toggler, element){
			toggler.setStyle('color', '#fff');
	
		},
		onBackground: function(toggler, element){
			toggler.setStyle('color', '#85b844');

		}

	});	
	
	//-vertical

	//var myVerticalSlide = new Fx.Slide('vertical_slide');
	//	myVerticalSlide.hide();
	//$('toggle').addEvent('click', function(e){
	//		e = new Event(e);
	//$('vertical_slide').setStyle('display', 'block');
	//	myVerticalSlide.toggle();
	//	e.stop();
	//});
	var toggleOmatic = function() {
			var togglers = $(document.body).getElements('[class$=_toggle]');
			togglers.each(function(item, index){
		    var togglerClass = item.getProperty('class');
			var togglerClassPre = togglerClass.replace("_toggle", "");
			var slideClass = togglerClassPre + "_slide";
			var slide = $(document.body).getElement('.' + slideClass);
			var toggle = $(document.body).getElement('.' + togglerClass);
					
			var myVerticalSlide = new Fx.Slide(slide);
				myVerticalSlide.hide();
			$(item).addEvent('click', function(e){
			e = new Event(e);
			//$(slide).setStyle('display', 'block');
			myVerticalSlide.toggle();
			e.stop();
				});
   		});
	}
	toggleOmatic();

});


var Site = {
	
	start: function(){
		if ($('kwick')) Site.appear();
		if ($('leftcolumn')){
			Site.appearText();
		}
	},

	appearText: function(){
		var timer = 0;
		var sideblocks = $$('#leftcolumn li');
		var slidefxs = [];
		sideblocks.each(function(el, i){
			el.setStyle('margin-left', '-200px');
			$('leftcolumn').setStyle('visibility', 'visible');
			timer += 150;
			slidefxs[i] = new Fx.Style(el, 'margin-left', {
				duration: 200,
				transition: Fx.Transitions.backOut,
				wait: false,
				onComplete: Site.createOver.pass([el, i])
				
			});
			slidefxs[i].start.delay(timer, slidefxs[i], 0);
		var first = el.getFirst();
		if (!first || first.getTag() != 'a') return;
		first.setStyle('opacity', 0.5);
		}, this);
	},
	createOver: function(el, i){
		var first = el.getFirst();
		if (!first || first.getTag() != 'a') return;
		var overfxs = new Fx.Styles(first, {'duration': 200, 'wait': false});
		var overfxs2 = new Fx.Styles(el, {'duration': 200, 'wait': false});

		el.mouseouted = true;
		el.addEvent('mouseenter', function(e){
			overfxs.start({
				'opacity': 1,
				'margin-left': 10
			});
				overfxs2.start({
				'width': '182px'
			});
		});
		el.addEvent('mouseleave', function(e){
			overfxs.start({
				'opacity': 0.5,
				'margin-left': 0
			});
				overfxs2.start({
				'width': '172px'
			});
		});
	},
			appear: function(){
		var timer2 = 0;
		var sideblocks2 = $$('#kwick li');
		var slidefxs2 = [];
		sideblocks2.each(function(ele, i){
			ele.setStyle('margin-top', '3000px');
			$('kwick').setStyle('visibility', 'visible');
			timer2 += 200;
			slidefxs2[i] = new Fx.Style(ele, 'margin-top', {
				duration: 200,
				wait: false,

				onComplete: Site.createOver2.pass([ele, i])
				
			});
			slidefxs2[i].start.delay(timer2, slidefxs2[i], 0);
		var first2 = ele.getFirst();
		if (!first2 || first2.getTag() != 'a') return;
		first2.setStyle('opacity', 0.3);
		}, this);
	},
	createOver2: function(ele, i){
		var first2 = ele.getFirst();
		if (!first2 || first2.getTag() != 'a') return;
		var overfxs4 = new Fx.Styles(first2, {'duration': 500, 'wait': false});

		ele.mouseouted = true;
		ele.addEvent('mouseenter', function(ee){
			overfxs4.start({
				'opacity': 1
			});
		});
		ele.addEvent('mouseleave', function(ee){
			overfxs4.start({
				'opacity': 0.3
			});
		});
	}
};


window.addEvent('load', Site.start);

function mailto(username, domain, subject, body) {
	var params = new Array();
	subject = ( subject == null || subject == "" ? "" : params.push("subject=" + escape(subject)));
	body = ( body == null || body == "" ? "" : params.push("body=" + escape(body)));
	window.location.href='mailto:' + username + "@" + domain + (params.length > 0 ? "?" + params.join("&") : "");
}