service = function(){
	var box = $$('#service-box .box');
	box.each(function(el){
		var bannerid = el.get('id');
		var banner = ($('top-'+bannerid));
			
		banner.set('morph', {
			duration: 500,
			transition:Fx.Transitions.Sine.easeOut
		});

		el.addEvents({
			mouseenter: function(){
				banner.getParent('#service-banner').setStyle('z-index', '100');
				banner.morph({
					'opacity': 1
				});
			},

			mouseleave: function(){
				banner.getParent('#service-banner').setStyle('z-index', '0');
				banner.morph({
					'opacity': 0
				});
			}
		});
	});
}



slideshow = function(){
	var slides = $$('#slideshow-banner .item');
	var slideCount = slides.length;
	var i = Number.random(0, slideCount-1);

	var nbr = 0;
	var interval = 4000;
	
	slides.each(function(item){
		item.addEvents({
			mouseenter: function(){
				clearInterval(slideTimer);
			},
			mouseleave: function(){
				slideTimer = hideShow.periodical(interval);
			}
		})
		item.setStyle('opacity','0');
		var slides = new Fx.Morph(item,{duration: 0}) //for IE
		slides.start({'opacity':'0'});
	});
	slides[i].morph({'opacity':'1'});
	
	var hideShow = function(){
		slides.each(function(item){
			item.morph({'opacity':'0px'});
		});
		i = ++i;
		if(i >= slideCount){
			i = 0;
		}
		
		slides[i].morph({'opacity':'1'});
	}
	
	var slideTimer = hideShow.periodical(interval);
}
	
window.addEvent('domready', function() {
	if($('banner')){
		service();
		slideshow();
	}
	if($('accordion')){
		new Fx.Accordion($('accordion'), '#accordion .title', '#accordion .content');
	}
	
	var postlisti = $$('.postlisti');
	if(postlisti.length >= 1){
		var postFX = new Fx.Morph($('mc_embed_signup'), {duration:300});
		postlisti.getElement('.title').addEvent('click',function(){
			postFX.start({
				opacity:1
			});
		});
		$('mc_embed_close').addEvent('click', function(){
			postFX.start({
				opacity:0
			});

		});
	}

});