$(document).ready(function(){
    init();
});
function init(){
    logo();
    mailto();
    nogo();
    types();
}

function types(){
    $('.types img').live('click', function(){
       var text = $(this).attr('data-price');
       alert(text);
    });
}
function nogo(){
    $('#nogo').live('click', function(){
       alert('Unfortunately, this is an internal application for a company, so will need to make a demo version before I can really show it')
    });
}
function mailto(){
    var one= 'mike';
    var two= '@mi';
    var three='asdf';
    var four = 'ke-wright';
    var five = '.com';
    var six = one+two+four+five;
    $('#mailto').attr('href', 'mailto:'+six);
}
function logo(){
    $('#logo img').live('click', function(){
        $(this).stop();
        $(this).animate({
            'top':'2px',
            'left':'4px'
        },300,function(){
            $(this).animate({
                'top':'0px',
                'left':'-4px'
            },300,function(){
                $(this).animate({
                    'top':'2px'
                },300,function(){
                    $(this).animate({
                        'top':'0px',
                        'left':'4px'
                    },300,function(){
                        $(this).animate({
                            'top':'2px',
                            'left':'-4px'
                        },300,function(){
                            $(this).animate({
                                'top':'-2px',
                                'left':'0px'
                            },400,function(){
                                $(this).animate({
                                    'top':'-700px',
                                    'left':'5000px'
                                },function(){
                                    $(this).css({
                                        'top':'1000px',
                                        'left':'-5000px'
                                    });
                                    $(this).animate({
                                        'top':'0px',
                                        'left':'0px'
                                    })
                                });
                            });
                        });
                    });
                });
            });
        });
    });
}