function clipartbrowser(element, imgset, min, max, language, category, contentgroup) {
  	
  	
	browser = document.getElementById("clipartbrowser");
	var pp = findPos(browser.parentNode);



	left2 = 50; //(pp[0]) + 50;
	top2 = (document.documentElement.scrollTop - pp[1]) + 10;
/*
	width = 550;//browser.offsetWidth;
	height = 460;//browser.offsetHeight;
	wwidth  = window.innerWidth ? window.innerWidth : document.body.offsetWidth;
	wheight = window.innerHeight ? window.innerHeight : document.body.offsetHeight;

	if(left+width > wwidth) left = wwidth - width;
	if(top+height > wheight) top = wheight - height;
alert("left: "+(left+width)+" top: "+(top+height)+", wwidth: "+wwidth+" wheight: "+wheight);
	if(left < 0) left = 0;
	if(top < 0) top = 0;
*/

	browser.style.display="block";
	browser.style.left=left2+"px";
	browser.style.top=top2+"px";
	
    imagestr=document.getElementById("input_"+imgset).value;
    document.getElementById("temp_"+imgset).innerHTML=imagestr;
   
	if(contentgroup == 'x') {
		contentgroup = '';
	}
 
	ajaxpage("/pages/clipartbrowser.php?prefix="+imgset+"&"+imgset+"="+imagestr+"&min="+min+"&max="+max+"&language="+language+"&category="+category+"&contentgroup="+contentgroup, "clipartbrowser");
  }

  function closebrowser(element, imgset)
  {
	images = document.getElementById("temp_"+imgset).innerHTML;
	document.getElementById("input_"+imgset).value = images.substring(0, images.length-1); // get rid of the last ;
	element.style.display="none";

	

	names = document.getElementById("str_"+imgset).innerHTML;
	name_element = document.getElementById("input_"+imgset+"_str");
	if(name_element) {
		name2 = names.split(";");
		name_element.value = name2[0];
	}

	imagediv = document.getElementById("imglist_"+imgset);
	str = "";
    items=images.split(";");
    for(i = 0; i < items.length; i++) {
		if(items[i] > 0)
		str += "<img src=\"/cliparts/"+items[i]+"?small=1\" />";
    }
	if(imagediv)
		imagediv.innerHTML = str;


	return false;
  }

  function clearselected(imgset)
  {
    str = document.getElementById("temp_"+imgset).innerHTML;
    if(!str)
       str = "";
    items=str.split(";");
    for(i = 0; i < items.length; i++)
    if(items[i].length > 0) {
	  imagediv = document.getElementById("clipartbrowser_"+imgset+"_"+items[i]);
      if(imagediv)
        imagediv.className="clipartbrowser_image";
    }

	document.getElementById("temp_"+imgset).innerHTML="";
  }

  function clickpic(imgid, imgset, max, name)
  {
    str = document.getElementById("temp_"+imgset).innerHTML;
    namestr = document.getElementById("str_"+imgset).innerHTML;
    if(!str)
       str = "";
    if(!namestr)
       namestr = "";
    items=str.split(";");
    names=namestr.split(";");

    outstr="";
    outnamestr="";

    exists=false;
	found=0;
    for(i = 0; i < items.length; i++)
       if(items[i] != imgid) {
          if(items[i].length > 0) {
            outstr+=items[i]+";";
            outnamestr+=names[i]+";";
            found++;
          }
       } else {
          exists=true;
       }

	if(exists==false && found >= max) {
		alert("You have already selected enough ("+max+") images");
		return;
	}

    // add image
    if(exists==false)
      outstr+=imgid+";";
    if(exists==false)
      outnamestr+=name+";";

	document.getElementById("temp_"+imgset).innerHTML=outstr;
	document.getElementById("str_"+imgset).innerHTML=outnamestr;

	imagediv = document.getElementById("clipartbrowser_"+imgset+"_"+imgid);
    if(imagediv) {
       if(exists==false) {
          imagediv.className="clipartbrowser_image_selected";
       } else {
          imagediv.className="clipartbrowser_image";
       }
    }
  }
  
  function choosenext(element, imgset, min, max, language, category) {
  	closebrowser(element, imgset);
  	
	var contentgroup;

	if(document.getElementById('cgX').checked) {
                contentgroup = 'x';
        }
	else if(document.getElementById('cg4').checked) {
                contentgroup = 4;
        }
	else if(document.getElementById('cg3').checked) {
		contentgroup = 3;
	}
	else if(document.getElementById('cg2').checked) {
		contentgroup = 2;
	}
	else if(document.getElementById('cg1').checked) {
		contentgroup = 1;
	}
	else {
		contentgroup = 0;
	}
	
  	try {
	  	var splitSet = imgset.split("_");
	  		// Get column count
	  	var cCount = document.forms[1].size.value;
	  	// alert(cCount);
	  	var imgSetNew = splitSet[0];
	  }
	  catch (e) {
	  	
	  }
  	
  	if(imgset.match(/^pic[0-9]{1,2}$/)) {
  		var splitThis = imgset.split("pic");
  		//alert(splitThis[1]);
  		
  		//alert(splitThis[1]);
  		if(parseInt(splitThis[1]) >= 11) {
	  		// All images are already selected  -  do nothing
	  	}
	  	else {
	  		imgSetNew = "pic"+(parseInt(splitThis[1])+1);
	  		clipartbrowser(element, imgSetNew, min, max, language, category, contentgroup);
	  	}
  	}
  	else if(imgset.indexOf("pic_a_") == 0 || imgset.indexOf("pic_b_") == 0) {
  		var splitThis = imgset.split("_");
  		
  		if(parseInt(splitThis[2])+1 >= 15 && imgset.indexOf("pic_b") == 0) {
	  		// All images are already selected  -  do nothing
	  	}
	  	else if(imgset.indexOf("pic_a") == 0) {
	  		imgSetNew = "pic_b_"+(parseInt(splitThis[2]));
	  		clipartbrowser(element, imgSetNew, min, max, language, category, contentgroup);
	  	}
	  	else if(imgset.indexOf("pic_b") == 0) {
	  		imgSetNew = "pic_a_"+(parseInt(splitThis[2])+1);
	  		clipartbrowser(element, imgSetNew, min, max, language, category, contentgroup);
	  	}
  	}
  	else if(imgset.indexOf("i_") == 0) {
  		var splitThis = imgset.split("i_");
  		//alert(splitThis[1]);
  		
  		//alert(splitThis[1]);
  		if(parseInt(splitThis[1])+1 >= 7) {
	  		// All images are already selected  -  do nothing
	  	}
	  	else {
	  		imgSetNew = "i_"+(parseInt(splitThis[1])+1);
	  		clipartbrowser(element, imgSetNew, min, max, language, category, contentgroup);
	  	}
  	}
  	else if(imgset.indexOf("image") != -1 && imgset.indexOf("_") == -1) {
  		var splitThis = imgset.split("image");
  		//alert(splitThis[1]);
  		
  		
  		if(parseInt(splitThis[1])+1 >= 20) {
	  		// All images are already selected  -  do nothing
	  	}
	  	else {
	  		imgSetNew = "image"+(parseInt(splitThis[1])+1);
	  		clipartbrowser(element, imgSetNew, min, max, language, category, contentgroup);
	  	}
  		
  	}
  	else if(splitSet[0] == "line") {
  		//var splitThis = imgset.split("line");
  		//alert(splitThis[1]);
  		
  		
  		if(parseInt(splitSet[1])+1 >= 20) {
	  		// All images are already selected  -  do nothing
	  	}
	  	else {
	  		imgSetNew = "line_"+(parseInt(splitSet[1])+1);
	  		clipartbrowser(element, imgSetNew, min, max, language, category, contentgroup);
	  	}
  		
  	}
  	else if(cCount.indexOf('x') == -1) {
	  	if(parseInt(splitSet[1])+1 >= cCount && parseInt(splitSet[2])+1 >= cCount) {
	  		// All images are already selected  -  do nothing
	  	}
	  	else if(parseInt(splitSet[1])+1 >= cCount) {
	  		imgSetNew += "_0_"+(parseInt(splitSet[2])+1);
	  		clipartbrowser(element, imgSetNew, min, max, language, category, contentgroup);
	  	}
	  	else {
	  		imgSetNew += "_"+(parseInt(splitSet[1])+1)+"_"+splitSet[2];
	  		clipartbrowser(element, imgSetNew, min, max, language, category, contentgroup);
	  	}
	  }
	  else {
	  	var splitSize = cCount.split("x");
	  	//alert(parseInt(splitSet[1])+1 +">="+ splitSize[0]);
	  	
	  	if(parseInt(splitSet[1])+1 >= splitSize[0] && parseInt(splitSet[2])+1 >= splitSize[1]) {
	  		// All images are already selected  -  do nothing
	  	}
	  	else if(parseInt(splitSet[1])+1 >= splitSize[0]) {
	  		imgSetNew += "_0_"+(parseInt(splitSet[2])+1);
	  		clipartbrowser(element, imgSetNew, min, max, language, category, contentgroup);
	  	}
	  	else {
	  		imgSetNew += "_"+(parseInt(splitSet[1])+1)+"_"+splitSet[2];
	  		clipartbrowser(element, imgSetNew, min, max, language, category, contentgroup);
	  	}
	  }
  }