$(document).ready(function() {
			
	// Show and hide elements
	$("#reg-switch > li > a").click(function() {
		if ( $(this).attr('rel') == 't1' )
		{
			$("#t1").removeClass("hidden");
			$("#t2").addClass("hidden");
			$("#t1b").addClass("active");
			$("#t2b").removeClass("active");
		}
		else if ( $(this).attr('rel') == 't2' )
		{
			$("#t2").removeClass("hidden");
			$("#t1").addClass("hidden");
			$("#t2b").addClass("active");
			$("#t1b").removeClass("active");			
		}
	});
	
	$("a").click(function() {
		if ( $(this).attr('rel') == 'pl' )
		{
			$("#pass-login").removeClass("hidden");
			$("#card-login").addClass("hidden");
			$("#pl1").addClass("active");
			$("#cl1").removeClass("active");
		}
		else if ( $(this).attr('rel') == 'cl' )
		{
			$("#card-login").removeClass("hidden");
			$("#pass-login").addClass("hidden");
			$("#cl1").addClass("active");
			$("#pl1").removeClass("active");			
		}
	});
	
	// Fancy checkbox
	jQuery.fn.cssCheckbox = function () {
	jQuery("input[@type='checkbox'] + label", this)
		.each( function(){
			if ( jQuery(this).prev()[0].checked )
				jQuery(this).addClass("checked");
		})
		.hover( 
			function() { jQuery(this).addClass("over"); },
			function() { jQuery(this).removeClass("over"); }
		)
		.click( function() {
			jQuery(this)
				.toggleClass("checked")
				.prev()[0].checked = !jQuery(this).prev()[0].checked;
		})
		.prev().hide();
	}
	$(".ckb").cssCheckbox();

	
	
});

var timeout	= 500;
	var closetimer	= 0;
	var open_menu_id = 0;

function toggleSubmenu2(ref){
	$('#submenus').toggleClass('hidden');
	if(!$('#submenus').hasClass('hidden')){
		$(document).bind('mouseup', toggleSubmenu);
		//$('#currentregion').bind('mouseup',function() { return false; });
		$('#submenus')[0].style.left = $(ref).offset().left + 'px';
		$('#submenus')[0].style.top = $(ref).offset().top + ref.offsetHeight + 'px';
	} else {
		$(document).unbind('mouseup', toggleSubmenu);
	}
	return false;
}





// open hidden layer
function mopen(parent_id)
{	
	
	mclose();
	
	var elem_offset = $('#li_menu_' + parent_id).offset();

	$('#sub_' + parent_id).css('left', (elem_offset.left) + 'px').css('top', (30 + elem_offset.top) + 'px').show();
	open_menu_id = parent_id;
	// cancel close timer
//	mcancelclosetime();


}
// close showed layer
function mclose()
{
	
	mcancelclosetime();
	
	$('#sub_' + open_menu_id).hide();
	
}

// go close timer
function mclosetime()
{
	closetimer = window.setTimeout(mclose, timeout);
}

// cancel close timer
function mcancelclosetime()
{
	
	if(closetimer)
	{
		window.clearTimeout(closetimer);
		closetimer = null;
	}
	
}

// close layer when click-out
$().click(function() {
	mclose();
});