function getobj(id){
if (document.getElementById)
return document.getElementById(id)
else if (document.all)
return document.all.trailimagid
}

function update_id_counter(id,y,h){
	//alert("updating");
getobj('ids_of_div').value =getobj('ids_of_div').value + ','+id;
if (getobj('maxy').value < y+ h +50){
	getobj('maxy').value=y+ h +50;
	
	getobj('id_of_maxy').value='div'+id;
	
}
}
function update_id_counter(id){
	//alert("updating_new");
getobj('ids_of_div').value =getobj('ids_of_div').value + ','+id;

//alert(getobj('listtab').offsetHeight);
}
function update_height_static(){
	//alert("rettich");
	if(getobj('uhOffset')&&getobj('uhElement')){
	//	alert("dann legen wir mal los");
		var objectHeight=parseInt(getobj(getobj('uhElement').value).offsetHeight);
		var extraOffset =parseInt(getobj('uhOffset').value);
		objectHeight=objectHeight  +extraOffset;
	//	alert(objectHeight);
		if(objectHeight > 430){
		tmp = 	objectHeight -430;
		//alert(tmp);
		tmp=tmp+575;
		//alert(tmp);
		getobj('wcp_root').style.height = tmp  +'px';
		tmp=tmp - 145;
		//alert(tmp);
		getobj('mainframe').style.height = tmp  +'px';
		}	
	}

	
	
}


function actinput(name){

	var newx
	newx = dd.elements[name].x - dd.elements.mainframe.x;
	getobj('inputx'+name).value=newx;

	var newy

	newy = dd.elements[name].y - dd.elements.mainframe.y; //-28;
	getobj('inputy'+name).value=newy;
	//alert('old:'+getobj('wcp_root').style.height +' new:'+dd.elements[name].y + dd.elements[name].h);
 	temp=getobj('wcp_root').style.height;
	//alert(temp);
 	results = temp.split("p");
	//alert(results[0]+'vc'+(dd.elements[name].y + dd.elements[name].h));
	if (results[0] < dd.elements[name].y + dd.elements[name].h + 100){
		//höhenanpassung positiv
		var temo = dd.elements[name].y + dd.elements[name].h + 100;
		getobj('wcp_root').style.height = temo  +'px';
		getobj('maxy').value=temo;
	
		getobj('id_of_maxy').value=name;
		temo=temo - 145;
		getobj('mainframe').style.height = temo  +'px';
		//alert('new height is: '+getobj('wcp_root').style.height);
		//alert('new id_of_maxy is: '+name);
	}
	else{
		//höhenanpassung negativ
		var temo = dd.elements[name].y + dd.elements[name].h + 100;
		var alldivs = getobj('ids_of_div').value;
		var alldivsSplitted = alldivs.split(",");
		var whatisMAX = 0;
		var idOfMaxIs=0;
		for (var i = 1; i < alldivsSplitted.length; ++i){
			var t =alldivsSplitted[i];
			var yOfsndMaxp1 =getobj('inputydiv'+t).value;
			var yOfsndMaxp2 =getobj('inputhdiv'+t).value;
			var yOfsndMax =parseInt(yOfsndMaxp1) + parseInt(yOfsndMaxp2) +181+14+20+50;
			//alert(whatisMAX+'vs'+yOfsndMax);
			if(parseInt(whatisMAX) < yOfsndMax) {
				//alert('true');
				whatisMAX=yOfsndMax;
				idOfMaxIs=t;
			}
		}
	
		//	alert(whatisMAX+"#"+idOfMaxIs);
	
		//alert(whatisMAX+'vs'+575);
		if (whatisMAX < 575){
			//alert('true');
			whatisMAX=575;
		};
		
		//alert('act-height-is'+getobj('wcp_root').style.height+'and max is'+whatisMAX);
		 if (parseInt(whatisMAX) < parseInt(getobj('wcp_root').style.height)){
			// alert('i have 2 shrink');
			 getobj('wcp_root').style.height = whatisMAX  +'px';
			 temo=whatisMAX - 145;
			getobj('mainframe').style.height = temo  +'px';
		 }
		

		getobj('maxy').value=whatisMAX;
		getobj('id_of_maxy').value=name;
	
		//alert(getobj('maxy').value);
		//alert(getobj('id_of_maxy').value);
	}

	if (getobj('inputtype'+name).value === 'text'){
	
		getobj('text'+name).style.width=dd.elements[name].w + 'px';
	
		getobj('text'+name).style.height=dd.elements[name].h + 'px';
	
		getobj('inputw'+name).value=dd.elements[name].w;
		getobj('inputh'+name).value=dd.elements[name].h;
	}
	
	if (getobj('inputtype'+name).value === 'img'){
	
		getobj('img'+name).style.width=dd.elements[name].w+ 'px';
	
		getobj('img'+name).style.height=dd.elements[name].h+ 'px';
	
		getobj('inputw'+name).value=dd.elements[name].w;
		getobj('inputh'+name).value=dd.elements[name].h ;
	}
	if (getobj('inputtype'+name).value === 'twin'){
	
		getobj('info'+name).style.width=dd.elements[name].w -12 + 'px';
		getobj('text'+name).style.width=dd.elements[name].w -16 + 'px';
	
		getobj('info'+name).style.height=dd.elements[name].h -32+ 'px';
	
		getobj('inputw'+name).value=dd.elements[name].w -12;
		getobj('inputh'+name).value=dd.elements[name].h -12;
	}
	if (getobj('inputtype'+name).value === 'int'){
	
		getobj('info'+name).style.width=dd.elements[name].w -112 + 'px';
		getobj('text'+name).style.width=dd.elements[name].w -116 + 'px';
	
		getobj('info'+name).style.height=dd.elements[name].h -36+ 'px';
	
		getobj('inputw'+name).value=dd.elements[name].w -12;
		getobj('inputh'+name).value=dd.elements[name].h ;
	}
	if (getobj('inputtype'+name).value === 'ext'){
	
		getobj('info'+name).style.width=dd.elements[name].w -112 + 'px';
		getobj('text'+name).style.width=dd.elements[name].w -116 + 'px';
	
		getobj('info'+name).style.height=dd.elements[name].h -36+ 'px';
	
		getobj('inputw'+name).value=dd.elements[name].w -12;
		getobj('inputh'+name).value=dd.elements[name].h ;
	}
		

//	snap2grid(get_div_id(name));
}

function update_height(maxy){
	//alert(maxy);
	if(maxy > 430){
	tmp = 	maxy -430;
	//alert(tmp);
	tmp=tmp+575;
	//alert(tmp);
	getobj('wcp_root').style.height = tmp  +'px';
	tmp=tmp - 145;
	//alert(tmp);
	getobj('mainframe').style.height = tmp  +'px';
	}
	
}

 function set_img_destination(name,src){
			   getobj('picture_info_destination').value =name;
			   getobj('picture_info_src').value =src;
			   }
			   
function closegalerie(src,width,height,resize,public_domain,img_path,mode){
	hideelement('picture_select_frame');
	
	if (getobj('imagediv'+ getobj('picture_info_src').value)){
		
		getobj('imagediv'+ getobj('picture_info_src').value).src=public_domain+"/"+img_path+"/" + src;
	}else{
	
		getobj('imgdiv'+ getobj('picture_info_src').value).src=public_domain+"/"+img_path+"/" + src;
	}
	
	
	if(resize =='1'){
		if(getobj('imagediv'+ getobj('picture_info_src').value)){
		getobj('imagediv'+ getobj('picture_info_src').value).style.height=height+"px";
		getobj('imagediv'+ getobj('picture_info_src').value).style.width=width+"px";	
			
		}
		
	}
	if(mode =='div'){
		if (getobj('inputwdiv'+ getobj('picture_info_src').value)){
		getobj('inputwdiv'+ getobj('picture_info_src').value).value=width;
		getobj('inputhdiv'+ getobj('picture_info_src').value).value=height;
		}
	}
	if((mode =='div') &&  (resize =='1')){
		if (getobj('div'+ getobj('picture_info_src').value)){
		getobj('div'+ getobj('picture_info_src').value).style.height=height+"px";
		getobj('div'+ getobj('picture_info_src').value).style.width=width+"px";
			}	//alert(width);
	}
			  
}
	
	
function update_dimension(source_obj,divID){
	//markierung von verzerrten Bilder anpassen!
	//realdaten des bildes
	var imgW = getobj(source_obj).offsetWidth;
	var imgH = getobj(source_obj).offsetHeight;
	
	//umliegenden div anpassen	
	getobj("div"+divID).style.width= (imgW-2)+"px";
	getobj("div"+divID).style.height= (imgH-2)+"px";
	//parameter für die datenbank anpassen
	getobj("inputwdiv"+divID).value=(imgW-2);
    getobj("inputhdiv"+divID).value=(imgH-2);
	
	
}	
	
			   
function xtra_action(value,dest){
		getobj('xtra').value =value;
		//alert(dest);
		if (typeof dest=="undefined") {
		getobj('profil_update').submit();
		}
		else{
			getobj(dest).submit();
		}
		
			   
}

//same as above but able to handle multiple obj's
function xtra_action_mult(value,dest){
		var div =getobj('active_div').value;
		var divID = div.substring(3,div.length);
		if (divID ===''){
			
			alert('Aktion nicht möglich! Es wurde ein Objekt gewählt');
			}else{
				value = value+divID;
				//alert(value);
				getobj('xtra').value =value;
				//alert(dest);
				if (typeof dest=="undefined") {
				getobj('profil_update').submit();
				}
				else{
					getobj(dest).submit();
				}
				
				
				}
		
		
			   
}

			   
 function switch_options(div){
	  
	  //toggle_state(div);
	  
	  if (getobj('optdiv'+div).style.visibility == 'hidden' ){
	   
	   	showelement('optdiv'+div);
		}else{
		hideelement('optdiv'+div);
		}
			   
   }
   
   
   
   function toggle_state(div){
	   //alert("toggeling: "+div);
		//alert("farbe: "+getobj(div).style.borderColor);
	   if (getobj(div).style.borderColor === 'rgb(255, 0, 0) rgb(255, 0, 0) rgb(255, 0, 0) rgb(255, 0, 0)'){
		   
	   getobj(div).style.borderColor="#222222";
	
	   }else{
		   getobj(div).style.borderColor="#FF0000";
	   }
	   
	   
	   
   }
   
   function focus_div(div){
	   
	   //toggle_state the old div
	   var old_div =getobj('active_div').value;
	   //alert(old_div);
	   //alert(div);
	   if (old_div ===''){
		  	getobj('active_div').value=div;
			toggle_state(div);
			update_actionbar(div);
			
		   //nothing left to do
	  // alert("nothing left to do");
	   }
	   else{
			if (old_div === div){
			//special handling	
				
			}
			else{
			//
			toggle_state(old_div);
			getobj('active_div').value=div;
			toggle_state(div);
			update_actionbar(div);
			
				
			}
		   
	   }
	   
   }
	//version 2 -- übergröße des div entfällt - umrandung sitzt direkt an dem element ("zappeln behoben")
	function focus_div_2(div){

	   //toggle_state the old div
		var old_div =getobj('active_div').value;
		
		var id = get_div_id(div);
		var type = get_type(id);
		
	  // alert("id: "+id);
	   //alert("type: "+type);
	   if (old_div ===''){
		  	getobj('active_div').value=div;
		
			
			toggle_state(type+'div'+id);
			update_actionbar(div);

		   //nothing left to do
	  // alert("nothing left to do");
	   }
	   else{
			if (old_div === div){
			//special handling	

			}
			else{
			//
			var old_id = get_div_id(old_div);
			var old_type = get_type(old_id);
			
			toggle_state(type+'div'+id);
			getobj('active_div').value=div;
			toggle_state(old_type+'div'+old_id);
			update_actionbar(div);


			}

	   }

   }

function get_type(id){
	var divType = getobj('type'+id).value;
	return divType;
} 

function get_div_id(div){
	var divID = div.substring(3,div.length);
	return divID;
	
}

   function update_actionbar (div){
	   	//get border/MEHR/type/
		var divID = div.substring(3,div.length);
		//alert(divID);
		var border= getobj('border'+divID).value;
		var more=	getobj('detail'+divID).value;
		var type=	getobj('inputtype'+div).value;
		var link_dest=	getobj('link'+divID).value;
		//alert(border);
	
		selectDropdownOption(getobj('typeSelect'),type);
		selectDropdownOption(getobj('borderSelect'),border);
		selectDropdownOption(getobj('detailSelect'),more);
		getobj('link_dest').value=link_dest;
		
		//set border/MEHR/type/delete-link/image-update
	   
	   
   }
   
   function change_picture_mult(){
	   
	   var div =getobj('active_div').value;
		var divID = div.substring(3,div.length);
		//alert(div.length);
		if (divID ===''){
			
			alert('Aktion nicht möglich! Es wurde kein Objekt gewählt');
			}else{
	   
	  	 	set_img_destination('img'+divID,divID);
	   		showelement('picture_select_frame')
	   
			}
   }
   
   function selectDropdownOption(div,value){
	   
	   
	if (div != null){
		//alert(div+"||"+value);
	for (var i=0; i<div.options.length; i++) 
	{
		if (div.options[i].value == value) 
		{
			div.options[i].selected = true;		
			}
		else
		{
				div.options[i].selected = false;	
		}
	}
	}
}

	function update_type(){
		
		//alert( getobj('typeSelect').value);
		//get actual div
		var act_div= getobj('active_div').value;
		
		//set input-obj
		getobj('inputtype'+act_div).value=getobj('typeSelect').value;
		var divID = act_div.substring(3,act_div.length);
		getobj('type'+divID).value=getobj('typeSelect').value;
		
		//!live vorschau 
		if(getobj('typeSelect').value === 'int'){
		getobj(act_div).style.borderColor='#9fc5f2';
		}else{
		getobj(act_div).style.borderColor='#ff9900';
		}
		
		
		
		
		}
		
		
		function update_active(){
		
		//alert( getobj('typeSelect').value);
		//get actual div
		var act_div= getobj('active_div').value;
		
		//set input-obj
		getobj('inputactive'+act_div).value=getobj('activeSelect').value;
		var divID = act_div.substring(3,act_div.length);
		getobj('active'+divID).value=getobj('activeSelect').value;
		
		}

		
		function update_border(){
		
		//alert( getobj('typeSelect').value);
		//get actual div
		var act_div= getobj('active_div').value;
		
		//set input-obj
		
		var divID = act_div.substring(3,act_div.length);
		getobj('border'+divID).value=getobj('borderSelect').value;
		
		//!live vorschau 
		
		if(getobj('borderSelect').value === '0'){
		//	alert('is null');
		getobj(act_div).style.borderStyle='dashed';
		}else{
		//	alert('is nicht null');
		getobj(act_div).style.borderStyle='solid';
		}
	}
		function update_border_v2(){
		
		//alert( getobj('typeSelect').value);
		//get actual div
		var act_div= getobj('active_div').value;
		
		//set input-obj
		
		var divID = get_div_id(act_div);
		var divType=get_type(divID);
		getobj('border'+divID).value=getobj('borderSelect').value;
		
		//!live vorschau 
		
		if(getobj('borderSelect').value === '0'){
		//	alert('is null');
		
		getobj(divType+"div"+divID).style.borderStyle='dashed';
		}else{
		//	alert('is nicht null');
		getobj(divType+"div"+divID).style.borderStyle='solid';
		}
		
		
		
	}
		function update_detail(){
		
		//alert( getobj('typeSelect').value);
		//get actual div
		var act_div= getobj('active_div').value;
		
		//set input-obj
		
		var divID = act_div.substring(3,act_div.length);
		getobj('detail'+divID).value=getobj('detailSelect').value;
		
		}
		
		function set_link(){
			
					//get actual div
		var act_div= getobj('active_div').value;
		
		//set input-obj
		
		var divID = act_div.substring(3,act_div.length);
		getobj('link'+divID).value=getobj('link_dest').value;
		
		if(getobj('link_dest').value === ''){
			getobj('linkedICON'+divID).style.visibility='hidden';
		}else{
			getobj('linkedICON'+divID).style.visibility='visible';
		}
		}
		
		function snap2grid(id){

		var divX=getobj("inputxdiv"+id).value;
		var divY=getobj("inputydiv"+id).value;
		
		alert("oldvars: "+divX+","+divY);
		//modulo5
		var mod5x=divX%5;
		var mod5y=divY%5;
		
		divX=divX-mod5x;
		divY=divY-mod5y;
		alert("newvars: "+divX+","+divY);
		getobj("inputxdiv"+id).value=divX;
		getobj("inputydiv"+id).value=divY;
		
		getobj("div"+id).style.marginLeft=divX+"px";
		getobj("div"+id).style.marginTop=divY+"px";

		}