function changeButtonImage(aDiv, aImg) {
	 	aDiv.style.background = "url(/images/button" + aImg + ".png) no-repeat";
	}
	function changeButtonText(aDiv, aCaption) {
	 	aDiv.innerHTML = aCaption + " ";
	}
  function dge_id(id) {
    //returns reference to element
    return document.getElementById(id);
  }
  function toggleVisible(id) {
    if (dge_id(id).style.display == "none") {
      dge_id(id).style.display = "";
    }
    else {
      dge_id(id).style.display = "none";
    }
  }
  function show(id) {
    dge_id(id).style.display = "";
  }
  function hide(id) {
    dge_id(id).style.display = "none";
  }
 function getHTTP(strURL, method, params, Response, InnerHTML_Or_Value, OnLoadJavaScript) {
  if (InnerHTML_Or_Value == "") {
    alert("Command not executed (incomplete parameters):\n\n".strURL);
    return false;
  }
  if (OnLoadJavaScript === undefined) {
    OnLoadJavaScript = "";
  }
  if (method.toLowerCase() == "get" && params != "") {
    strURL = strURL.concat("?"+params); 
  }
  if (InnerHTML_Or_Value.toLowerCase() == "value") {
  	Response.value = "Please wait... requesting data...";
 	}
 	else if (InnerHTML_Or_Value.toLowerCase() == "innerhtml") {
  	Response.innerHTML = "Please wait... requesting data...";
 	}
	var xmlHttp;
	try {
		xmlHttp=new XMLHttpRequest();
		}
	catch(e){
			try {
				xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
				}
			catch(e){
					try {
						xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
						}
      				catch(e) {
							alert("Please upgrade your browser or contact your system administrator!");
							return false;
							}
					}
			}
	xmlHttp.onreadystatechange=function() {
    if(xmlHttp.readyState==4) {
      if (InnerHTML_Or_Value.toLowerCase() == "value") {
      	Response.value = xmlHttp.responseText;
     	}
     	else if (InnerHTML_Or_Value.toLowerCase() == "innerhtml") {
      	Response.innerHTML = xmlHttp.responseText;
     	}
     	else if (InnerHTML_Or_Value.toLowerCase() == "alert") {
     	  alert(xmlHttp.responseText);
   	  }
   	  if (OnLoadJavaScript!="") {
 	      eval(OnLoadJavaScript);
      }
      else if (OnLoadJavaScript=="EvalResponse") {
 	      eval(xmlHttp.responseText);
      }
		}
	}
  xmlHttp.open(method, strURL, true);
  if (method.toLowerCase == "get") {
    xmlHttp.send(null);
  }
  else {  
    xmlHttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded")
    xmlHttp.send(params);
  }
 }
 function createQuery(frmID)
  {
    var elements = dge_id(frmID).elements;
    var pairs = new Array();
    for (var i = 0; i < elements.length; i++) {
      blnAddField = true;
      if (elements[i].type=="checkbox") {
        if (!elements[i].checked) {
          blnAddField = false;
        }
      }
      if (blnAddField) {
        pairs.push(elements[i].name + "=" + encodeURIComponent(elements[i].value));
      }
    }
    return pairs.join("&");
 }
 function timedRefresh(timeoutPeriod) {
	setTimeout("location.reload(true);",timeoutPeriod);
 }

//drag and drop for cities
var ie = document.all;
var nn6 = document.getElementById &&! document.all;
var isdrag = false;
var x, y;
var tx, ty;
var dobj;
var top_zIndex=1001;
var cityId;
function movemouse( e ) {
  if( isdrag ) {
    newx = nn6 ? tx + e.clientX - x : tx + event.clientX - x;
    dobj.style.left = (newx>=0) ? newx+'px' : 0;
    newy = nn6 ? ty + e.clientY - y : ty + event.clientY - y;
    dobj.style.top  = (newy>=0) ? newy+'px' : 0;
    updatechangedcity(cityId, (newx>=0) ? newx : 0, (newy>=0) ? newy : 0);
    return false;
  }
}
function selectmouse( e ) {
  var fobj       = nn6 ? e.target : event.srcElement;
  var topelement = nn6 ? "HTML" : "BODY";
  while (fobj.tagName != topelement && fobj.id.substr(0,9) != "adminimg_") {
    fobj = nn6 ? fobj.parentNode : fobj.parentElement;
  }
  if (fobj.id.substr(0,9)=="adminimg_") {
    dobj = fobj.parentNode.parentNode;
    dobj.style.zIndex=++top_zIndex;
    cityId = fobj.id.substr(9);
    isdrag = true;
    tx = parseInt(dobj.style.left+0);
    ty = parseInt(dobj.style.top+0);
    x = nn6 ? e.clientX : event.clientX;
    y = nn6 ? e.clientY : event.clientY;
    document.onmousemove=movemouse;
    return false;
  }
}
function updatechangedcity(city, x, y) {
  if (!dge_id("newcity_"+city)) {
    aElement = document.createElement("input");
    aElement.setAttribute("type", "hidden");
    aElement.setAttribute("name", "newcity_"+city);
    aElement.setAttribute("id", "newcity_"+city);
    aElement.setAttribute("value", x+","+y);
    dge_id("frmNewCities").appendChild(aElement);
    dge_id("save_"+city).style.display="";
  }
  else {
    dge_id("newcity_"+city).value = x+","+y;
  }
}

function removeHiddenCityFields() {
  num_elements = dge_id("frmNewCities").elements.length;
  for (i=0; i<num_elements; i++) {
    aElement = dge_id("frmNewCities").elements[0]; //choose 0 because elements array shrinks with each removed element
    aCityId = aElement.id.substr(8);
    dge_id("frmNewCities").removeChild(aElement);
    dge_id("save_"+aCityId).style.display="none";
  }
}

function GetBaseName(file)
{
  var Parts = file.split('\\');
  if( Parts.length < 2 )
  Parts = file.split('/');
  Parts = Parts[Parts.length -1];
  Parts = Parts.split('.');
  Parts = Parts.splice(0, Parts.length - 1);
  Parts = Parts.join('.');
  return Parts;
}

function substr( f_string, f_start, f_length ) {
    f_string += '';

    if(f_start < 0) {
        f_start += f_string.length;
    }

    if(f_length == undefined) {
        f_length = f_string.length;
    } else if(f_length < 0){
        f_length += f_string.length;
    } else {
        f_length += f_start;
    }

    if(f_length < f_start) {
        f_length = f_start;
    }

    return f_string.substring(f_start, f_length);
}
function tab_click(tabclicked, totaltabs) {
  var count;
  for (count = 0; count < totaltabs; count++) {
    if (count == tabclicked) {
      dge_id("tab"+count).className = "tab_active";
      dge_id("tab"+count+"_contents").style.display = "";
    }
    else {
      dge_id("tab"+count).className = "tab_inactive";
      dge_id("tab"+count+"_contents").style.display = "none";
    }
  }
}
BLANK_IMAGE = 'http://www.eishsa.co.za/images/b.gif';

var STYLE = {
	border:1,
	shadow:0,
	color:{border:"#CCCFBC", shadow:"#DBD8D1", bgON:"white", bgOVER:"white"},
	css:{ON:"clsCMOn", OVER:"clsCMOver"}
};