crir = {
	userAgent: '',
	isSafari: false,
	init: function() {
		var c = $$('.crir_container');
		
		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;
				}	
				
				if(inputElement){				
					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;
					}
				}
			}
		}
		if (c){
			c.each(function(el){
				if(el.getStyle('display') == "none") el.setStyle({display:''})
			})
		}
	},	
	
	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;
		}
	},
	
	
	initFileUploads: function(){
		var fakeFileUpload = document.createElement('div');
		fakeFileUpload.className = 'fakefile';
		//var el = document.createElement('input');
		//el.type = "text";

		//fakeFileUpload.appendChild(el);
		
		var btn = document.createElement('div');
		btn.className = 'fileUpload';
		p = document.createElement("P");
		pL = document.createElement("P");
		p.id = "buttonLabel";
		pL.id = "uploadImageLabel";
		text = document.createTextNode("Upload image");
		p.appendChild(text);
		btn.appendChild(p);
		btn.appendChild(pL);
		
		fakeFileUpload.appendChild(btn);
		
		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('p')[0];
			x[i].onchange = x[i].onmouseout = function () {
				$('uploadImageLabel').innerHTML = this.value;
			}
		}		
	}
	
	
}

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