window.addEvent('domready', function() {

    //store titles and text
	$$('a.tooltip').each(function(element,index) {
		var content = element.get('title');
		element.store('tip:title', content);
		element.store('tip:text', '');
	});

   var myTips = new Tips('.tooltip', {
        hideDelay: 0,
		showDelay: 0
   });

	if($('slider')) {

		var slides = 4;		// NUMBER OF SLIDES IN SLIDESHOW
		var pos = 0;
		var offset = 818;	// HOW MUCH TO SLIDE WITH EACH CLICK
		var currentslide = 1;	// CURRENT SLIDE IS THE FIRST SLIDE

		var recentscroll = new Fx.Scroll('slider-container', {
			offset: {'x': 0, 'y': 0},
			transition: Fx.Transitions.Quad.easeOut,
            duration: 700	// HOW THE SCROLLER SCROLLS
		}).toLeft();

		if(slides <= 1 ){
			$('slider-left').set('styles', {'visibility': 'hidden'});
			$('slider-right').set('styles', {'visibility': 'hidden'});
		}

		if (currentslide == 1) $('slider-left').setStyles({
			opacity:0.25,
			cursor:'default'
		});

		/* EVENTS - WHEN AN ARROW IS CLICKED THE THUMBNAILS SCROLL */
		$('slider-left').addEvent('click', function(event) { event = new Event(event).stop();
			//alert('moveleft');
			if(currentslide == 1) return;
			currentslide--;					// CURRENT SLIDE IS ONE LESS
			pos += -(offset);				// CHANGE SCROLL POSITION
			recentscroll.start(pos);			// SCROLL TO NEW POSITION
			if (currentslide == 1){
				var element = $('slider-left');
				var fadeOut = new Fx.Tween(element);
				fadeOut.start('opacity', '1', '0.25');

				var element2 = $('slider-right');
				var fadeIn = new Fx.Tween(element2);
				fadeIn.start('opacity', '0.25' , '1');
				$('slider-left').setStyles({'cursor':'default','background-position':'0 -86px'});
				$('slider-right').setStyle('cursor','pointer');
			}
			if (currentslide > 1) {
				var element = $('slider-right');
				var fadeIn = new Fx.Tween(element);
				fadeIn.start('opacity', '0.25', '1');
				//$('slider-left').setStyle('cursor','default');
			}
		});
		$('slider-right').addEvent('click', function(event) { event = new Event(event).stop();
			//alert(currentslide);
			if(currentslide >= slides) return false;
			currentslide++;
			pos += offset;
			recentscroll.start(pos);
			if (currentslide > 1)  {
				var element = $('slider-left');
				var fadeIn = new Fx.Tween(element);
				fadeIn.start('opacity', '0.25', '1');
				$('slider-left').setStyle('cursor','pointer');
			}
			if (currentslide == slides) {
				var element = $('slider-right');
				var fadeIn = new Fx.Tween(element);
				fadeIn.start('opacity', '1', '0.25');
				$('slider-right').setStyle('cursor','default');
   	            $('slider-right').setStyle('background-position','0 0');
			}
		});

		$('slider-right').addEvent('mouseenter',function(e){
			if (currentslide != slides)  {
				$('slider-right').setStyle('background-position','0 -43px')
			}
		})
		$('slider-right').addEvent('mouseout',function(e){
			$('slider-right').setStyle('background-position','0 0')
		})

		$('slider-left').addEvent('mouseenter',function(e){
			if (currentslide != 1)  {
				$('slider-left').setStyle('background-position','0 -129px')
			}
		})
		$('slider-left').addEvent('mouseout',function(e){
			$('slider-left').setStyle('background-position','0 -86px')
		})
	}
});

window.addEvent('domready', function() {
    if($('myForm')) {
    	$('myForm').addEvent('submit', function(e) {
    		//Prevents the default submit event from loading a new page.
    		e.stop();
    		//Empty the log and show the spinning indicator.
    		var log = $('submitter').addClass('ajax-loading');
    		//Set the options of the form's Request handler.
    		//("this" refers to the $('myForm') element).
    		this.set('send', {onComplete: function(response) {
                 if(response) {
                    log.removeClass('ajax-loading');
                    $('myForm').set('html', response);
                } else {
                    alert('There has been an error sending the form, please try again later');
                    //var error = '<p>error</p>';
                    // error.inject($('myForm'));
                }
    		}});
    		//Send the form.
    		this.send();
    	});
     }
     if($$('comments')) {

        $$('div.comments').each(function(el){
            var myTag = el.getPrevious('a');
            var mySlide = new Fx.Slide(el);
            mySlide.hide();
            $(myTag).addEvent('click', function(e){
                e.stop();
                mySlide.toggle();
            });
        });
     }
});

