var flipped = false;
var optionHeight;
var player;
var animating = false;

$(document).ready(function(){
    /*$("#panel").css({
        'position':'absolute',
        'visibility':'hidden',
        'display':'block'
    });
    optionHeight = $("#panel").height();
    $("#panel").css({
        'position':'static',
        'visibility':'visible'
    });
    if (Modernizr.touch){
        $('body').css('padding', 0);
    }*/
    
    initFlip();
    buildForm();
    
});

function initFlip(){
    
    $('.more-info').click(function(){
        if(!animating){
            animating = true;
            if(!flipped){
                $('#panel').css('visibility', 'visible');
                $('#middle, #footer').addClass('flip').removeClass('contract');
            
                $('#panel').animate({
                    'height' : '632px'
                }, 1000, 'easeOutQuint', function(){
                
                    $('#video a').unbind('click').click(function(){
                        $(this).hide();
                        $('#video').html('<iframe width="717" height="400" src="http://www.youtube.com/embed/zULUi_NAgtA?autohide=1&showinfo=0&wmode=transparent&autoplay=1" frameborder="0" allowfullscreen></iframe>');
                        
                        return false;
                    });
                
                    flipped = true;
                    animating = false;
                }).addClass('flipped').removeClass('contracted');
            
                $(this).html('Less Info<span class="icon"></span>').addClass('active');
            } else {
                $('#middle, #footer').removeClass('flip').addClass('contract');
            
                $('#panel').animate({
                    'height' : 0
                }, 1000, 'easeOutQuint', function(){
                    flipped = false;
                    animating = false;
                    $('#video iframe').remove();
                    $('#video').html('<a href="#"><img src="/img/video-poster.jpg" alt="" /></a>');
                }).removeClass('flipped').addClass('contracted');
            
                $(this).html('More Info<span class="icon"></span>').removeClass('active');
            }
        }
        
        return false;
    });
}

function buildForm() {
    var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
    var theform = $(".subscribe form");
    var dest = theform.attr('action');
    var formcontainer = $('.col1');
    
    $('form input[type=text]').each(function(){
        $this = $(this);
        $this.val( $this.attr('data-default') );

        $this.focus(function(){
            if( $(this).val() == $(this).attr('data-default') ){
                $(this).val('');
            }
        });

        $this.blur(function(){
            if( $(this).val() == '' ){
                $(this).val( $(this).attr('data-default') );
            }
        });

    });
    
    theform.submit(function(){
        $('input#submit').val('Processing...');
        formcontainer.removeClass('error');
        var error = false;
        
        var email = theform.find("input[name='email']").val();
        
        if (email == "" || email == "Enter your email address" || !filter.test(email)) {
            $("input[name='email']").focus();
            formcontainer.addClass('error');
            $('.col1 p').html('<strong>Please enter a valid email address.</strong><br />For example johndoe@domain.com.');
            error = true;
            $('input#submit').val('Submit');
        }
        var dataString = 'email='+ email;
        
        if(!error){

            $.ajax({
                type: "POST",
                url: dest,
                data: dataString,
                success: function(data) {
                    if(data == 'OK' ){
                        formcontainer.html('<h3 class="success">Thank you.<br />You are all signed up!</h3>');
                        $('input#submit').val('Submit');
                    } else if(data == 'ERROR-DUPLICATE') {
                        formcontainer.addClass('error');
                        $('.col1 p').html('<strong>You have already signed up with us!</strong>');
                        $('input#submit').val('Submit');
                    } else {
                        formcontainer.addClass('error');
                        $('.col1 p').html('<strong>Please enter a valid email address.</strong><br />For example johndoe@domain.com.');
                        $('input#submit').val('Submit');
                    }
                }
            });
            
        }
        
        return false;
        
    });
    
}