function positionBottom() {
	var height = $(window).height();
	var elementHeight = $("#timeline-wrapper").height();
	var contentHeight = $("#content").height() + parseInt( $("#content-wrapper").css("margin-top")) + parseInt( $("#content").css("margin-top"));
	var fromBottom = 100;
	var actualHeight=(height -contentHeight - fromBottom - elementHeight - 100);
	$("#timeline-wrapper").animate(
			{
				"padding-top":  actualHeight + "px"
			});
	var elementsHeight = actualHeight + contentHeight - 63;
	$(".ms1").animate({"top" : elementsHeight + "px"});
	$(".ms2").animate({"top" : elementsHeight + "px"});
	$(".ms3").animate({"top" : elementsHeight + "px"});
	$(".ms4").animate({"top" : elementsHeight + "px"});

}

function positionTimeline() {
	var fullWidth = $(window).width();
	var img2011 = Math.round($(window).width() *0.05);
	var today = Math.round($(window).width() *0.4);
	var start = Math.round($(window).width() *0.7);
	var img2012 = Math.round($(window).width() *0.9);
	$(".ms1").animate({"left" : img2011 + "px"});
	$(".ms2").animate({"left" : today + "px"});
	$(".ms3").animate({"left" : start + "px"});
	$(".ms4").animate({"left" : img2012 + "px"});
	$(".f1").animate({"width" : (today + $(".ms2").width()/2) + "px"});
	$(".today").animate({"margin-left" : (today) + "px"});
}
$(document).ready(function() {
	positionBottom();
	positionTimeline();
	setUpWatermark();
});


$(window).resize(function() {
	positionTimeline();
	
	
	positionBottom();
});

function setUpWatermark(){
	$("#email").watermark('E-mail address', { className: 'watermark' });
}