var i=0
var x=0
var	ready_h=false;
var	ready_w=false;
var width_2;
var i_plus=8;
var aendern;
var height;
var width;var width1;
var maxheightinpx=(screen.height/10*6);
var maxwidthinpx=(screen.width/100*60);
var upload;
function no_greyscreen(){
	document.getElementById('opaque').style.display="none";
	document.getElementById('facebox').style.display="none";
	document.getElementById('facebox_overlay').style.display="none";
	document.getElementById('greyscreen_inhalt_2').innerHTML="";
	document.getElementById('greyscreen_inhalt').style.height=0;
	document.getElementById('greyscreen_inhalt').style.width=0;
	document.body.scroll='yes';
	ready_h=false;
	ready_w=false;
	i=0
	x=0
}
function get_vars_greyscreen(id){
	document.getElementById(id).style.display="block";
	aendern = document.getElementById(id).innerHTML;
	height=document.getElementById(id).offsetHeight;
	width=document.getElementById(id).offsetWidth;
	width1=document.getElementById(id).offsetWidth/2;	
	document.getElementById(id).style.display="none";
	//abbrechbutton
	document.getElementById('cancle').style.display="block";
	aendern += document.getElementById('cancle').innerHTML;
	height+=document.getElementById('cancle').offsetHeight;
	document.getElementById('cancle').style.display="none";
	greyscreen();
}
function greyscreen(id){
	width_2 = width1;
	document.getElementById('opaque').style.display="block";
	document.getElementById('facebox').style.display="block";
	document.getElementById('facebox_overlay').style.display="block";
	document.getElementById('greyscreen_inhalt_2').innerHTML=aendern;
	document.getElementById('greyscreen_inhalt_2').style.display="none";
	document.getElementById('greyscreen_inhalt').style.height=0;
	document.getElementById('greyscreen_inhalt').style.width=0;
	document.body.scroll='no';
	greyscreen_size()
	if(height>maxheightinpx){
		document.getElementById('greyscreen_inhalt').style.maxHeight=maxheightinpx;
		height=maxheightinpx;
		document.getElementById('greyscreen_inhalt').style.top=(screen.height/2)/*50%*/-(height/1.5)+"px";
		document.getElementById('greyscreen_inhalt').style.overflow="auto";
	}
	if(width>maxwidthinpx){
		document.getElementById('greyscreen_inhalt').style.maxWidth=maxwidthinpx;
		width=maxwidthinpx;
		width1=maxwidthinpx/2;
		document.getElementById('greyscreen_inhalt').style.overflow="auto";
	 }
}
function greyscreen_size(){
	i+=i_plus
	if(document.getElementById('greyscreen_inhalt').offsetWidth<width){
		width_2 -=i_plus/2;
		document.getElementById('greyscreen_inhalt').style.left=screen.width/4+width_2;
		document.getElementById('greyscreen_inhalt').style.width=i+"px";
	}else{
		x+=i_plus-i_plus/3
		ready_w=true
		if(document.getElementById('greyscreen_inhalt').offsetHeight<height){
			document.getElementById('greyscreen_inhalt').style.height=x+"px";
		}else {
		ready_h=true
			document.getElementById('greyscreen_inhalt_2').style.display="block";
		}
	}
	if(ready_h==true  && ready_w==true){
	}else{
		setTimeout("greyscreen_size()", 1);
	}
}

//jquery
$(function() { 
	$('.screen').click(function(){greyscreen($(this).attr('href')+"&ajax=true");return false;}); 
	$('.screen_pic').click(function(){greyscreen_img($(this).attr('href'));return false;}); 
	$('.screen_frm').click(function(){greyscreen("sites/"+$(this).attr('id'));return false;}); 
	$('.u_g').click(function(){update_greyscreen($(this).attr('href')+"&ajax=true");return false;});
	$('.close_screen').click(function(){close_greyscreen();});
	$('#update_wbc').click(function() {alert('');greyscreen();return false;})
	function close_greyscreen(){
		$('#facebox').hide('slow');
		$('#content_screen').empty();
		$('#opaque').hide('slow');
		$('.facebox_overlayBG').hide();
		return false;
	}
	function update_greyscreen(id){
		$('#content_screen').slideUp('slow').empty();
		$.ajax({
			method: "get",url: id,data: "",
			beforeSend: function(){$(".loading").show("fast");}, 
			complete: function(){ $(".loading").hide("fast");},
			success: function(html){ 
				$("#content_hide").append('<div>'+html+'<div>').show();
				facebox_left = ((screen.width - $('#facebox').width())/2)-10;
				$('#content_hide').empty().hide()
				$('#facebox').css({left:facebox_left});
				$('#content_screen').append('<div>'+html+'<div>').slideDown("slow");	
			}
		});	
	};
	function greyscreen(id){
		var facebox_left = (screen.width - $('#facebox').width())/2;
		$('#facebox').css({left:facebox_left});
		$('#opaque').fadeIn("fast");
		$('#facebox').show();
		$('#facebox_overlay').show();
		$.ajax({
			method: "get",url: id,data: "",
			beforeSend: function(){$(".loading").show("fast");}, 
			complete: function(){ $(".loading").hide("fast");},
			success: function(html){ 
				$("#content_hide").append('<div>'+html+'<div>').show();
				facebox_left = (screen.width - $('#facebox').width())/2;
				$('#content_hide').empty().hide()
				$('#facebox').css({left:facebox_left});
				$('#content_screen').append('<div>'+html+'<div>').slideDown("slow");	
			}
		});	
	
	}
	function greyscreen_img(id){
		var facebox_left = (screen.width - $('#facebox').width())/2;
		$('#facebox').css({left:facebox_left});
		$('#opaque').fadeIn("fast");
		$('#facebox').show();
		$('#facebox_overlay').show();
		var html = "<img src='"+id+"'/>";
		$("#content_hide").append('<div>'+html+'<div>').show();
		facebox_left = (screen.width - $('#facebox').width())/2;
		$('#content_hide').empty().hide()
		$('#facebox').css({left:facebox_left});
		$('#content_screen').append('<div>'+html+'<div>').load(function(){slideDown("slow");});
	}
	/*var img = $('.contentboxmiddle img');
	for(var i =0; i < img.length; i++){
		alert('');
		$(img.eq(i)).before('<div class="div_img">');

		$(img.eq(i)).after('<div>asddfsas</div>');
	}
	var div_img = $('.contentboxmiddle .div_img');
	for(var i =0; i < div_img.length; i++){
		alert('1');
		$(div_img.eq(i)).before('<a>'+$(this).next('img').html());

	}
	
	*/
});