$(function() {
	var tr=$('<tr></tr>');
	var tbl=$('<table class="noprint" width="100%"></table>').append(tr);
	var clickfn = function(targ) {
		var ele = $('#div'+(targ.substring ? targ : $(targ.target).parent().attr('proworkerziel')));
		document.title = ele.attr('title') + " - Pro Worker";
		$("#content").html("<div id=\"innercontent\">"+ele.html()+"</div>").focus();
	};
	var pwlogo = $('<a href="#" proworkerziel="contentstore"></a>').bind('click', clickfn).append($('#pwlogo'));
	$("#pwlogodiv").css({position:'absolute',left:10, top: 10, cursor:'pointer'}).html("").append(pwlogo);
	$("#overinfo").css({position:'absolute',left:250, top: 90}).show().html("Klicken Sie einen der Buttons an");
	$("#content").attr("tabindex","-1").css({position:'absolute',left:10, top: 150}).html(($("#divcontentstore").html($("#content").html()).append($("#oehtblogo,#bsalogo"))).html());
	$("#menu").css({display:'block',position:'absolute',left:250, top: 20, right: 30}).html(tbl);
	var loc = location.href, idx = loc.indexOf('#');
	var anch = idx == -1 ? '' : loc.substring(idx+1);
	$(".menuitem").hide().each(function(idx) {
		var a = $(this).attr('id');
		var ttl = $(this).attr('title');
		if(a.substring(0,3) == "div") {
			a = a.substring(3);
			var atag=$('<a proworkerziel="'+a+'" href="#'+a+'"></a>').bind('click',clickfn).hover(function(targ) {
				$(targ.target).fadeTo(200, 1.0);
				$("#overinfo").html($('#div'+$(targ.target).parent().attr('proworkerziel')).attr('title')).stop().css('opacity',1.0).animate({left: $(targ.target).offset().left},200).show();
			},function(targ) {
				$(targ.target).fadeTo(200, 0.7);
				$("#overinfo").stop().fadeOut(200);
			});
			if(a == anch) clickfn(a);
			tr.append($("<td></td>").append(atag.append($('<img src="button' + (idx+1) + '.png" alt="' + ttl + '" title="' + ttl + '" />').css('opacity', 0.7))));
		}
	});
});