$(document).ready(function(){
	
	// set the input values blank and fill it again on blur
	for (var i = 0; i < field_id_array.length; i++)
	{
		setInputValues(field_id_array[i]["field_id"], field_id_array[i]["field_value"]);
	}
	
	
	
	
	
	
	// Termine in Ihrer Nähe scrolling
	
	
	$("#local_termine_scroll").before('<a href="#" id="local_termine_up">UP</a>');
	$("#local_termine_scroll").after('<a href="#" id="local_termine_down">DOWN</a>');
	
	var viewport_height = $("#local_termine_scroll ul li").outerHeight()*3;
	$("#local_termine_scroll").height(viewport_height);
	
	var maxScroll = $("#local_termine_scroll").height() - $("#local_termine_scroll ul").height();
	var deltScroll = $("#local_termine_scroll").height();
		
		
	$('#local_termine_scroll ul').css('top','0px');  // sonst scrollt es in in allen IEs beim ersten mal ganz runter ...
	
	$('#local_termine_up').click(function () {
		if (parseInt($('#local_termine_scroll ul').css('top'), 10) < (0-deltScroll)) {
			$('#local_termine_scroll ul').animate({
				top: '+=' + deltScroll + 'px'
			}, 500);
		}
		else {
			$('#local_termine_scroll ul').animate({
				top: '0px'
			}, 500);
		}
		return false;
	});
	
	$('#local_termine_down').click(function () {	
		if (parseInt($('#local_termine_scroll ul').css('top'), 10) > (maxScroll+deltScroll)) {
			$('#local_termine_scroll ul').animate({
				top: '-=' + deltScroll + 'px'
			}, 500);
		}
		else {
			$('#local_termine_scroll ul').animate({
				top: maxScroll + 'px'
			}, 500);
		}
		return false;
	});
	
	
	
	
	
	
	
	
	
});



var field_id_array = new Array();

field_id_array[0] = new Object();
field_id_array[0]["field_id"] = "#fullname";
field_id_array[0]["field_value"] = "Ihr Name";

field_id_array[1] = new Object();
field_id_array[1]["field_id"] = "#tel";
field_id_array[1]["field_value"] = "Telefonnummer";

function setInputValues(field_id, field_value)
{
	$(field_id).click(function(){
		this.value = "";
	});
	$(field_id).blur(function(){
		if (this.value != "") {
			field_value = this.value;
		}
		this.value = field_value;
	});
}