var _selectHeight = 14;

var _forms = document.getElementsByTagName('form');
var inputs = new Array();
var selects = new Array();
var labels = new Array();
var radios = new Array();
var radioLabels = new Array();
var checkboxes = new Array();
var checkboxLabels = new Array();
var buttons = new Array();
var selects = new Array();
var all_selects = false;
var active_select = null;
var agt = navigator.userAgent.toLowerCase();
var isMac = is_mac();
var selectText = "please select";
var IN_CFORMS = true;

function is_mac() {
 if (navigator.appVersion.indexOf("Safari") != -1)
 {
 if(!window.getComputedStyle)
 {
 return true;
 }
 }

 return false;
}

function initCastomForms() {
 if(!document.getElementById) {return false;}
 getElements();
 separateElements();
 //replaceRadios();
 replaceCheckboxes();
 //replaceSelects();

 var _selects = document.getElementsByTagName('select');
 var _SelctClassName = [];
 if (_selects) {
 for (var i = 0; i < _selects.length; i++) {
 if (_selects[i].className != '' && _selects[i].className != 'outtaHere')
 _SelctClassName[i] = ' drop-'+_selects[i].className;
 }
 for (var i = 0; i < _SelctClassName.length; i++) {
 var _selectDrop = document.getElementById('optionsDiv'+i);
 if (_selectDrop) {
 if (_SelctClassName[i])
 _selectDrop.className += _SelctClassName[i];
 }
 }
 }
}


// getting all the required elements
function getElements() {
 for (var nf = 0; nf < document.getElementsByTagName("form").length; nf++) {
 for(var nfi = 0; nfi < document.forms[nf].getElementsByTagName("input").length; nfi++) {inputs.push(document.forms[nf].getElementsByTagName("input")[nfi]);}
 for(var nfl = 0; nfl < document.forms[nf].getElementsByTagName("label").length; nfl++) {labels.push(document.forms[nf].getElementsByTagName("label")[nfl]);}
 for(var nfs = 0; nfs < document.forms[nf].getElementsByTagName("select").length; nfs++) {selects.push(document.forms[nf].getElementsByTagName("select")[nfs]);}
 }
}

// separating all the elements in their respective arrays
function separateElements() {
 var r = 0; var c = 0; var t = 0; var rl = 0; var cl = 0; var tl = 0; var b = 0;
 for (var q = 0; q < inputs.length; q++) {
 if(inputs[q].type == "radio") {
 radios[r] = inputs[q]; ++r;
 for(var w = 0; w < labels.length; w++) {
 if((inputs[q].id) && labels[w].htmlFor == inputs[q].id)
 {
 radioLabels[rl] = labels[w];
 ++rl;
 }
 }
 }
 if(inputs[q].type == "checkbox") {
 checkboxes[c] = inputs[q]; ++c;
 for(var w = 0; w < labels.length; w++) {
 if((inputs[q].id) && (labels[w].htmlFor == inputs[q].id))
 {
 checkboxLabels[cl] = labels[w];
 ++cl;
 }
 }
 }
 if((inputs[q].type == "submit") || (inputs[q].type == "button")) {
 buttons[b] = inputs[q]; ++b;
 }
 }
}

//replacing radio buttons
function replaceRadios() {
 for (var q = 0; q < radios.length; q++) {
 radios[q].className += " outtaHere";
 var radioArea = document.createElement("div");
 if(radios[q].checked) {
 radioArea.className = "radioAreaChecked";
 }
 else
 {
 radioArea.className = "radioArea";
 }
 radioArea.id = "myRadio" + q;
 radios[q].parentNode.insertBefore(radioArea, radios[q]);
 radios[q]._ra = radioArea;

 radioArea.onclick = new Function('rechangeRadios('+q+')');
 if (radioLabels[q])
 {
 radioLabels[q].onclick = new Function('rechangeRadios('+q+')');
 }
 }
 return true;
}

//checking radios
function checkRadios(who) {
 var what = radios[who]._ra;
 for(var q = 0; q < radios.length; q++) {
 if((radios[q]._ra.className == "radioAreaChecked")&&(radios[q]._ra.nextSibling.name == radios[who].name))
 {
 radios[q]._ra.className = "radioArea";
 }
 }
 what.className = "radioAreaChecked";
}

//changing radios
function changeRadios(who) {
 if(radios[who].checked) {
 for(var q = 0; q < radios.length; q++) {
 if(radios[q].name == radios[who].name) {
 radios[q].checked = false;
 }
 radios[who].checked = true;
 checkRadios(who);
 }
 }
}

//rechanging radios
function rechangeRadios(who) {
 if(!radios[who].checked) {
 for(var q = 0; q < radios.length; q++) {
 if(radios[q].name == radios[who].name) {
 radios[q].checked = false;
 }
 radios[who].checked = true;
 checkRadios(who);
 }
 }
}

//replacing checkboxes
function replaceCheckboxes() {
 for (var q = 0; q < checkboxes.length; q++) {
 checkboxes[q].className += " outtaHere";
 var checkboxArea = document.createElement("div");
 if(checkboxes[q].checked) {
 checkboxArea.className = "checkboxAreaChecked";
 }
 else {
 checkboxArea.className = "checkboxArea";
 }
 checkboxArea.id = "myCheckbox" + q;
 checkboxes[q].parentNode.insertBefore(checkboxArea, checkboxes[q]);
 checkboxes[q]._ca = checkboxArea;
 checkboxArea.onclick = checkboxArea.onclick2 = new Function('rechangeCheckboxes('+q+')');
 if (checkboxLabels[q])
 {
 checkboxLabels[q].onclick = new Function('changeCheckboxes('+q+')');
 }

 checkboxes[q].onkeydown = checkEvent;
 }
 return true;
}

//checking checkboxes
function checkCheckboxes(who, action) {
 var what = checkboxes[who]._ca;
 if(action == true) {
 what.className = "checkboxAreaChecked";
 what.checked = true;
 }
 if(action == false) {
 what.className = "checkboxArea";
 what.checked = false;
 }
}

//changing checkboxes
function changeCheckboxes(who) {
 if(checkboxes[who].checked) {
 checkCheckboxes(who, false);
 }
 else {
 checkCheckboxes(who, true);
 }
}

//rechanging checkboxes
function rechangeCheckboxes(who) {
 var tester = false;
 if(checkboxes[who].checked == true) {
 tester = false;
 }
 else {
 tester = true;
 }
 checkboxes[who].checked = tester;
 checkCheckboxes(who, tester);
}

//check event
function checkEvent(e) {
 if (!e) var e = window.event;
 if(e.keyCode == 32) {for (var q = 0; q < checkboxes.length; q++) {if(this == checkboxes[q]) {changeCheckboxes(q);}}} //check if space is pressed
}


function replaceSelects() {
 for(var q = 0; q < selects.length; q++) {
 if (!selects[q].replaced && selects[q].offsetWidth)
 {
 selects[q]._number = q;
 //create and build div structure
 var selectArea = document.createElement("div");
 var left = document.createElement("span");
 left.className = "left";
 selectArea.appendChild(left);

 var disabled = document.createElement("span");
 disabled.className = "disabled";
 selectArea.appendChild(disabled);

 selects[q]._disabled = disabled;
 var center = document.createElement("span");
 var button = document.createElement("a");
 var text = document.createTextNode(selectText);
 center.id = "mySelectText"+q;

 var stWidth = selects[q].offsetWidth;
 selectArea.style.width = stWidth + "px";
 if (selects[q].parentNode.className.indexOf("type2") != -1){
 button.href = "javascript:showOptions("+q+",true)";
 } else {
 button.href = "javascript:showOptions("+q+",false)";
 }
 button.className = "selectButton";
 selectArea.className = "selectArea";

 selectArea.className += " " + selects[q].className;
 selectArea.id = "sarea"+q;
 center.className = "center";
 center.appendChild(text);
 selectArea.appendChild(center);
 selectArea.appendChild(button);

 //hide the select field
 selects[q].className += " outtaHere";
 //insert select div
 selects[q].parentNode.insertBefore(selectArea, selects[q]);
 //build & place options div

 var optionsDiv = document.createElement("div");

 var optionsList = document.createElement("ul");
 optionsDiv.innerHTML += "<div class='select-top'><div></div></div>";
 optionsDiv.appendChild(optionsList);

 selects[q]._options = optionsList;

 optionsDiv.style.width = stWidth + "px";
 optionsDiv._parent = selectArea;

 optionsDiv.className = "optionsDivInvisible";
 optionsDiv.id = "optionsDiv"+q;


 populateSelectOptions(selects[q]);
 optionsDiv.innerHTML += "<div class='select-bottom'><div class='select-bottom-left'></div><div class='select-bottom-right'></div></div>";
 document.getElementsByTagName("body")[0].appendChild(optionsDiv);
 selects[q].replaced = true;
 }
 all_selects = true;
 }
}

//collecting select options
function populateSelectOptions(me) {
 me._options.innerHTML = "";

 for(var w = 0; w < me.options.length; w++) {

 var optionHolder = document.createElement('li');
 var optionLink = document.createElement('a');
 var optionTxt;
 if (me.options[w].title.indexOf('image') != -1) {
 optionTxt = document.createElement('img');
 optionSpan = document.createElement('span');
 optionTxt.src = me.options[w].title;
 optionSpan = document.createTextNode(me.options[w].text);
 } else {
 optionTxt = document.createTextNode(me.options[w].text);
 }

 optionLink.href = "javascript:showOptions("+me._number+"); selectMe('"+me.id+"',"+w+","+me._number+");";
 if (me.options[w].title.indexOf('image') != -1) {
 optionLink.appendChild(optionTxt);
 optionLink.appendChild(optionSpan);
 } else {
 optionLink.appendChild(optionTxt);
 }
 optionHolder.appendChild(optionLink);
 me._options.appendChild(optionHolder);
 //check for pre-selected items
 if(me.options[w].selected) {
 selectMe(me.id,w,me._number);
 }
 }
 if (me.disabled) {
 me._disabled.style.display = "block";
 }
 else {
 me._disabled.style.display = "none";
 }
}

//selecting me
function selectMe(selectFieldId,linkNo,selectNo) {
 selectField = selects[selectNo];
 for(var k = 0; k < selectField.options.length; k++) {
 if(k==linkNo) {
 selectField.options[k].selected = true;
 }
 else {
 selectField.options[k].selected = false;
 }
 }

 //show selected option
 textVar = document.getElementById("mySelectText"+selectNo);
 var newText;
 var optionSpan;
 if (selectField.options[linkNo].title.indexOf('image') != -1) {
 newText = document.createElement('img');
 newText.src = selectField.options[linkNo].title;
 optionSpan = document.createElement('span');
 optionSpan = document.createTextNode(selectField.options[linkNo].text);
 } else {
 newText = document.createTextNode(selectField.options[linkNo].text);
 }
 if (selectField.options[linkNo].title.indexOf('image') != -1) {
 if (textVar.childNodes.length > 1) textVar.removeChild(textVar.childNodes[0]);
 textVar.replaceChild(newText, textVar.childNodes[0]);
 textVar.appendChild(optionSpan);
 } else {
 if (textVar.childNodes.length > 1) textVar.removeChild(textVar.childNodes[0]);
 textVar.replaceChild(newText, textVar.childNodes[0]);
 }
 if (selectField.onchange && all_selects)
 {
 eval(selectField.onchange());
 }
}
//showing options
function showOptions(g) {
 _elem = document.getElementById("optionsDiv"+g);
 var divArea = document.getElementById("sarea"+g);
 if (active_select && active_select != _elem) {
 active_select.className = active_select.className.replace('optionsDivVisible','');
 active_select.className += " optionsDivInvisible";
 active_select.style.height = "auto";
 }
 if(_elem.className.indexOf("optionsDivInvisible") != -1) {
 _elem.style.left = "-9999px";
 _elem.style.top = findPosY(divArea) + _selectHeight + 'px';
 _elem.className = _elem.className.replace('optionsDivInvisible','');
 _elem.className += " optionsDivVisible";
 /*if (_elem.offsetHeight > 200)
 {
 _elem.style.height = "200px";
 }*/
 _elem.style.left = findPosX(divArea) + 'px';

 active_select = _elem;
 if(document.documentElement)
 {
 document.documentElement.onclick = hideSelectOptions;
 }
 else
 {
 window.onclick = hideSelectOptions;
 }
 }
 else if(_elem.className.indexOf("optionsDivVisible") != -1) {
 _elem.style.height = "auto";
 _elem.className = _elem.className.replace('optionsDivVisible','');
 _elem.className += " optionsDivInvisible";
 }

 // for mouseout
 /*_elem.timer = false;
 _elem.onmouseover = function() {
 if (this.timer) clearTimeout(this.timer);
 }
 _elem.onmouseout = function() {
 var _this = this;
 this.timer = setTimeout(function(){
 _this.style.height = "auto";
 _this.className = _this.className.replace('optionsDivVisible','');
 if (_elem.className.indexOf('optionsDivInvisible') == -1)
 _this.className += " optionsDivInvisible";
 },200);
 }*/
}

function hideSelectOptions(e)
{
 if(active_select)
 {
 if(!e) e = window.event;
 var _target = (e.target || e.srcElement);
 if(isElementBefore(_target,'selectArea') == 0 && isElementBefore(_target,'optionsDiv') == 0)
 {
 active_select.className = active_select.className.replace('optionsDivVisible', '');
 active_select.className = active_select.className.replace('optionsDivInvisible', '');
 active_select.className += " optionsDivInvisible";
 active_select = false;

 if(document.documentElement)
 {
 document.documentElement.onclick = function(){};
 }
 else
 {
 window.onclick = null;
 }
 }
 }
}

function isElementBefore(_el,_class)
{
 var _parent = _el;
 do
 {
 _parent = _parent.parentNode;
 }
 while(_parent && _parent.className != null && _parent.className.indexOf(_class) == -1)

 if(_parent.className && _parent.className.indexOf(_class) != -1)
 {
 return 1;
 }
 else
 {
 return 0;
 }

}

function findPosY(obj) {
 var posTop = 0;
 while (obj.offsetParent) {posTop += obj.offsetTop; obj = obj.offsetParent;}
 return posTop;
}
function findPosX(obj) {
 var posLeft = 0;
 while (obj.offsetParent) {posLeft += obj.offsetLeft; obj = obj.offsetParent;}
 return posLeft;
}
window.onload = initCastomForms;