var tItemCounter=1000;
var curent_el= null;
var curent_text_el= null;
var curent_img_el=null;
var dmsImages=new Array();
var dmsProps=new Array();
var dmsColor=new Array();
var dmsFont=new Array();
var dmsFontsize=new Array();
var dmsText=new Array();
var dmsW=new Array();
var dmsH=new Array();
var angle= new Array();

var arr = new Array();
var n=0;

var keepcolor='000000';
function addBubble(x,y)
{
	
	if(tItemCounter>1000)
	{
	parent.lines.dragresize.resizeHandleSet(chekbr().getElementById("img_" +tItemCounter), false);
	chekbr().getElementById("img_" +tItemCounter).style.border="hidden";
	}
		var im_line_W = chekbr().getElementById("image_line").offsetWidth;
  		var im_line_H = chekbr().getElementById("image_line").offsetHeight;

	//document.getElementById('app_button').style.display='';
	document.getElementById("app_hide").style.display="";
	im=document.getElementById('cur_bubble').value;
	im2="bubble_text.php?im="+im+"&font_size="+document.getElementById('font_size').value+"&font="+str_replace(' ','^^',document.getElementById('loadFonth').value)+"&font_color="+document.getElementById('colorfield').value+"&text="+urlencode('Type hier je tekst')+"&width=250&height=125";
	var z_id = "img_" + ++tItemCounter;
	
	
	if(x!='' && y!='')
	{
	var poz_top=y-(125/2);
	var poz_left=x-(250/2);
	}
	else
	{
	var poz_top=(im_line_H/2)-(125/2);
	var poz_left=(im_line_W/2)-(250/2);
	}

	

	
	var innerHtml ='<div class="drsElement drsMoveHandle" id="'+z_id+'" style="left:'+poz_left+'px; top:'+poz_top+'px; width: 250px; height: 125px;z-index:' + tItemCounter + '"><img src="'+im2+'" width="250" height="125" id="'+z_id+'_1"/></div>';
	

	chekbr().getElementById("image").innerHTML=chekbr().getElementById("image").innerHTML+innerHtml;
	
	curent_img_el=z_id+'_1';
	firedobj=chekbr().getElementById(z_id);
	dmsImages[z_id]=im2;
	dmsProps[z_id]=tItemCounter;
	dmsColor[z_id]=document.getElementById('colorfield').value;
	dmsFont[z_id]=document.getElementById('loadFonth').value;
	dmsFontsize[z_id]=document.getElementById('font_size').value;
	dmsText[z_id]='Type hier je tekst';
	dmsW[z_id]=250;
	dmsH[z_id]=250;
	angle[z_id]=0;

}
function deleteBubble()
{
dmsProps[curent_el]=0;
angle[curent_el]=0;
chekbr().getElementById(curent_el).style.top='-5000px';
chekbr().getElementById(curent_el).style.left='-5000px';
chekbr().getElementById(curent_el).style.display='none';
document.getElementById("bubble_text").value='';
//dmsProps[curent_el]=0;
}
function rotateBubble(posit)
{
	
id=curent_el;

//var image=chekbr().getElementById(curent_img_el).src;
//alert(curent_img_el);
//alert(image);
var image=dmsImages[id];
var width=parseInt(chekbr().getElementById(id).style.width);
var height=parseInt(chekbr().getElementById(id).style.height);
el_id=1;

if(posit=="rotate_left")
{
angle[id]=angle[id]-10;
}
else if(posit=="rotate_right")
{
angle[id]=angle[id]+10;
}

ReadFile("rotate_bubble.php?imageFileName="+urlencode(image)+"&act="+posit+"&id="+id+"&width="+width+"&height="+height+"&angle="+angle[id]+"");
}
function bubbleText(elem)
{
curent_el=elem;
curent_text_el=elem+'_1_1';
curent_img_el=elem+'_1';

	var m1=document.getElementById('loadFonth');
	
	for (i=0; i<m1.length; i++) 
		{
		if(m1.options[i].value==dmsFont[curent_el]){m1.options[i].selected = true;} 
		} 
	
	var m1=document.getElementById('font_size');
	
	for (i=0; i<m1.length; i++) 
		{
		if(m1.options[i].value==dmsFontsize[curent_el]){m1.options[i].selected = true;} 
		} 

	document.getElementById('colorfield').value=dmsColor[curent_el];
	document.getElementById('colorbox').style.backgroundColor='#'+dmsColor[curent_el];

document.getElementById("bubble_text").value=dmsText[curent_el];
//document.getElementById("bubble_text").value=str_replace("&nbsp;"," ",str_replace('<br>','\n',str_replace('<BR>','\n',chekbr().getElementById(curent_text_el).innerHTML)));
//alert(document.getElementById("lines").contentDocument.getElementById(elem).innerHTML);
}

function AppBubble()
{

	for(var i=tItemCounter;i>1000;i--)
	{
		var z_id = "img_" + i;
		var curent_src_el=z_id+'_1';
		var curent_text_el=z_id+'_1_1';
		if(dmsProps[z_id]!=0)
		{
	    arr[n]=z_id;
		n++;
		}
	}
	
	var z_max=tItemCounter;
	for(var i=0;i<n;i++)
	{
		var temp=chekbr().getElementById(arr[i]).style.zIndex;
		
		for(var j=0;j<n;j++)
		{
			if(temp>chekbr().getElementById(arr[j]).style.zIndex)
			{
				
				var num=j;

			}
			else
			{
			var num=i;
			}
			
		}
		
	var tem_el=arr[i];
	arr[i]=arr[num];
	arr[num]=tem_el;
	}
	
xmlhttpPost('process.php?act=bubble','bubble');
}

function shangeText()
{
	dmsText[curent_el]=document.getElementById("bubble_text").value;
	ChangeImage();
 //chekbr().getElementById(curent_text_el).innerHTML=str_replace(" ","&nbsp;",str_replace('\n','<br>',document.getElementById("bubble_text").value));
}


function str_replace(search, replace, subject) {
 
    var f = search, r = replace, s = subject;
    var ra = r instanceof Array, sa = s instanceof Array, f = [].concat(f), r = [].concat(r), i = (s = [].concat(s)).length;
 
    while (j = 0, i--) {
        if (s[i]) {
            while (s[i] = s[i].split(f[j]).join(ra ? r[j] || "" : r[0]), ++j in f){};
        }
    };
 
    return sa ? s : s[0];
}

function ChangeImage()
{
dmsColor[curent_el]=document.getElementById('colorfield').value;
dmsFont[curent_el]=document.getElementById('loadFonth').value;
dmsFontsize[curent_el]=document.getElementById('font_size').value;

	if(curent_img_el!=null)
	{
	im=document.getElementById('cur_bubble').value;
	chekbr().getElementById(curent_img_el).src="bubble_text.php?im="+im+"&font_size="+dmsFontsize[curent_el]+"&font="+str_replace(' ','^^',dmsFont[curent_el])+"&font_color="+dmsColor[curent_el]+"&text="+urlencode(dmsText[curent_el])+"&width="+dmsW[curent_el]+"&height="+dmsH[curent_el]+"";
	dmsImages[curent_el]="bubble_text.php?im="+im+"&font_size="+dmsFontsize[curent_el]+"&font="+str_replace(' ','^^',dmsFont[curent_el])+"&font_color="+dmsColor[curent_el]+"&text="+urlencode(dmsText[curent_el])+"&width="+dmsW[curent_el]+"&height="+dmsH[curent_el]+"";
	}
}