jQuery(document).ready(function($) {

   $('#cycle').cycle();

   $('#submit').click(function() {
		var name = $('#name').val();
		var email = $('#email').val();
		var company = $('#subject').val();
		var message = $('#message').val();
      var phone = $('#phone').val();
		$.ajax ({
				url: '/send_email.php',
				type: 'POST',
				data: 'name=' + name + '&email=' + email  + '&phone=' + phone +
				       '&subject=' + company + '&message=' + message,
				success: function(results) {
					$('#response').fadeIn(300).html(results);
					$('#loading').fadeOut(500, function() {
						$(this).remove();
					});
					return false;
				}
		});
		return false;
	});

   // We only want these styles applied when javascript is enabled
   $('div.navigation').css({'width' : '300px', 'float' : 'left'});
   $('div.content').css('display', 'block');

   // Initially set opacity on thumbs and add
   // additional styling for hover effect on thumbs
   var onMouseOutOpacity = 0.67;
   $('#thumbs ul.thumbs li').opacityrollover({
      mouseOutOpacity:   onMouseOutOpacity,
      mouseOverOpacity:  1.0,
      fadeSpeed:         'fast',
      exemptionSelector: '.selected'
   });

   // Initialize Advanced Galleriffic Gallery
   var gallery = $('#thumbs').galleriffic({
      delay:                     2500,
      numThumbs:                 15,
      preloadAhead:              10,
      enableTopPager:            true,
      enableBottomPager:         true,
      maxPagesToShow:            7,
      imageContainerSel:         '#slideshow',
      controlsContainerSel:      '#controls',
      captionContainerSel:       '#caption',
      loadingContainerSel:       '#loading',
      renderSSControls:          true,
      renderNavControls:         true,
      playLinkText:              'Play Slideshow',
      pauseLinkText:             'Pause Slideshow',
      prevLinkText:              '‹ Previous Photo',
      nextLinkText:              'Next Photo ›',
      nextPageLinkText:          'Next ›',
      prevPageLinkText:          '‹ Prev',
      enableHistory:             false,
      autoStart:                 false,
      syncTransitions:           true,
      defaultTransitionDuration: 900,
      onSlideChange:             function(prevIndex, nextIndex) {
         // 'this' refers to the gallery, which is an extension of $('#thumbs')
         this.find('ul.thumbs').children()
            .eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
            .eq(nextIndex).fadeTo('fast', 1.0);
      },
      onPageTransitionOut:       function(callback) {
         this.fadeTo('fast', 0.0, callback);
      },
      onPageTransitionIn:        function() {
         this.fadeTo('fast', 1.0);
      }
   });
});