function preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.p) d.p=new Array();
    var i,j=d.p.length,a=preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.p[j]=new Image; d.p[j++].src=a[i];}}
}

function swapImgRestore() { //v3.0
  var i,x,a=document.sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function swapImage() { //v3.0
  var i,j=0,x,a=swapImage.arguments; document.sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=findObj(a[i]))!=null){document.sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

function selectReplacement(obj) {
      obj.className += ' replaced';
      var ul = document.createElement('ul');
      ul.className = 'selectReplacement';
      var opts = obj.options;
      var selectedOpt = (!obj.selectedIndex) ? 0 : obj.selectedIndex;
      for (var i=0; i<opts.length; i++) {
        var li = document.createElement('li');
        var txt = document.createTextNode(opts[i].text);
        li.appendChild(txt);
        li.selIndex = i;
        li.selectID = obj.id;
        li.onclick = function() {
          selectMe(this);
        };
        if (i == selectedOpt) {
          li.className = 'selected';
          li.onclick = function() {
            this.parentNode.className += ' selectOpen';
            this.onclick = function() {
              selectMe(this);
            };
          };
        }
        if (window.attachEvent) {
          li.onmouseover = function() {
            this.className += ' hover';
          };
          li.onmouseout = function() {
            this.className = 
              this.className.replace(new RegExp(" hover\\b"), '');
          };
        }
        ul.appendChild(li);
      }
      obj.onfocus = function() {
        ul.className += ' selectFocused';
      };
      obj.onblur = function() {
        ul.className = 'selectReplacement';
      };
      obj.onchange = function() {
        var idx = this.selectedIndex;
        selectMe(ul.childNodes[idx]);
      };
      obj.onkeypress = obj.onchange;
      obj.parentNode.insertBefore(ul,obj);
    }
    function selectMe(obj) {
      var lis = obj.parentNode.getElementsByTagName('li');
      for (var i=0; i<lis.length; i++) {
        if (lis[i] != obj) {
          lis[i].className='';
          lis[i].onclick = function() {
            selectMe(this);
          };
       } else {
          setVal(obj.selectID, obj.selIndex);
          obj.className='selected';
          obj.parentNode.className = 
            obj.parentNode.className.replace(new RegExp(" selectOpen\\b"), '');
          obj.onclick = function() {
            obj.parentNode.className += ' selectOpen';
            this.onclick = function() {
              selectMe(this);
            };
          };
        }
      }
    }
    function setVal(objID,val) {
      var obj = document.getElementById(objID);
      obj.selectedIndex = val;
    }
    function setForm() {
      var s = document.getElementsByTagName('select');
      for (var i=0; i<s.length; i++) {
        selectReplacement(s[i]);
      }
    }

var W3CDOM = (document.createElement && document.getElementsByTagName);

function initFileUploads() {
	if (!W3CDOM) return;
	var fakeFileUpload = document.createElement('div');
	fakeFileUpload.className = 'fakefile';
	var input = document.createElement('input')
	input.className = "inputbox";
	var image = document.createElement('img');
	image.src='inc/template/img/upload_browse.gif';
	fakeFileUpload.appendChild(image);
	fakeFileUpload.appendChild(input);
	var x = document.getElementsByTagName('input');
	for (var i=0;i<x.length;i++) {
		if (x[i].type != 'file') continue;
		if (x[i].parentNode.className != 'fileinputs') continue;
		x[i].className = 'file hidden';
		var clone = fakeFileUpload.cloneNode(true);
		x[i].parentNode.appendChild(clone);
		x[i].relatedElement = clone.getElementsByTagName('input')[0];
		x[i].onchange = x[i].onmouseout = function () {
			this.relatedElement.value = this.value;
		}
	}
}

function unHide(obj_cls){
	var obj = getElementsByClass(obj_cls);
	for(var x=0, j=obj.length; x<j; x++){
		obj[x].style.display = 'block';
	}
}

function Hide(obj_cls){
	var obj = getElementsByClass(obj_cls);
	for(var x=0, j=obj.length; x<j; x++){
		obj[x].style.display = 'none';
	}
}

function getSelectedCheckbox(buttonGroup) {
   // Go through all the check boxes. return an array of all the ones
   // that are selected (their position numbers). if no boxes were checked,
   // returned array will be empty (length will be zero)
   var retArr = new Array();
   var lastElement = 0;
   if (buttonGroup[0]) { // if the button group is an array (one check box is not an array)
      for (var i=0; i<buttonGroup.length; i++) {
         if (buttonGroup[i].checked) {
            retArr.length = lastElement;
            retArr[lastElement] = i;
            lastElement++;
         }
      }
   } else { // There is only one check box (it's not an array)
      if (buttonGroup.checked) { // if the one check box is checked
         retArr.length = lastElement;
         retArr[lastElement] = 0; // return zero as the only array value
      }
   }
   return retArr;
}

function getSelectedCheckboxValue(buttonGroup) {
   // return an array of values selected in the check box group. if no boxes
   // were checked, returned array will be empty (length will be zero)
   var retArr = new Array(); // set up empty array for the return values
   var selectedItems = getSelectedCheckbox(buttonGroup);
   if (selectedItems.length != 0) { // if there was something selected
      retArr.length = selectedItems.length;
      for (var i=0; i<selectedItems.length; i++) {
         if (buttonGroup[selectedItems[i]]) { // Make sure it's an array
            retArr[i] = buttonGroup[selectedItems[i]].value;
         } else { // It's not an array (there's just one check box and it's selected)
            retArr[i] = buttonGroup.value;// return that value
         }
      }
   }
   return retArr;
}

function addFields(chk_cls){
	var container = getElementsByClass('uq')[0];
	var count_init = document.getElementById('qa_count').value;
	var chk_class = document.getElementsByName(chk_cls);
	var chk_sel = getSelectedCheckboxValue(chk_class);//this var stores the checkbox values
/*
the following loop generate this html structure for every checked box:

<input type="text" name="q2" id="q2" value="" class="inputbox" /><label for="q1">Question :</label>
<textarea name="a2" id="a2" class="inputbox" rows="5" cols="50"></textarea><label for="a1">Answer :</label>
<p class="aq">Ask this question when people contact me? <input type="checkbox" name="aq2" class="checkbox" /></p>

*/
	for(var x = 0, y = chk_sel.length; x < y; x++){
		//setting the fields
		var q = document.createElement('INPUT');
		q.type = "text";
		q.name = "q" + ( parseInt(x) + parseInt(count_init) + 1); //start from 0 + 2 + 1 = 3 => q3
		q.id = "q" + ( parseInt(x) + parseInt(count_init) + 1);
		q.value = chk_sel[x];
		q.className = "inputbox";

		var qLabel = document.createElement('LABEL');
		qLabel.setAttribute("for",  "q" + ( parseInt(x) + parseInt(count_init) + 1));
		var qLabel_content = document.createTextNode("Question :");
		qLabel.appendChild(qLabel_content);

		var a = document.createElement('TEXTAREA');
		a.name = "a" + ( parseInt(x) + parseInt(count_init) + 1);
		a.id = "a" + ( parseInt(x) + parseInt(count_init) + 1);
		a.rows = "5";
		a.cols = "50";
		a.className = "inputbox";

		var aLabel = document.createElement('LABEL');
		aLabel.setAttribute("for",  "a" + ( parseInt(x) + parseInt(count_init) + 1));
		var aLabel_content = document.createTextNode("Answer :");
		aLabel.appendChild(aLabel_content);

		var separator = document.createElement('P');
		separator.className = "aq";
		var separator_content = document.createTextNode("Ask this question when people contact me? ");
		separator.appendChild(separator_content);
		var separator_chk = document.createElement('INPUT');
		separator_chk.type = "checkbox";
		separator_chk.name = "aq"+( parseInt(x) + parseInt(count_init) + 1);
		separator_chk.className = "checkbox";
		separator.appendChild(separator_chk);

		container.parentNode.insertBefore(q, document.getElementById('qa_count'));
		container.parentNode.insertBefore(qLabel, document.getElementById('qa_count'));
		container.parentNode.insertBefore(a, document.getElementById('qa_count'));
		container.parentNode.insertBefore(aLabel, document.getElementById('qa_count'));
		container.parentNode.insertBefore(separator, document.getElementById('qa_count'));
	}

	document.getElementById('qa_count').value = (chk_sel.length + parseInt(count_init));
}