// JavaScript Document
function make_curved_boxes(){
	var clear_fix = '<div class="clear_fix"></div>';
	var curve_type = 'grey_curve_';
	var curved_divs = getElementsByClassName("curved");
	for (i in curved_divs)
	{
		curved_divs[i].innerHTML='<div class="'+curve_type+'tl"></div><div class="'+curve_type+'tr"></div><div class="'+curve_type+'bl"></div><div class="'+curve_type+'br"></div>'+curved_divs[i].innerHTML+clear_fix;
	}
	
	var curve_type = 'curve_';
	var curved_divs = getElementsByClassName("solid_curved");
	for (i in curved_divs)
	{
		curved_divs[i].innerHTML='<div class="'+curve_type+'tl"></div><div class="'+curve_type+'tr"></div><div class="'+curve_type+'bl"></div><div class="'+curve_type+'br"></div>'+curved_divs[i].innerHTML+clear_fix;
	}
}

function getElementsByClassName(needle) {
	var my_array = document.getElementsByTagName("*");
	var retvalue = new Array();
	var i;
	var j;
	for (i=0,j=0;i<my_array.length;i++) {
		var c = " " + my_array[i].className + " ";
		if (c.indexOf(" " + needle + " ") != -1) retvalue[j++] = my_array[i];
	}
	return retvalue;
}

function addElement() {
  var ni = document.getElementById('myDiv');
  var numi = document.getElementById('theValue');
  var num = (document.getElementById('theValue').value -1)+ 2;
  numi.value = num;
  var newdiv = document.createElement('div');
  var divIdName = 'my'+num+'Div';
  newdiv.setAttribute('id',divIdName);
  newdiv.innerHTML = 'Element Number '+num+' has been added! <a href=\'#\' onclick=\'removeElement('+divIdName+')\'>Remove the div "'+divIdName+'"</a>';
  ni.appendChild(newdiv);
}