$(document).ready(function() {
    
    // Lightbox
    $("a.fancybox").fancybox({
        'overlayOpacity'	:	0.4,
        'overlayColor'		:	'#000',
        'hideOnContentClick': false,
        'frameHeight': 500,
        'frameWidth': 650
    });
    
    
    // Slideshow control
    $('#creative-images-1').cycle({
		fx: 'fade',
		speed: 2000,
	    timeout: 9000,
	    delay:  -9000,
	});
	
	$('#creative-images-2').cycle({
		fx: 'fade',
		speed: 2000,
	    timeout: 10000,
	    delay:  -7000,
	});
	
	$('#sales-images-1').cycle({
		fx: 'fade',
		speed: 2000,
	    timeout: 11000,
	    delay:  -5000,
	});
	
	$('#sales-images-2').cycle({
		fx: 'fade',
		speed: 1500,
	    timeout: 8000,
	    delay:  -2000,
	});
	
	$('#contact-images').cycle({
		fx: 'fade',
		speed: 3000,
	    timeout: 10000,
	    delay:  -4000,
	});
	
	$('#inspiration-images').cycle({
		fx: 'fade',
		speed: 2500,
	    timeout: 6000,
	    delay:  -6000,
	});
	
	
    
    // Toggle for slideshows
    
    $('#creative-link').toggle(
        function() {$('#creative-images-1').cycle('pause'),
                    $('#sales-images-1').cycle('pause'),
                    $('#creative-images-2').cycle('pause'),
                    $('#sales-images-2').cycle('pause'),
                    $('#contact-images').cycle('pause'),
                    $('#inspiration-images').cycle('pause');},
        function() {$('#creative-images-1').cycle('resume'),
                    $('#sales-images-1').cycle('resume'),
                    $('#creative-images-2').cycle('resume'),
                    $('#sales-images-2').cycle('resume'),
                    $('#contact-images').cycle('resume'),
                    $('#inspiration-images').cycle('resume');}
        );
        
    $('#sales-link').toggle(
        function() {$('#creative-images-1').cycle('pause'),
                    $('#sales-images-1').cycle('pause'),
                    $('#creative-images-2').cycle('pause'),
                    $('#sales-images-2').cycle('pause'),
                    $('#contact-images').cycle('pause'),
                    $('#inspiration-images').cycle('pause');},
        function() {$('#creative-images-1').cycle('resume'),
                    $('#sales-images-1').cycle('resume'),
                    $('#creative-images-2').cycle('resume'),
                    $('#sales-images-2').cycle('resume'),
                    $('#contact-images').cycle('resume'),
                    $('#inspiration-images').cycle('resume');}
        );
        
    $('#contact-link').toggle(
        function() {$('#creative-images-1').cycle('pause'),
                    $('#sales-images-1').cycle('pause'),
                    $('#creative-images-2').cycle('pause'),
                    $('#sales-images-2').cycle('pause'),
                    $('#contact-images').cycle('pause'),
                    $('#inspiration-images').cycle('pause');},
        function() {$('#creative-images-1').cycle('resume'),
                    $('#sales-images-1').cycle('resume'),
                    $('#creative-images-2').cycle('resume'),
                    $('#sales-images-2').cycle('resume'),
                    $('#contact-images').cycle('resume'),
                    $('#inspiration-images').cycle('resume');}
        );
        
    $('#inspiration-link').toggle(
        function() {$('#creative-images-1').cycle('pause'),
                    $('#sales-images-1').cycle('pause'),
                    $('#creative-images-2').cycle('pause'),
                    $('#sales-images-2').cycle('pause'),
                    $('#contact-images').cycle('pause'),
                    $('#inspiration-images').cycle('pause');},
        function() {$('#creative-images-1').cycle('resume'),
                    $('#sales-images-1').cycle('resume'),
                    $('#creative-images-2').cycle('resume'),
                    $('#sales-images-2').cycle('resume'),
                    $('#contact-images').cycle('resume'),
                    $('#inspiration-images').cycle('resume');}
        ); 
    
    // Text Sliders
    
    $('#creative-link').click(function() {
        var $lefty = $('#creative-text');
        $lefty.animate({
           left: parseInt($lefty.css('left'),10) == -$lefty.outerWidth() ? 0 : -$lefty.outerWidth()
        });
        var $salesy = $('#sales-text');
        $salesy.animate({
           left: -$salesy.outerWidth()
        });
        var $contacty = $('#contact-text');
        $contacty.animate({
           left: -$contacty.outerWidth()
        });
        var $abouty = $('#about-text');
        $abouty.animate({
           left: -$abouty.outerWidth()
        });
        var $inspirationy = $('#inspiration-text');
        $inspirationy.animate({
           left: -$inspirationy.outerWidth()
        });
    });
    
    $('#sales-link').click(function() {
        var $lefty = $('#sales-text');
        $lefty.animate({
           left: parseInt($lefty.css('left'),10) == -$lefty.outerWidth() ? 0 : -$lefty.outerWidth()
        });
        var $creativey = $('#creative-text');
        $creativey.animate({
           left: -$creativey.outerWidth()
        });
        var $contacty = $('#contact-text');
        $contacty.animate({
           left: -$contacty.outerWidth()
        });
        var $abouty = $('#about-text');
        $abouty.animate({
           left: -$abouty.outerWidth()
        });
        var $inspirationy = $('#inspiration-text');
        $inspirationy.animate({
           left: -$inspirationy.outerWidth()
        });
    });
    
    $('#contact-link').click(function() {
        var $lefty = $('#contact-text');
        $lefty.animate({
           left: parseInt($lefty.css('left'),10) == -$lefty.outerWidth() ? 0 : -$lefty.outerWidth()
        });
        var $creativey = $('#creative-text');
        $creativey.animate({
           left: -$creativey.outerWidth()
        });
        var $salesy = $('#sales-text');
        $salesy.animate({
           left: -$salesy.outerWidth()
        });
        var $abouty = $('#about-text');
        $abouty.animate({
           left: -$abouty.outerWidth()
        });
        var $inspirationy = $('#inspiration-text');
        $inspirationy.animate({
           left: -$inspirationy.outerWidth()
        });
    });
    
    $('#about-link').click(function() {
        var $lefty = $('#about-text');
        $lefty.animate({
           left: parseInt($lefty.css('left'),10) == -$lefty.outerWidth() ? 0 : -$lefty.outerWidth()
        });
        var $creativey = $('#creative-text');
        $creativey.animate({
           left: -$creativey.outerWidth()
        });
        var $salesy = $('#sales-text');
        $salesy.animate({
           left: -$salesy.outerWidth()
        });
        var $contacty = $('#contact-text');
        $contacty.animate({
           left: -$contacty.outerWidth()
        });
        var $inspirationy = $('#inspiration-text');
        $inspirationy.animate({
           left: -$inspirationy.outerWidth()
        });
    });
    
    $('#inspiration-link').click(function() {
        var $lefty = $('#inspiration-text');
        $lefty.animate({
           left: parseInt($lefty.css('left'),10) == -$lefty.outerWidth() ? 0 : -$lefty.outerWidth()
        });
        var $creativey = $('#creative-text');
        $creativey.animate({
           left: -$creativey.outerWidth()
        });
        var $salesy = $('#sales-text');
        $salesy.animate({
           left: -$salesy.outerWidth()
        });
        var $contacty = $('#contact-text');
        $contacty.animate({
           left: -$contacty.outerWidth()
        });
        var $abouty = $('#about-text');
        $abouty.animate({
           left: -$abouty.outerWidth()
        });
    });
    
    $("#form").validate({ 
          onsubmit: true ,
          validClass: "success" ,
          
          rules: { 
            email: {
              required: true, 
              email: true 
            } 
          },
           
          messages: { 
             email: {
               required: "Please enter your email (name@domain.com)",
               email: "Please enter your email (name@domain.com)"
             }
          },
          
          
          invalidHandler: function(form, validator) {
              var errors = validator.numberOfInvalids();
              if (errors) {
                $('#confirm').hide();
              } else {
                $("div.error").hide();
              }
            },

          
          submitHandler: function(form) {
                    
            var email = $("input#email").val();
            var dataString = 'email=' + email;
                    
            $.ajax({
            type: "POST",
            url: "php/process.php",
            data: dataString,
            success: function() {
                $('#confirm').fadeIn(100);
                $("#email").val("");
                $("#email").blur();
                $('label.error').hide();
            }
            });
            return false;
          }
    }); 
    
    
    
    
});