$(document).ready(function(){
     
     var CUSTOM_TSHIRT_CONFIG = {
       
        defaultText  : 'Dein Text',
        maxChars     : 20,
        productId    : 107655,
        variableName : 'username'
         
     };
     
     $('#usertext').val(CUSTOM_TSHIRT_CONFIG.defaultText);
     $('#shirtText').html(CUSTOM_TSHIRT_CONFIG.defaultText);
     $('#varname').val(CUSTOM_TSHIRT_CONFIG.variableName);
     $('#prodid').val(CUSTOM_TSHIRT_CONFIG.productId);

     $('#buttonArea a').click(function(e){

         e.preventDefault();
         $('#buttonArea').submit();         
         
     });
     
     $('#buttonArea input[type="text"]').click(function(){
     
        if ($(this).val() == CUSTOM_TSHIRT_CONFIG.defaultText) {
            $(this).val('');
            $('#shirtText').html('');         
        }
         
     }).keypress(function(e){
         
        if (e.keyCode == 13) {
            e.preventDefault();             
            $('#buttonArea').submit(); 
        }

        else if ($(this).val().length>=CUSTOM_TSHIRT_CONFIG.maxChars) 
            e.preventDefault();  
         
     }).keyup(function(){
         
         $('#shirtText').html($(this).val());          
         
     }).focus(function(){

        if ($(this).val()=='')
            $(this).val(CUSTOM_TSHIRT_CONFIG.defaultText); 
            
        $('#shirtText').html($(this).val());         
         
     }).focusout(function(){
        
        if ($(this).val()=='')
            $(this).val(CUSTOM_TSHIRT_CONFIG.defaultText); 
            
        $('#shirtText').html($(this).val());         
        
     });
     
 });