//window.addEvent('domready', function() {				
$(document).ready(function() {
	$('#aux li').hover(
		function() {
			$('#aux dd').fadeOut(0).addClass("hover").fadeIn(500);
		}, 
		function() {
			$('#aux dd').removeClass("hover");
		}
	);
	
	//$('a[href^="http://"]').attr('target', '_blank').addClass("external");
	$('a[href$=".pdf"]').attr('target', '_blank').addClass("pdf");
    $('input#increment').bind("click", function(e){
      addNewRecommend();
    });
});


var recommended = 1;

function addNewRecommend(){
    if(recommended < 10){
        recommended++;
        $('input#people').attr('value',recommended);
        var person = '<hr> <div id="person'+recommended+'" class="clear"> <p> <label>Anrede Person '+recommended+'</label> <select name="anrede'+recommended+'" id="Anrede'+recommended+'" class="checkbox" tabindex="'+(recommended*4+1)+'"><option value="0">Bitte wählen</option><option value="1">Frau</option><option value="2">Herr</option></select> </p> <div class="clear column half"> <label for="Name'+recommended+'"> Name Person '+recommended+' </label> <input name="name'+recommended+'" id="Name'+recommended+'" class="text" type="text" tabindex="'+(recommended*4+2)+'"  /> <label for="Email1"> E-Mail Person '+recommended+' </label> <input name="email'+recommended+'" id="Email'+recommended+'" class="text" type="text" tabindex="'+(recommended*4+4)+'"  /> </div> <div class="column half"> <label for="Vorname'+recommended+'"> Vorname Person '+recommended+' </label> <input name="vorname'+recommended+'" id="Vorname'+recommended+'" class="text" type="text" tabindex="'+(recommended*4+3)+'"  /> </div>';
    
    $('div#personen').append(person);
    }
     if(recommended >= 10) {
        $('input#increment').hide();
    }
    
    

}