function PTImageChange(){
	var b = document.getElementsByTagName('body')[0];
	initChange(b);
}
function initChange(b){
	var cn = b.childNodes;
	for (var i=0; i<cn.length; i++) {
		if(cn[i].className=='PTadImag'){
			cn[i].onmouseover = function(e){
				e=e||window.event;
				var target = e.target||e.srcElement;
				target.style.background="#fff";
				target.style.opacity=.8;
				target.style.cursor='pointer';
			}
			cn[i].onmouseout = function(e){
				e=e||window.event;
				var target = e.target||e.srcElement;
				target.style.background='none';
				target.style.opacity=1;
				target.style.cursor='auto';
			}
			
			var fn = function(e){
				e=e||window.event;
				var target = e.target||e.srcElement;
				uploadWin(target);
			}
			if(cn[i].addEventListener)
				cn[i].addEventListener('click', fn, false)
			else if(cn[i].attachEvent)
				cn[i].attachEvent('onclick', fn);
		}
		if(cn[i].hasChildNodes()){
			initChange(cn[i]);
		}
	};
}
function uploadWin(target){
	var b = document.getElementsByTagName('body')[0];
	var lb = document.createElement('div');
	lb.style.position='fixed';
	lb.style.zIndex='50000';
	lb.style.width = '100%';
	lb.style.height = '100%';
	//lb.style.background = '#000';
	//lb.style.opacity = .5;
	var img = new Image();
	img.onload = function(){
		var fn = function(form){addForm(lb, form);}
		var form = adminForm(img.src, this.height, this.width, fn);
		
		//lb.appendChild(form);
		
	}
	
	img.src = target.src;
	document.onmousedown =  function(){
		lb.parentNode.removeChild(lb);
		document.onmousedown =  null;
	}
	
	
	b.appendChild(lb);
}
function addForm(lb, form){
	lb.innerHTML = form.innerHTML;
	
	lb.firstChild.onmousedown = function(e){
		if(e&&e.stopPropagation)
				e.stopPropagation();
		else
			window.event.cancelBubble = true;
	}
}
function adminForm(src, hoehe, breite, fn){
	var wrapper = document.createElement('div');
	
	var np = '';
	var path = window.location.pathname.split("/");
	for (i = 2; i < path.length; i++) {
		np += '../';
	}
	var form = document.createElement('form');
	form.method="post";
	form.action=np+"script/imgUpload.php5";
	form.style.backgroundColor="#fff";
	form.style.margin="0 auto";
	form.style.top='50px';
	form.style.position="relative";
	form.style.padding="20px";
	form.style.width="500px";
	form.style.display="block";
	form.style.border = '5px solid #000';
	form.enctype = 'multipart/form-data';
	
	var p = document.createElement('h3');
	var head = document.createTextNode('Replace Picture');
	p.appendChild(head);
	form.appendChild(p);
	
	var div = hoehe/breite;
	
	var p = document.createElement('p');
	var hinweisText = document.createTextNode('Pixelmaße: '+breite+'px x '+hoehe+'px (1/'+div+')');
	p.appendChild(hinweisText);
	form.appendChild(p);
	
	var p = document.createElement('p');
	var hinweisText = document.createTextNode('Auflösung: 72dpi');
	p.appendChild(hinweisText);
	form.appendChild(p);
	
	var p = document.createElement('p');
	var hinweisText = document.createTextNode('Maximale Dateigröße: 1MB');
	p.appendChild(hinweisText);
	form.appendChild(p);
	
	var inputf = document.createElement('input');
	inputf.type='file';
	inputf.accept='image/*';
	inputf.name="imgFile";
	form.appendChild(inputf);
	
	var inputh = document.createElement('input');
	inputh.type='hidden';
	inputh.name="hoehe";
	inputh.value=hoehe;
	form.appendChild(inputh);
	
	var inputw = document.createElement('input');
	inputw.type='hidden';
	inputw.name="breite";
	inputw.value=breite;
	form.appendChild(inputw);
	
	var inputs = document.createElement('input');
	inputs.type='hidden';
	inputs.name="src";
	inputs.value=src;
	form.appendChild(inputs);
	
	var br = document.createElement('br');
	form.appendChild(br);
	
	var input = document.createElement('input');
	input.style.marginTop="10px";
	input.type='submit';
	
	form.appendChild(input);
	
	var p = document.createElement('h3');
	p.style.marginTop="20px";
	var head = document.createTextNode('Picure');
	p.appendChild(head);
	form.appendChild(p);
	
	var img = document.createElement('img');
	img.onload = function(){
		
		var nb = Math.min(490, breite);
		
		this.width = nb;
		this.height = nb*hoehe/breite;
		fn(wrapper);
	}
	img.width = '490';
	form.appendChild(img);
	wrapper.appendChild(form);
	img.src = src;
	
}