var iNewEvents = 0;
function EditEvent(idin){
	openpopup('event_edit.asp?id=' + idin,'editevent',550,550,'main');
}
function AddEventInstance(id){
	iNewEvents ++;
	sNewEvents = "A" + iNewEvents
	//Add to event ids
	document.form1[id + "AddIDs"].value += sNewEvents + "|";
	//Create row/cells
	var tbody = document.getElementById(id + "TABLE").getElementsByTagName("TBODY")[0];
	var row = document.createElement("TR");
	row.setAttribute("id",id+"TR" + sNewEvents);
	var td1 = document.createElement("TD");
	var td2 = document.createElement("TD");
	var td3 = document.createElement("TD");
	td1.appendChild(document.createTextNode(""));
	td2.appendChild(document.createTextNode(""));
	td3.appendChild(document.createTextNode(""));
	//Create img id textfield
	td1.innerHTML = "<div class='bxicon' id='icon" + sNewEvents + "' style='text-align:center;width:100px;height:100px;'></div>"
	txtIconID = createElementWithName("input",id+"IconID" + sNewEvents);
	txtIconID.setAttribute("id",id+"IconID" + sNewEvents);
	txtIconID.setAttribute("type","hidden");
	txtIconID.setAttribute("value",0);
	td1.appendChild(txtIconID);
	//Create date textfield	
	txtDate = createElementWithName("input",id+"DateStart" + sNewEvents);
	txtDate.setAttribute("type","text");
	txtDate.setAttribute("size",12);
	txtDate.setAttribute("value",document.getElementById("DateStart").value)
	td2.appendChild(txtDate);
	//Create remove row button
	btnDelete = document.createElement("input");
	btnDelete.setAttribute("type","button");	
	btnDelete.setAttribute("value","Delete");
	btnDelete.onclick=new Function("RemoveEventInstance('"+ id +"','" + sNewEvents + "');");
	//Create editimg row button
	btnEditImg = document.createElement("input");
	btnEditImg.setAttribute("type","button");
	btnEditImg.setAttribute("value","Edit Img");
	btnEditImg.onclick=new Function("UpdateImg('"+ id +"','" + sNewEvents + "');");
	td3.appendChild(btnDelete);
	td3.appendChild(btnEditImg);
	//Add row to table
	row.appendChild(td1);
	row.appendChild(td2);
	row.appendChild(td3);
	tbody.appendChild(row);
}
function createElementWithName(){}
(function(){
  try {
    var el=document.createElement( '<div name="foo">' );
    if( 'DIV'!=el.tagName ||
        'foo'!=el.name ){
      throw 'create element error';
    }
    createElementWithName = function( tag, name ){
      return document.createElement( '<'+tag+' name="'+name+'"></'+tag+'>' );
    }
  }catch( e ){
    createElementWithName = function( tag, name ){
      var el = document.createElement( tag );
      // setAttribute might be better here ?
      el.name = name;
      return el;
    }
  }
})();
function RemoveEventInstance(id,sInstanceID){
	if (sInstanceID.indexOf("A")==0){
		//Remove from AddIDs if it's Add
		var sAddIDs = document.form1[id+"AddIDs"].value.replace("|" + sInstanceID + "|","|");
		document.form1[id+"AddIDs"].value = sAddIDs;
	}else{
		//Copy id to DeleteIDs if it's Edit
		document.form1[id+"DeleteIDs"].value += sInstanceID + "|"
	}
	//Remove row from tbody
	var oTBody = document.getElementById(id+'TBODY');
	var oRow = document.getElementById(id+'TR' + sInstanceID);
	oTBody.removeChild(oRow);	
}
function UpdateEventInstance(id,sInstanceID){
	//Check to make sure this update isn't already in list
	oField = document.form1[id+"UpdateIDs"];
	if (oField.value.indexOf("|"+ sInstanceID +"|") == -1 && sInstanceID.indexOf("A")==-1){
		oField.value += sInstanceID + "|"		
	}
}
function UpdateImg(id,sInstanceID){
	UpdateEventInstance(id,sInstanceID);
	openpopup('/pixels/icon_search.asp?showall=1&rfield='+ id +'IconID' + sInstanceID + '&sz=100&aid=' + sInstanceID,'isearch',650,450,'main');
}

function openpopup(urlin,namein,widthin,heightin,settingsin){
	if (settingsin == 'fixed'){settingsin = 'toolbar=no,location=no,menubar=no,status=no,directories=no,resizable=no,scrollbars=no';}
	if (settingsin == 'main' || settingsin == ''){settingsin = 'status=yes,resizable=yes,scrollbars=yes';}
	screenX = (screen.availWidth/2) - (widthin/2);
	screenY = (screen.availHeight/2) - (heightin/2);
	window.open(urlin,namein,settingsin +',height='+ heightin +',width='+ widthin +',top='+screenY+',left='+screenX+'');
}
function Browser(){
	d=document;
	this.agt=navigator.userAgent.toLowerCase();
	this.major = parseInt(navigator.appVersion);
	this.dom=(d.getElementById)?1:0;
	this.ns=(d.layers);
	this.ns4up=(this.ns && this.major >=4);
	this.ns6=(this.dom&&navigator.appName=="Netscape");
	this.op=(window.opera? 1:0);
	this.ie=(d.all);
	this.ie4=(d.all&&!this.dom)?1:0;
	this.ie4up=(this.ie && this.major >= 4);
	this.ie5=(d.all&&this.dom);
	this.win=((this.agt.indexOf("win")!=-1) || (this.agt.indexOf("16bit")!=-1));
	this.mac=(this.agt.indexOf("mac")!=-1);
}
var oBw = new Browser();
function getObj(id,d) {
  var i,x;  if(!d) d=document; 
  if(!(x=d[id])&&d.all) x=d.all[id]; 
  for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][id];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=getObj(id,d.layers[i].document);
  if(!x && document.getElementById) x=document.getElementById(id); 
  return x;
}
function setStyle(o,s,v) { if(oBw.ie5||oBw.dom) eval("o.style."+s+" = '" + v +"'"); }
function getStyle(o,s) { if(oBw.ie5||oBw.dom) return eval("o.style."+s); }
function show(id){if(oBw.ns){document.layers[id].visibility = "show";}else{setStyle(getObj(id),"display","block")};}
function hide(id){if(oBw.ns){document.layers[id].visibility = "hide";}else{setStyle(getObj(id),"display","none")};}