$(document).ready(function() {
	//----- Lang -----//
	$("#lang li.current a").click(function() {$("#lang li").css("display", "block");return false});
	$("#langselect").toggle(function() {
		$("#lang li").css("display", "block");
	}, function() {
		$("#lang li:not('.current')").css("display", "none");
	})
	
	//----- Search -----//
	$('#search input[type="text"]').focus(function() {this.value = ''});
	
	//----- Tabs -----//
	$(".tabs .tab").append('<span class="rounds tr"></span><span class="rounds tl"></span><span class="rounds br"></span><span class="rounds bl"></span>').css('display', 'none');
	$(".tabs .tab:eq(" + $(".tabs li.current").index() + ")").css('display', 'block');
	$(".tabs li a").click(function() { 
		if ($(this).parent().hasClass('current')) {
			return false;
		} else {
			$(".tabs li").removeClass('current');					   
			$(this).parent().addClass('current');
			$(".tabs .tab").css('display', 'none');
			$(".tabs .tab:eq(" + $(this).parent().index() + ")").css('display', 'block');
			return false;
		}
	})
	
	//----- Forms -----//
	checkRadioAndCheckboxes()
	checkSelect();
	$(".inputradio").click(function() {chekedInput($(this).find('input'))});
	$(".inputcheckbox").click(function() {chekedInput($(this).find('input'))});
	$(".select .items span").click(function() {selectItem($(this))});
	$(".select .label").live('click', function() { 
		var elem = $(this).parent().find('.items');
		if (elem.css('display') == 'none') elem.css('display', 'block');
		else elem.css('display', 'none');
	});
})

function checkRadioAndCheckboxes() {
	$(".inputradio input").parents(".inputradio").css('backgroundPosition', 'bottom left');
	$(".inputcheckbox input").parents(".inputcheckbox").css('backgroundPosition', 'bottom left');
	$(".inputradio input:checked").parents(".inputradio").css('backgroundPosition', 'top left');
	$(".inputcheckbox input:checked").parents(".inputcheckbox").css('backgroundPosition', 'top left');
}
function chekedInput(elem) {
	if (elem.attr('checked') && elem.attr('type') != 'radio') {elem.removeAttr('checked');} 
	else {elem.attr('checked', 'checked')};
	checkRadioAndCheckboxes();
}
function checkSelect() {
	$(".select").each(function() {
		var elem = $(this);
		var selectWidth = elem.find('select').width();
		elem.find('select').css('display', 'none');
		var text = elem.find("option:selected").text();
		elem.append("<span class='label' style='width:" + selectWidth + "px'>" + text + "</span>");
		
		var itemsWidth = selectWidth + 29;
		var items = "<span class='items' style='width:" + itemsWidth + "px'>";
		elem.find("option").each(function() {items += "<span>" + $(this).text() + "</span>"});
		items += "</span>";
		
		elem.append(items);
	})
}
function selectItem(elem) {
	var index = elem.index() 
	elem.parents(".select").find("option:eq(" + index + ")").attr("selected", "selected");
	elem.parents(".select").find(".label").text(elem.text());
	elem.parents(".select").find(".items").css('display', 'none');
        if (elem.parents(".select").find("select").attr("id") == "loc") do_locale();
}

 function do_locale() {
    si = document.getElementById("loc").selectedIndex;
    var loc;
    if(si == 0){
        loc = "en_US";
    }else if(si == 1){
        loc = "ru_RU";
    }else{
        loc = "uz_UZ";
    }
    window.location = "login.jsp?locale=" + loc;
}