/* crir */
crir = {
        userAgent: '',
        isSafari: false,
        init: function() {

                this.userAgent = navigator.userAgent.toLowerCase();
                this.isSafari = ((this.userAgent.indexOf('safari')!=-1)&&(this.userAgent.indexOf('mac')!=-1))?true:false;

                if (! this.isSafari) { // the script doesn't work in safari.
                        arrLabels = document.getElementsByTagName('label');

                        searchLabels:
                        for (var i=0; i<arrLabels.length; i++) {			
                                // get the input element based on the for attribute of the label tag
                                if (arrLabels[i].getAttributeNode('for') && arrLabels[i].getAttributeNode('for').value != '') {
                                        labelElementFor = arrLabels[i].getAttributeNode('for').value;				
                                        inputElement = document.getElementById(labelElementFor);
                                }
                                else {				
                                        continue searchLabels;
                                }	

                                inputElementClass = inputElement.className;	

                                // if the input is specified to be hidden intiate it
                                if (inputElementClass == 'crirHiddenJS') {
                                        inputElement.className = 'crirHidden';

                                        inputElementType = inputElement.getAttributeNode('type').value;	

                                        // add the appropriate event listener to the input element
                                        if (inputElementType == "checkbox") {
                                                inputElement.onclick = crir.toggleCheckboxLabel;
                                        }
                                        else {
                                                inputElement.onclick = crir.toggleRadioLabel;
                                        }

                                        // set the initial label state
                                        if (inputElement.checked) {
                                                if (inputElementType == 'checkbox') { arrLabels[i].className = 'checkbox_checked'}
                                                else { arrLabels[i].className = 'radio_checked' }
                                        }
                                        else {
                                                if (inputElementType == 'checkbox') { arrLabels[i].className = 'checkbox_unchecked'}
                                                else { arrLabels[i].className = 'radio_unchecked' }
                                        }
                                }
                                else if (inputElement.nodeName != 'SELECT' && inputElement.getAttributeNode('type').value == 'radio') { // this so even if a radio is not hidden but belongs to a group of hidden radios it will still work.
                                        arrLabels[i].onclick = crir.toggleRadioLabel;
                                        inputElement.onclick = crir.toggleRadioLabel;
                                }
                        }
                }
        },	

        findLabel: function (inputElementID) {
                arrLabels = document.getElementsByTagName('label');

                searchLoop:
                for (var i=0; i<arrLabels.length; i++) {
                        if (arrLabels[i].getAttributeNode('for') && arrLabels[i].getAttributeNode('for').value == inputElementID) {				
                                return arrLabels[i];
                                break searchLoop;				
                        }
                }		
        },	

        toggleCheckboxLabel: function () {
                labelElement = crir.findLabel(this.getAttributeNode('id').value);

                if(labelElement.className == 'checkbox_checked') {
                        labelElement.className = "checkbox_unchecked";
                }
                else {
                        labelElement.className = "checkbox_checked";
                }
        },	

        toggleRadioLabel: function () {			 
                clickedLabelElement = crir.findLabel(this.getAttributeNode('id').value);

                clickedInputElement = this;
                clickedInputElementName = clickedInputElement.getAttributeNode('name').value;

                arrInputs = document.getElementsByTagName('input');

                // uncheck (label class) all radios in the same group
                for (var i=0; i<arrInputs.length; i++) {			
                        inputElementType = arrInputs[i].getAttributeNode('type').value;
                        if (inputElementType == 'radio') {
                                inputElementName = arrInputs[i].getAttributeNode('name').value;
                                inputElementClass = arrInputs[i].className;
                                // find radio buttons with the same 'name' as the one we've changed and have a class of chkHidden
                                // and then set them to unchecked
                                if (inputElementName == clickedInputElementName && inputElementClass == 'crirHidden') {				
                                        inputElementID = arrInputs[i].getAttributeNode('id').value;
                                        labelElement = crir.findLabel(inputElementID);
                                        labelElement.className = 'radio_unchecked';
                                }
                        }
                }

                // if the radio clicked is hidden set the label to checked
                if (clickedInputElement.className == 'crirHidden') {
                        clickedLabelElement.className = 'radio_checked';
                }
        },

        addEvent: function(element, eventType, doFunction, useCapture){
                if (element.addEventListener) 
                {
                        element.addEventListener(eventType, doFunction, useCapture);
                        return true;
                } else if (element.attachEvent) {
                        var r = element.attachEvent('on' + eventType, doFunction);
                        return r;
                } else {
                        element['on' + eventType] = doFunction;
                }
        }
}

crir.addEvent(window, 'load', crir.init, false);