// JavaScript Document

$(document).ready(function () {

	$("div#category_section select").selectbox();
	$("table select").selectbox();
	
	var n = $(".sbHolder").length;
	
	$(".sbHolder").each(function() {
		 $(this).css("z-index", n);
		 n--;
  	});
	
	var clickedIndex;
	var checkedRadioIndex;
	var deselectRadioIndex;
	var inputValue;
	
	$("input[type=radio]").css("display", "none");
	$("input[type=radio]").each(function(){
		inputValue = $(this).val();
		$(this).after("<div class=\"radio_value\">" + inputValue + "</div><div class=\"radio_interface\" ></div>");
	});
	$(".radio_interface").click(function() {
		$(this).toggleClass("radio_interface_bkg_selected");
		clickedIndex = $(this).index();
		
		if (clickedIndex == 3)
		{
			radioIndex = 1;
			deselectRadioIndex = 5;
		} 
		else
		{
			radioIndex = 4;
			deselectRadioIndex = 3;
		}
		
		$(this).siblings().eq(radioIndex).attr("checked",true);
		$(this).siblings().eq(deselectRadioIndex).removeClass("radio_interface_bkg_selected");
	});
	
	$


});