//var top = 150;
var top = 0;
$(document).ready(function(){
	
	$("#menu > a").click(function(){
		goToByScroll(this.href);
		//return false;
	});
	
	$("#logo").click(function(){
		document.location = 'http://dimmix.de/';		
	});
	
	$("#content").find('a[href^=\"http://\"]').attr("target","_blank");
	
	
	
	//doMove('home');
	if(document.location.hash=="")
		goToByScroll("#home");
	else {
		goToByScroll(document.location.hash);
	}
	
	
	
	$("#content > div[class=pic]").each(function(index) {
		var obj = $(this);
		var alt = obj.attr("alt");
		if(alt != ""){
			obj.css("background-image","url(img/pic_"+alt+".jpg)");
			//obj.before("<img src='img/pic_"+alt+".jpg' class='pic'/>");
		}
	});

	
});	


function goToByScroll(id){
	x = id.split("#");
	id = x[1];
	
	$("#menu > a").removeClass("selected");
	$("#menu > a[href=#"+id+"]").addClass("selected");
	
	$('html,body').animate({scrollTop: $("#content > h1[alt="+id+"]").offset().top-top},'slow');
	return false;
}


function doMove(id){
	$("#menu > a").removeClass("selected");
	$("#menu > a[alt="+id+"]").addClass("selected");
	var p = $("#content > h1[id="+id+"]").position();
	//alert(p.top);
	$("#content").animate(
		{"top": top-p.top}, "slow"
	);
}