var obj = null;
var BLOCK = false;
	
function check() {
	if (!BLOCK) obj.hide();
}
	
jQuery(document).ready(function() {

	jQuery('.box > ul > li').mouseover(function() {																		
		jQuery(this).parent('ul').children('li').removeClass('selected');								
		jQuery(this).addClass('selected');
	
		jQuery(this).parent('ul').children('li').children('a').each(function(){
			jQuery('#'+jQuery(this).attr('rel')).removeClass('selected');
		});
		
		jQuery('#'+jQuery(this).children('a').attr('rel')).addClass('selected');
	});
	
	// collapsible
	jQuery('.collapsible > li.item').click(function(e) {
		e.preventDefault();
		if (jQuery(this).hasClass('expanded')) {
			//jQuery(this).removeClass('expanded');
			//jQuery(this).next('li.form').hide();
		}
		else {
			jQuery('.collapsible > li.expanded').removeClass('expanded');
			jQuery('li.form').hide();
			jQuery(this).addClass('expanded');
			jQuery(this).next('li.form').show();
		}
	});
	
	jQuery('.inactive').focus(function(){
		jQuery(this).removeClass('inactive');
		if (jQuery(this).attr('title') == jQuery(this).val()) {
			jQuery(this).val('');
		}
	});
	
	jQuery('.inactive').blur(function(){
		jQuery(this).addClass('inactive');
		if (jQuery(this).val() == '') {
			jQuery(this).val(jQuery(this).attr('title'));
		}
	});
	
	jQuery('.dropdown').click(function(e) {
		e.preventDefault();
		var position = jQuery(this).position();
		var visible = false;
		if (jQuery(this).next('.options').is(":visible"))
			visible = true;
		jQuery('.options').hide();
		
		if (visible)
			jQuery(this).next('.options').hide();
		else
			jQuery(this).next('.options').show();

		//jQuery(this).next('.options').css('top', (position.top+jQuery(this).outerHeight(true)) + 'px');
		jQuery(this).next('.options').css('left', (String)(position.left) + 'px');
		jQuery(this).next('.options').css('top', (String)(position.top+jQuery(this).outerHeight(true)) + 'px');

	});
	
	jQuery('.options > li').click(function(e) {
		e.preventDefault();
		if (jQuery(this).children('a').attr('title')!='')
			value = jQuery(this).children('a').attr('title');
		else
			value = jQuery(this).children('a').html();
		jQuery('#'+jQuery(this).children('a').attr('rel')).val(value);
		jQuery(this).parent().children('li').removeClass('hover');
		jQuery(this).parent().children('li').removeClass('active');
		jQuery(this).addClass('hover');
		jQuery(this).addClass('active');
		jQuery(this).parent().prev('.dropdown').html(jQuery(this).children('a').html());
	});
	
	jQuery('.options > li').mouseover(function() {
		jQuery(this).addClass('hover');
	});
	
	jQuery('.options > li').mouseout(function() {
		if (!jQuery(this).hasClass('active')) jQuery(this).removeClass('hover');
	});

	jQuery(document).click(function(e) {													
		if (!jQuery(e.target).is('.dropdown')) jQuery('.options').hide();
	});
	
	jQuery('.change').change(function(){
		jQuery(this).parent('form').submit();
	});

	jQuery('.documents > li > a').click(function() {
		BLOCK = false;
		jQuery('.overlay').hide();
	});

	jQuery('.info').hover(function(e) {
		jQuery('.overlay').hide();
		BLOCK = true;
		
		jQuery('#' + jQuery(this).attr('rel')).css('top', ( e.pageY - jQuery('#' + jQuery(this).attr('rel')).height() ) + 'px' );
		jQuery('#' + jQuery(this).attr('rel')).css('left', (e.pageX + 10) + 'px');
		jQuery('#' + jQuery(this).attr('rel')).show();
		
		jQuery('#' + jQuery(this).attr('rel')).mouseover(function(){
			BLOCK = true;
			setTimeout("check()", 400);
		});
		jQuery('#' + jQuery(this).attr('rel')).mouseout(function(){
			BLOCK = false;
			setTimeout("check()", 400);
		});
		
		jQuery('#' + jQuery(this).attr('rel')).children('.marker').width(jQuery('#' + jQuery(this).attr('rel')).width());
	}, function() {
		BLOCK = false;
		obj = jQuery('#' + jQuery(this).attr('rel'));
		setTimeout("check()", 400);
	});
	
});