/* FX.Slide */
/* toggle window for the login section */
/* Works with mootools-release-1.2 */
/* more info at http://demos.mootools.net/Fx.Slide */



window.addEvent('domready', function(){
	
	
	var web_Slide = new Fx.Slide('service_web_content',{duration: '500'}).hide();  //starts the panel in closed state  
	var software_Slide = new Fx.Slide('service_software_content',{duration: '500'}).hide();  //starts the panel in closed state 
	var graphic_Slide = new Fx.Slide('service_graphic_content',{duration: '500'}).hide();  //starts the panel in closed state 
	var digital_Slide = new Fx.Slide('service_digital_content',{duration: '500'}).hide();  //starts the panel in closed state 
	


	
    $('service_web').addEvent('click', function(e1){
		e1 = new Event(e1);
		software_Slide.slideOut();
		graphic_Slide.slideOut();
		digital_Slide.slideOut();
		(function(){
			/* $('service_web_content').setStyle('display','none'); */
			$('service_software_content').setStyle('display','none');
			$('service_graphic_content').setStyle('display','none');
			$('service_digital_content').setStyle('display','none');
			$('service_web_content').setStyle('display','block');
        	web_Slide.toggle();
      	}).delay(200, this);
		e1.stop();
	});
	
	$('service_software').addEvent('click', function(e2){
		e2 = new Event(e2);
		web_Slide.slideOut();
		graphic_Slide.slideOut();
		digital_Slide.slideOut();
		(function(){
			$('service_software_content').setStyle('display','block');
        	software_Slide.toggle();
      	}).delay(200, this);
		e2.stop();
	});
	
	$('service_graphic').addEvent('click', function(e3){
		e3 = new Event(e3);
		software_Slide.slideOut();
		web_Slide.slideOut();
		digital_Slide.slideOut();
		(function(){
			$('service_graphic_content').setStyle('display','block');
        	graphic_Slide.toggle();
      	}).delay(200, this);
		e3.stop();
	});
	
	$('service_digital').addEvent('click', function(e4){
		e4 = new Event(e4);
		software_Slide.slideOut();
		graphic_Slide.slideOut();
		web_Slide.slideOut();
		(function(){
			$('service_digital_content').setStyle('display','block');
        	digital_Slide.toggle();
      	}).delay(200, this);
		e4.stop();
	});



    $('closePanel1').addEvent('click', function(e5){
		e5 = new Event(e5);
		web_Slide.slideOut();
		e5.stop();
	});

    $('closePanel2').addEvent('click', function(e6){
		e6 = new Event(e6);
		software_Slide.slideOut();
		e6.stop();
	});
	
    $('closePanel3').addEvent('click', function(e7){
		e7 = new Event(e7);
		graphic_Slide.slideOut();
		e7.stop();
	});
	
    $('closePanel4').addEvent('click', function(e8){
		e8 = new Event(e8);
		digital_Slide.slideOut();
		e8.stop();
	});
	
	new SlideItMoo({
		overallContainer: 'SlideItMoo_outer',
		elementScrolled: 'SlideItMoo_inner',
		thumbsContainer: 'SlideItMoo_items',		
		itemsVisible:3,
		itemsSelector: '.SlideItMoo_element',
		itemWidth: 158,
		showControls:1
	});
	
	$('form-mail').addEvent('submit', function(e9) {
		//Prevents the default submit event from loading a new page.
		e9.stop();
		//Empty the log and show the spinning indicator.
		var log = $('response').empty().addClass('ajax-loading');
		//Set the options of the form's Request handler. 
		//("this" refers to the $('form-mail') element).
		this.set('send', {onComplete: function(response) { 
			log.removeClass('ajax-loading');
			log.set('html', response);
			//log.set('tween').fade('in'); 
			//log.set('tween', { duration: 10000 }).fade('out');
			
		}});
		//Send the form.
		this.send();
	});

});