var stima = {};
stima.html = {};
stima.html.Events = 
{
	AttachEvent: function(ob, eventName, functionName, bNoBubble)
    {
        if (stima.html.Events.IsIE())
        {
            ob.detachEvent(eventName,functionName);
            ob.attachEvent(eventName,functionName);
        }
        else
        {
            eventName = eventName.replace("on", "");
            //alert(eventName);
            //alert(ob);
            ob.removeEventListener(eventName, functionName, false);
            ob.addEventListener(eventName, functionName, false);
        }
    },
    NewEvent: function(ob, eventName, functionName)
    {
        if (stima.html.Events.IsIE())
        {
            ob.attachEvent(eventName,functionName);
        }
        else
        {
            eventName = eventName.replace("on", "");
            ob.addEventListener(eventName, functionName, false);
        }
    },
    IsIE: function()
    {
        return navigator.appName == "Microsoft Internet Explorer";
    }
}

function InitPage()
{
	if (typeof(general_calendars) == "undefined")
		return;
	var toEval = "";
	for(var i=0; i<general_calendars.length; i++)
	{
		var field = general_calendars[i];
		
		//alert(field + ': ' + document.getElementById(field));
		//if (document.getElementById(field) == null)
		//	continue;
		toEval = field+"_cal=new Epoch('"+field+"_cal','popup',document.getElementById('"+field+"'));"
		//alert(toEval);
		eval(toEval);
	}
}
//alert(1);


function AddSelectChangeEvents(select_name, table)
	{
		
		jQuery("select[name^='cx_" + select_name + "_']").each(function(i)
			{
				jQuery(this).change(function()
					{
						var span_loading = jQuery("span[id^='cx_" + select_name + "_loading_" + (i + 1) + "']");
						
						span_loading.css("visibility", "visible");
						
						var child_name = "cx_" + select_name.slice(0, select_name.length - 1) + "2_" + (i + 1);
						var sel_value = jQuery(this).attr("value");
						
						var ajax = new XHConn();
						if (!ajax)
							{
								alert("Ajax is not available. Try a better browser!");
							}
						
						var Done = function (response)
							{
								jQuery("div[id='ajax_js']").html(response.responseText);
								span_loading.css("visibility", "hidden");
							};
						
						ajax.connect("optionsList.php", "GET", "type=" + table + "&parent=" + sel_value + "&child=" + child_name, Done);
						
					});
			});
			
	}
	
	
function getSelectedIndexValue(selId)
{
    var selIndex = document.getElementById(selId).selectedIndex;
		return document.getElementById(selId).options[selIndex].value;
}
function disclaimed( ) {
  if( document.getElementById('disclaimerCheck').checked) {
    return true;
  }
  else {
    alert("Vergeet u a.u.b. niet 'Akkoord met deze voorwaarden' aan te kruisen.");
    return false;
  }
}


function add_sub(obj_name)
{
	var sibling_blocks = jQuery("div[name='" + obj_name + "'] > div");
	
	for (var i = 0; i < sibling_blocks.length; i++)
		{
			var sibling = sibling_blocks[i];
			if (jQuery(sibling).css("display") == "none")
				{
					jQuery(sibling).css("display", "block");
					break;
				}
		}
}


function remove_sub(obj_name, min_blocks)
{
	var counter_none = 0;
	var sibling_blocks = jQuery("div[name='" + obj_name + "'] > div");
	
	for (var i = sibling_blocks.length - 1; i >= 1; i--)
		{
			if (counter_none >= (sibling_blocks.length - min_blocks))
				{
					break;
				}
				
			var sibling = sibling_blocks[i];
			
			if (jQuery(sibling).css("display") == "block")
				{
					jQuery(sibling).css("display", "none");
					break;
				}
				
			counter_none++;
		}
}

var subType = {};
function addSub(type)
{
  var count = document.getElementById ( "cx_count_sub_"+type+"_1").value;
  if( count < 5) {
    count++;
    var el = document.getElementById ( "sub_"+ type + "_" + count);
    el.style.display = "block";
    document.getElementById( "cx_deleted_sub_"+type+"_"+count ).value = 0;
    //cx_count_sub_educations_1
    document.getElementById ("cx_count_sub_"+type+"_1").value = count;
    //create calendars
    //createCalendars(el);
  }
 /*
  var count = document.getElementById ( "cx_count_sub_"+type+"_1").value;
  var max = document.getElementById ( "cx_sub_max_"+type).value;// cx_sub_max_skills
  max = parseInt(max);
//  alert(type + ": max=" + parseInt(max));
//  if( count < 5) {
	  if( count < max) {
    count++;
    var el = document.getElementById ( "sub_"+ type + "_" + count);
    el.style.display = "block";
    document.getElementById( "cx_deleted_sub_"+type+"_"+count ).value = 0;
    //cx_count_sub_educations_1
    document.getElementById ("cx_count_sub_"+type+"_1").value = count;
    //create calendars
    //createCalendars(el);
  }
  */
}


function removeSub(type)
{
  var count = document.getElementById ( "cx_count_sub_"+type+"_1").value;
  if( count > 1) {
    var el = document.getElementById (  "sub_"+ type + "_" + count);
    //clear fields
    clearFields(el, type, count);
    document.getElementById( "cx_deleted_sub_"+type+"_"+count ).value = "1";
    el.style.display = "none";
    count--;
    document.getElementById( "cx_count_sub_"+type+"_1").value = count;
  }
  //alert(document.getElementById( "cx_deleted_sub_"+type+"_"+(count+1) ).value);
}


function createCalendars(el)
{        
  var inputs = el.getElementsByTagName("input");
  for(i = 0; i < inputs.length; i++){
    var inp = inputs[i];
    //format_startDate_sub_workHistories_2
    if(inp.name.indexOf("format_") == 0 && inp.value == "date"){
      var nm = inp.name.substr(7);
      new Epoch('epoch_popup_'+nm,'popup',document.getElementById('cx_'+nm));
    }
  }
}
function clearFields(el, type, count) {
  //alert (el +"\r\n" + type + "\r\n" + count);
  var inputs = el.getElementsByTagName("input");
  //alert(1);
  var selects = el.getElementsByTagName("select");
  //alert(2);
  var textareas = el.getElementsByTagName("textarea");
  for(i = 0; i < textareas.length; i++){
    textareas[i].innerHTML = "";
  }
  for(i = 0; i < selects.length; i++){
    selects[i].selectedIndex = 0;
  }
  for(i = 0; i < inputs.length; i++) {
    inp = inputs[i];
    //DO NOT CLEAR THE ID
    if(inp.name != "cx_id_sub_"+type+"_"+count){
      inp.value = "";
    }
  }
}

function IncludeJavaScript(jsFile)
{
  document.write('<script type="text/javascript" src="' + jsFile + '"></script>'); 
}
IncludeJavaScript('js/datetimepicker.js');
IncludeJavaScript('js/prototype.js');

/*textarea maxlength*/
/***********************************************
* Textarea Maxlength script- � Dynamic Drive (www.dynamicdrive.com)
* This notice must stay intact for legal use.
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
function ismaxlength(obj){
	var mlength=obj.getAttribute? parseInt(obj.getAttribute("maxlength")) : ""
	if (obj.getAttribute && obj.value.length>mlength)
	obj.value=obj.value.substring(0,mlength)
}

/*create dynamic tr and td in table*/
 var element_no =1; // we will use i variable just for names 'sample 4', 'sample 5', ...
  function AddEndRow(tid) {
  	//get the needed type for coverletter
  	var arr = document.getElementsByName('filetype_cover_1');
  	var typeCovverLetter = -1; //this should never be the case. we always should have a first type
  	try{
	  	if (arr!=null || arr.length==1)
	  		typeCovverLetter = arr[0].value;
//  	alert(typeCovverLetter);
	}
	catch(ex){ typeCovverLetter = -1;}
  
  // first we create <tr> element
  var myTR=document.createElement('tr');
  // now we create first cell (<td> element)
  var myTD=document.createElement('td');
  // it will have one child - text node
  myTD.appendChild(document.createTextNode('Cover Letter '+(++element_no)));
  // create second cell, and append the child text node 'sample text here 2...'
  var myTD2=document.createElement('td');
  myTD2.appendChild(document.createTextNode(""));
  myTD2.innerHTML = 
  	'<input id="cx_cover_'+element_no+'" class="cx_applyAttachment" type="file" name="cx_cover_'+element_no+'"/>'+
  	'<input type="hidden" value="cover_'+element_no+'" name="filenames[]"/><span class=""/>'+
  	'<input type="hidden" name="filetype_cover_'+element_no+'" value="1459" />'
  	' PDF, DOC, DOCX';
  //<input type="hidden" name="filetype_cover_1" value="1459" />
  
 myTD.setAttribute("class", "cx_applyLeft");
 myTD.className = "cx_applyLeft";
 myTD2.setAttribute("class", "cx_applyRight");
 myTD2.className = "cx_applyRight";
 
  // now we append our 2 cells to our table row.
  myTR.appendChild(myTD);
  myTR.appendChild(myTD2);
  
  // after that we add our row (tr) to tbody
  document.getElementById(tid).appendChild(myTR);
  }
  
  function DelLastRow(tid) {
      // myTbl -> reference to our Tbody
      var myTbl=document.getElementById(tid);
      // go to the last child of tbody - i.e. the last row
      var deltr=myTbl.lastChild;
      // remove the last row.
      myTbl.removeChild(deltr);
  }