kkjs.onDOMReady(function(){
	kkjs.koordAdd(document.body);
	var intro = kkjs.createNode("div", {}, {
		width: (kkjs.is.ie && kkjs.is.version < 7)? document.getElementsByTagName("html")[0].offsetWidth + "px": "100%",
		height: (kkjs.is.ie && kkjs.is.version < 7)? document.getElementsByTagName("html")[0].offsetHeight + "px": "100%",
		backgroundColor: "#000000", 
		cursor: "pointer"});
	document.body.appendChild(intro);
	kkjs.setFixed(intro, {top: 0, topUnit: "px", left: (kkjs.is.ie && kkjs.is.version < 7)? -document.body.offsetLeft: 0, leftUnit: "px"});
	kkjs.setzeEvent(intro, "click", function(ev, node){
		kkjs.opa.slowHide(node, true, 1);
	});
	
	var orpheus		= kkjs.createNode("img", {src: "./layout/ocmb1.gif"}, {position: "absolute", left: "0%", top: "0%", margin: "-37px 0px 0px -159px"});
	intro.appendChild(orpheus);
	kkjs.uebergaenge.runStyleAttributeToValue({
		node: orpheus,
		attribute: "left",
		shape: "ellipse1",
		toValue: 50,
		unit: "%",
		duration: 2,
		fixDuration: true
	});
	kkjs.uebergaenge.runStyleAttributeToValue({
		node: orpheus,
		attribute: "top",
		shape: "ellipse2",
		toValue: 50,
		unit: "%",
		duration: 2,
		fixDuration: true
	});
	var chor		= kkjs.createNode("img", {src: "./layout/ocmb2.gif"}, {position: "absolute", top: "0%", right: "0%", margin: "-37px	-38px 0px 0px"});
	intro.appendChild(chor);
	kkjs.uebergaenge.runStyleAttributeToValue({
		node: chor,
		attribute: "top",
		shape: "ellipse1",
		toValue: 50,
		unit: "%",
		duration: 2,
		fixDuration: true
	});
	kkjs.uebergaenge.runStyleAttributeToValue({
		node: chor,
		attribute: "right",
		shape: "ellipse2",
		toValue: 50,
		unit: "%",
		duration: 2,
		fixDuration: true
	});
	var muenchen	= kkjs.createNode("img", {src: "./layout/ocmb3.gif"}, {position: "absolute", right: "0%", bottom: "0%", margin: "0px -174px 0px 0px"});
	intro.appendChild(muenchen);
	kkjs.uebergaenge.runStyleAttributeToValue({
		node: muenchen,
		attribute: "right",
		shape: "ellipse1",
		toValue: 50,
		unit: "%",
		duration: 2,
		fixDuration: true
	});
	kkjs.uebergaenge.runStyleAttributeToValue({
		node: muenchen,
		attribute: "bottom",
		shape: "ellipse2",
		toValue: 50,
		unit: "%",
		duration: 2,
		fixDuration: true
	});
});