var div_id_form=0;
function mail_fkt(id){
//	alert(window.screenX);
	div_id_form = id;
	var form_action = document.getElementById('form_'+id).action;
	var subby = document.getElementById('form_'+id).sub.value;
	var args = document.getElementById('form_'+id).args.value;
	var fkt = document.getElementById('form_'+id).fkt.value;
	var form='<br><br><form action="'+form_action+'" method="post" name="mailme2"><div class="mail_div">Emailadresse</div><input name="emil" class="mailme"><br><div class="mail_div">Name <span class="smallText">(optional)</span></div><input name="name" class="mailme"><br><div class="mail_div">Telefon <span class="smallText">(optional)</span></div><input name="tel" class="mailme"><br><div class="mail_div">Nachricht</div><input name="div_id2" value="'+id+'" type="hidden"><input name="sub" value="'+subby+'" type="hidden"><input name="fkt" value="'+fkt+'" type="hidden"><input name="args" value="'+args+'" type="hidden"><textarea name="content" class="mailme"></textarea> <br><br><br><input type="submit" name="mail_me" value="senden" class="mailme_btn"></form><br><br>';
	document.getElementById('formdiv_'+id).innerHTML = form;
	document.getElementById('formdiv_'+id).style.display = 'block';
}



var alle_pics = 0;
var act_pic = 0;
var check_width = 0;
function prev(obj_ref){
	if(navigator.appName.search(/Microsoft/)!=-1 || navigator.appName.search(/Explorer/)!=-1) {document.location.href= obj_ref.src;}
// alle content pics erfassen /////////////////////////////////////////////////////////////////////////////
	alle_pics=document.getElementsByName("text_pics").length;
	for(var i=0; i<alle_pics; i++){
		if(document.getElementsByName("text_pics")[i].alt == obj_ref.alt) act_pic = i;
	}
	var prev_ref = document.getElementById('prev');
	prev_ref.style.height ='100%';
	if(window.innerHeight > 565) prev_ref.style.paddingTop ='35px';
	if(window.innerHeight < 530){var pixel_height=window.innerHeight-80  ; var image_height = 'height="'+pixel_height+'"';}
	prev_ref.style.display = 'block';
	prev_ref.innerHTML = '<table align="center" id="table" cellpadding="0" cellspacing="0"><tr align="center"><td  align="center">											<table cellpadding="0" cellspacing="0"><tr><td align="right"><a href="javascript:wech();"><img src="pics/wech.gif"></a></td></tr><tr><td><img src="'+obj_ref.src+'" style="border:1px solid #aaa;" id="prev_image" '+image_height+' ></td></tr></table></tr></td ><tr align="center"><td  align="center">											<table width="600" id="text_table" cellpadding="0" cellspacing="0" class="table_text"><tr><td width="50"><a href="javascript:goLeft(); " class="page_left">&nbsp;</a></td><td align="center" id="img_text">'+obj_ref.alt+'<br><br></td><td width="50" ><a href="#" class="page_right" onclick="goRight(); return false;">&nbsp;</a></td></tr><tr><td colspan="3" style="font-weight:normal;font-size:10px;text-align:center;" id="act_pic_span">Nr. '+(act_pic+1)+' von '+alle_pics+' Bildern</td></tr></table></td></tr></table>';
//	alert(document.getElementById('table').offsetHeight);
	if(document.all.body.offsetWidth<document.getElementById('prev_image').width){ 
		check_width=1; 
		var image_width='width="'+(document.all.body.offsetWidth-2)+'"';
		prev_ref.innerHTML = '<table align="center" id="table" cellpadding="0" cellspacing="0"><tr align="center"><td  align="center"><table cellpadding="0" cellspacing="0"><tr><td align="right" id="det_x"><a href="javascript:wech();"><img src="pics/wech.gif"></a></td></tr><tr><td><img src="'+obj_ref.src+'" style="border:1px solid #aaa;" id="prev_image" '+image_width+'></td></tr></table></tr></td ><tr align="center"><td  align="center"><table width="600" id="text_table" cellpadding="0" cellspacing="0" style="margin-top:5px;"><tr><td width="50"><a href="javascript:goLeft(); " class="page_left">&nbsp;</a></td><td width="500" align="center" id="img_text">'+obj_ref.alt+'<br><br></td><td width="50" ><a href="#" class="page_right" onclick="goRight(); return false;">&nbsp;</a></td></tr><tr><td colspan="3" style="font-weight:normal;font-size:10px;text-align:center;" id="act_pic_span">Nr. '+(act_pic+1)+' von '+alle_pics+' Bildern</td></tr></table></td></tr></table>';
	}
	if(document.all.body.offsetWidth<600)document.getElementById('text_table').width = document.all.body.offsetWidth-50;
	if(window.innerHeight<document.getElementById('table').offsetHeight+20 || window.innerHeight<200 || document.all.body.offsetWidth<400){
		prev_ref.innerHTML = '<div style="position:absolute;z-index:30;right:0px;"><a href="javascript:wech();"><img src="pics/wech.gif"></a></div><img src="'+obj_ref.src+'" id="prev_image" height="100%"><div style="position:absolute;z-index:30;bottom:0px;"><table id="text_table" cellpadding="0" cellspacing="0" width="'+document.all.body.offsetWidth+'"><tr><td width="20"><a href="javascript:goLeft();" class="page_left">&nbsp;</a></td><td  align="center" id="img_text">'+obj_ref.alt+'</td><td width="20"><a href="#" class="page_right" onclick="goRight(); return false;">&nbsp;</a></td></tr><tr><td colspan="3" style="font-weight:normal;font-size:10px;text-align:center;" id="act_pic_span">Nr. '+(act_pic+1)+' von '+alle_pics+' Bildern</td></tr></table></div>';
	}
}
//
function goLeft(){
	act_pic --;	
	if(act_pic <0) act_pic = alle_pics -1;
	document.getElementById('img_text').innerHTML = document.getElementsByName("text_pics")[act_pic].alt;   //bildtext
	document.getElementById('prev_image').src = document.getElementsByName("text_pics")[act_pic].src; 
	document.getElementById('prev_image').alt = document.getElementsByName("text_pics")[act_pic].alt; 
	document.getElementById('act_pic_span').innerHTML = 'Nr. '+(act_pic+1)+' von '+alle_pics+' Bildern';
	if(check_width==1 || document.all.body.offsetWidth<document.getElementById('prev_image').width) {check_width=0;prev(document.getElementById('prev_image'));}
}
function goRight(){
	act_pic ++;	
	if(act_pic >=alle_pics) act_pic = 0;
	document.getElementById('img_text').innerHTML = document.getElementsByName("text_pics")[act_pic].alt+'<br><br>'; 
	document.getElementById('prev_image').src = document.getElementsByName("text_pics")[act_pic].src; 
	document.getElementById('prev_image').alt = document.getElementsByName("text_pics")[act_pic].alt; 
	document.getElementById('act_pic_span').innerHTML = 'Nr. '+(act_pic+1)+' von '+alle_pics+' Bildern';
	if(check_width==1 || document.all.body.offsetWidth<document.getElementById('prev_image').width) {check_width=0;prev(document.getElementById('prev_image'));}
}
function wech(){
	var prev_ref = document.getElementById('prev');
	prev_ref.style.paddingTop ='0px';
	prev_ref.style.height ='0px';
	prev_ref.innerHTML ='';
}