// JavaScript Document

//phase.lit Lithium 7 Sinko - Programming Solutions (c) 2007

mailtoVar ="mailto:konzept@sanfilippo.de ";

function show (){
document.getElementById("trans").style.display="block";
}

function openB(){
document.getElementById("open").style.display="block";
document.getElementById("extra").style.display="none";
}

function closeB(){
document.getElementById("extra").style.display="block";
document.getElementById("open").style.display="none";
}

function showV2(){
document.getElementById("main").className="npng2";
document.getElementById("main").innerHTML =
'<img id="overlay" src="design/bilder/overlay_neu.gif" border="0" usemap="#start2" class="brdls fulltop">'+
'<map name="start2" id="start2">'+
'<area shape="rect" coords="309,322,377,345" href="design/dateien/sanfilippo.vcf" target="_blank" onmouseover="vcard()"'+ 'onmouseout="overlayV2()" />'+
'<area shape="rect" coords="45,341,157,359" href="'+mailtoVar+'" onmouseover="mail()" onmouseout="overlayV2()" target="_blank" />'+
'<area shape="rect" coords="195,398,359,415" href="http://gallery.me.com/sanfilippo#100016&view=mosaic&bgcolor=black&sel=8" target="_blank">'+
'</map>';
//document.getElementById("extra").style.display="block";
//document.getElementById("controls").style.display="block";
}

function openEx(){
document.getElementById("extra").className="open";
document.getElementById("extra").innerHTML='<img src="design/bilder/open.gif" border="0" usemap="#Map" class="brdls fulltop"  onmouseover="">'+
'<map name="Map" id="Map">'+
'<area shape="poly" id="test1" coords="110,207,191,124,203,137,128,215" href="#" onmouseover="test();"/>'+
'<area shape="poly" coords="144,228,223,154,214,145,206,140,130,219" href="#" onmouseover=""/></map>';
}

function vcard(){
	document.getElementById("overlay").src="design/bilder/overlay_vcard.gif";
}

function mail(){
	document.getElementById("overlay").src="design/bilder/overlay_mail.gif";
}

function overlayV2(){
document.getElementById("overlay").src="design/bilder/overlay_neu.gif";
}

function openExV2(){
document.getElementById("extra").className="open";
}

function closeExV2(){
document.getElementById("extra").className="close";
}

function wideV2(){
document.getElementById("extra").className="wide";
}

function standardV2(){
document.getElementById("extra").className="standard";
}



function closeEx(){
document.getElementById("extra").className="close";
document.getElementById("extra").innerHTML='<img src="design/bilder/open.gif" border="0" usemap="#Map" class="brdls" onmouseout="closeEx()">'+
'<map name="Map" id="Map" class="fulltop"><area shape="rect" coords="145,154,220,235" href="#"  onmouseover="openEx()"/></map>';
}


function wide(){
document.getElementById("extra").className="wide";
document.getElementById("extra").innerHTML='<img src="design/bilder/open.gif" border="0" usemap="#Map" class="brdls" onmouseout="closeEx()">'+
'<map name="Map" id="Map" class="fulltop">'+
'<area shape="poly" coords="110,207,191,124,203,137,128,215" href="#" onclick="wide();return false" class="fulltop2"  />'+
'<area shape="poly" coords="144,228,223,154,214,145,206,140,130,219" href="#" onmouseover="standard()" class="fulltop2"  /></map>';
}

function standard(){
document.getElementById("extra").className="standard";
document.getElementById("extra").innerHTML='<img src="design/bilder/open.gif" border="0" usemap="#Map" class="brdls" onmouseout="closeEx()">'+
'<map name="Map" id="Map" class="fulltop">'+
'<area shape="poly" coords="110,207,191,124,203,137,128,215" href="#" onmouseover="wide()" class="fulltop2"  />'+
'<area shape="poly" coords="144,228,223,154,214,145,206,140,130,219" href="#" onclick="standard();return false" class="fulltop2"  /></map>';
}