function delayer(){
		 window.location = "/connect/"
		}
(function($) {
	$(document).ready(function() {
		
		$('#bg').pan({fps: 30, speed: 1, dir: 'left', depth: 1});
		$('#clouds').pan({fps: 30, speed: 12, dir: 'left', depth: 5});
		$('#hill2').pan({fps: 30, speed: 12, dir: 'left', depth: 10});
		$('#hill1').pan({fps: 30, speed: 12, dir: 'left', depth: 15});
		
		$('#hill1, #hill2, #clouds, #bg').spRelSpeed(24);
		
		 $('#stage').stop().delay(0000).fadeIn(3000, function() {
        	// Animation complete
   	    });
	 	$('#messege').stop().delay(6000).fadeIn(3000, function() {
        	// Animation complete
   	    });		
		
		$("#arrow1,#arrow2,#arrow3,#arrow4,#arrow5,#arrow6,#arrow7,#arrow8,#arrow9,#arrow10,#arrow11,#arrow12,#arrow13,#arrow14,#arrow15,#arrow16,,#arrow17,,#arrow18").css("left","-2000px");	
	    $('#arrow-backup').stop().delay(2000).fadeIn(2000, function() {
        	// Animation complete
   	    });	     	    
   	    $('#arrow1').stop().delay(2000).slideTo({ 
			transition:1000,
			left: 325,
			top: 10,
			inside:'.contain'
	    });
	    $('#arrow2').stop().delay(2000).slideTo({ 
			transition:600,
			left: 325,
			top: 10,
			inside:'.contain'
	    });
	    $('#arrow3').stop().delay(2000).slideTo({ 
			transition:700,
			left: 325,
			top: 10,
			inside:'.contain'
	    });
	    $('#arrow4').stop().delay(2000).slideTo({ 
			transition:800,
			left: 325,
			top: 10,
			inside:'.contain'
	    });
	    $('#arrow5').stop().delay(2000).slideTo({ 
			transition:900,
			left: 325,
			top: 10,
			inside:'.contain'
	    });
	    $('#arrow6').stop().delay(2000).slideTo({ 
			transition:910,
			left: 325,
			top: 10,
			inside:'.contain'
	    });
	    $('#arrow7').stop().delay(2000).slideTo({ 
			transition:920,
			left: 325,
			top: 10,
			inside:'.contain'
	    });
	    $('#arrow8').stop().delay(2000).slideTo({ 
			transition:930,
			left: 325,
			top: 10,
			inside:'.contain'
	    });
	    $('#arrow9').stop().delay(2000).slideTo({ 
			transition:940,
			left: 325,
			top: 10,
			inside:'.contain'
	    });
	    $('#arrow10').stop().delay(2000).slideTo({ 
			transition:950,
			left: 325,
			top: 10,
			inside:'.contain'
	    });
	    $('#arrow11').stop().delay(2000).slideTo({ 
			transition:960,
			left: 325,
			top: 10,
			inside:'.contain'
	    });
	    $('#arrow12').stop().delay(2000).slideTo({ 
			transition:1070,
			left: 325,
			top: 10,
			inside:'.contain'
	    });
	    $('#arrow13').stop().delay(2000).slideTo({ 
			transition:1280,
			left: 325,
			top: 10,
			inside:'.contain'
	    });
	    $('#arrow14').stop().delay(2000).slideTo({ 
			transition:1390,
			left: 325,
			top: 10,
			inside:'.contain'
	    });
	    $('#arrow15').stop().delay(2000).slideTo({ 
			transition:900,
			left: 325,
			top: 10,
			inside:'.contain'
	    });
	    $('#arrow16').stop().delay(2000).slideTo({ 
			transition:1120,
			left: 325,
			top: 10,
			inside:'.contain'
	    });
	    $('#arrow17').stop().delay(2000).slideTo({ 
			transition:740,
			left: 325,
			top: 10,
			inside:'.contain'
	    });
	    $('#arrow18').stop().delay(2000).slideTo({ 
			transition:850,
			left: 325,
			top: 10,
			inside:'.contain'
	    });		   	   
	    //$('#content1').stop().animate({ opacity: '1',height: '300px',bottom: 0},{duration: 500});
	/*});*/
	$("#arrow18").click(function(){		
	    $('#arrow-bg').stop().delay(0).fadeOut(1000, function() {
        	// Animation complete
   	    });
	    $('#htmlform').stop().slideTo({ 
			transition:1000,			
			top: 102,
			left: -2000,
			inside:'.contain'
	    });
	    $('#arrow1').stop().slideTo({ 
			transition:1000,
			right: -800,
			top: 0,
			inside:'.contain'
	    });
	    $('#arrow2').stop().slideTo({ 
			transition:600,
			right: -800,
			top: 0,
			inside:'.contain'
	    });
	    $('#arrow3').stop().slideTo({ 
			transition:700,
			right: -800,
			top: 0,
			inside:'.contain'
	    });
	    $('#arrow4').stop().slideTo({ 
			transition:800,
			right: -800,
			top: 0,
			inside:'.contain'
	    });
	    $('#arrow5').stop().slideTo({ 
			transition:900,
			right: -800,
			top: 0,
			inside:'.contain'
	    });
	    $('#arrow6').stop().slideTo({ 
			transition:910,
			right: -800,
			top: 0,
			inside:'.contain'
	    });
	    $('#arrow7').stop().slideTo({ 
			transition:920,
			right: -800,
			top: 0,
			inside:'.contain'
	    });
	    $('#arrow8').stop().slideTo({ 
			transition:930,
			right: -800,
			top: 0,
			inside:'.contain'
	    });
	    $('#arrow9').stop().slideTo({ 
			transition:940,
			right: -800,
			top: 0,
			inside:'.contain'
	    });
	    $('#arrow10').stop().slideTo({ 
			transition:950,
			right: -800,
			top: 0,
			inside:'.contain'
	    });
	    $('#arrow11').stop().slideTo({ 
			transition:960,
			right: -800,
			top: 0,
			inside:'.contain'
	    });
	    $('#arrow12').stop().slideTo({ 
			transition:1070,
			right: -800,
			top: 0,
			inside:'.contain'
	    });
	    $('#arrow13').stop().slideTo({ 
			transition:1280,
			right: -800,
			top: 0,
			inside:'.contain'
	    });
	    $('#arrow14').stop().slideTo({ 
			transition:1390,
			right: -800,
			top: 0,
			inside:'.contain'
	    });
	    $('#arrow15').stop().slideTo({ 
			transition:900,
			right: -800,
			top: 0,
			inside:'.contain'
	    });
	    $('#arrow16').stop().slideTo({ 
			transition:1120,
			right: -800,
			top: 0,
			inside:'.contain'
	    });
	    $('#arrow17').stop().slideTo({ 
			transition:740,
			right: -800,
			top: 0,
			inside:'.contain'
	    });
	    $('#arrow18').stop().slideTo({ 
			transition:850,
			right: -800,
			top: 0,
			inside:'.contain'
	    });		   
        //$('#content1').stop().animate({ opacity: '0',height: '300px',bottom: 10},{duration: 300});

	});
																								
		window.actions = {
			fly_slowly_forwards: function() {
				$('#bird')
					.fps(10)
					.spState(1);
				$('#hill1, #hill2, #clouds')
					.spRelSpeed(10)
					.spChangeDir('left');
			},
			fly_slowly_backwards: function() {
				$('#bird')
					.fps(10)
					.spState(2);
				$('#hill1, #hill2, #clouds')
					.spRelSpeed(10)
					.spChangeDir('right');
			},
			fly_quickly_forwards: function() {
				$('#bird')
					.fps(20)
					.spState(1);
				$('#hill1, #hill2, #clouds')
					.spRelSpeed(30)
					.spChangeDir('left');
			},
			fly_quickly_backwards: function() {
				$('#bird')
					.fps(20)
					.spState(2);
				$('#hill1, #hill2, #clouds')
					.spRelSpeed(30)
					.spChangeDir('right');
			},
			fly_like_lightning_forwards: function() {
				$('#bird')
					.fps(25)
					.spState(1);
				$('#hill1, #hill2, #clouds')
					.spSpeed(40)
					.spChangeDir('left');
			},
			fly_like_lightning_backwards: function() {
				$('#bird')
					.fps(25)
					.spState(2);
				$('#hill1, #hill2, #clouds')
					.spSpeed(40)
					.spChangeDir('right');
			}
		};
		
		window.page = {
			hide_panels: function() {
				$('.panel').hide(300);
			},
			show_panel: function(el_id) {
				this.hide_panels();
				$(el_id).show(300);
			}
		}		
		
        // setup connect form
		// $('input[name=send]').attr('disabled',true);		
        $('input[name=firstName]').keyup(function() { validateForm(); });
        $('input[name=lastName]').keyup(function() { validateForm(); });
        $('input[name=email]').keyup(function() { validateForm(); });
        $('input[name=zip]').keyup(function() { validateForm(); });
        $('input[name=firstName]').click(function() { validateForm(); });
        $('input[name=lastName]').click(function() { validateForm(); });
        $('input[name=email]').click(function() { validateForm(); });
        $('input[name=email]').blur(function() { emailValidate(); });
        $('input[name=zip]').click(function() { validateForm(); });
        $('input[name=optIn]').click(function() { validateForm(); });
        $('form[name=contactForm]').submit(function() {
            var isValid = (emailValidate() && validateForm());
            if(!isValid) {
                $('.warning').show();
                return false;
            }
            else {
                $('.warning').hide();
                return true;
            }
        });
		
		// setup unsubscribe form
        $('input[name=emailConfirm]').keyup(function() { emailCompare(); });
        $('input[name=emailMatch]').keyup(function() { emailCompare(); });
        $('input[name=emailConfirm]').click(function() { emailCompare(); });
        $('input[name=emailMatch]').click(function() { emailCompare(); });
        $('input[name=emailConfirm]').blur(function() { emailCompare(); });
        $('input[name=emailMatch]').blur(function() { emailCompare(); });
 
        $('form[name=unsubscribeForm]').submit(function() {
            var isValid = emailCompare();
            if(!isValid) {
				$('.warning').show();
				return false;
           } else {
				$('.warning').hide();
				return true;
			}
        });
	});
})(jQuery);
function validateForm() {
    if(
        ($('input[name=firstName]').val().length > 0) &&
        ($('input[name=lastName]').val().length > 0) && 
        ($('input[name=email]').val().length > 0) &&
        ($('input[name=zip]').val().length > 0) &&
        ($('input[name=optIn]').attr('checked'))
    )
    {
        // $('input[name=send]').attr('disabled',false);
        $('input[type=submit]').css('box-shadow','2px 2px 6px #000');
        return true;
    }
    else {
        // $('input[name=send]').attr('disabled',true);
        $('input[type=submit]').css('box-shadow','none');
        return false;
    }
}
function emailValidate() {
    email = $('input[name=email]').val().trim();
    if(email != ''){
        var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
        var address = email;
        if(reg.test(address) == false ) {
            document.getElementById('emailStatus').innerHTML = 'Your email doesn\'t appear to be valid.';
            return false;
        } else {
            document.getElementById('emailStatus').innerHTML = "";
            return true;
        }
       
     } else {
        document.getElementById('emailStatus').innerHTML = "";
     }
}
function emailCompare() {
    email1 = $('input[name=emailConfirm]').val().trim();
    email2 = $('input[name=emailMatch]').val().trim();
    if(email1 != ''){
        var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
        var address = email1;
        if(reg.test(address) == false ) {
            document.getElementById('emailConfirmStatus').innerHTML = "Email address is not valid.";
            document.getElementById('emailMatchStatus').innerHTML = "";
            return false;
        } else {
        	if(email1 != email2){
        		document.getElementById('emailConfirmStatus').innerHTML = "";
        		document.getElementById('emailMatchStatus').innerHTML = "Email addresses must match.";
				return false;
        	} else {
        		document.getElementById('emailConfirmStatus').innerHTML = "";
        		document.getElementById('emailMatchStatus').innerHTML = "";
				return true;
			}
        }
     } else {
        document.getElementById('emailConfirmStatus').innerHTML = "";
    	document.getElementById('emailMatchStatus').innerHTML = "";
     }
}

