// замена стандартного селекта на рисованный

function ReplaceSelect( id, r_id )
{
	// content manioulation
	op = new Array();
	listOptions = $( '#'+id + ' option' );
	for( i = 0; i < listOptions.size(); i++ )
	{
		option = listOptions.get(i);
		op[i] = new Array();
		op[i].value = $(option).attr('value');
		op[i].text = $(option).text();
	}
	
	content = ''
	+ '<ul class="js_select" id="'+r_id+'">'
		+ '<li><span>&nbsp;</span>'
			+ '<ul>';
	for( i = 0; i < op.length; i++ )
		content += ''
				+ '<li value="'+ op[i].value +'">'+ op[i].text +'</li>';
	content += ''
			+ '</ul>'
		+ '</li>'
	+ '</ul>';
	$( '#'+id ).after( content );
	sel = $( '#'+id+' option' ).index( $('#'+id+' option:selected') );
	$( '#'+r_id+' li span' ).text( op[sel].text );
	$( '#'+id ).hide();
	
	// add events
	$('#'+r_id+' li li').hover( function(){
		$(this).addClass("hover");
	},function(){
		$(this).removeClass("hover");
	});
	
	$('#'+r_id+' > li > span').click( function(){
		$('#'+r_id+' > li > ul').show();
	});
	
	$('#'+r_id+' > li').hover(function(){
		clearTimeout( timer );
	}, function(){
		timer = setTimeout( function(){ $('#'+r_id+' > li > ul').hide(); }, 500 );
	});
	
	// set values
	$('#'+r_id+' li li').click( function(){
		$('#'+r_id+' > li > ul').hide();
		$('#'+r_id+' > li > span').text( $(this).text() );
		$( '#'+id+' option[value='+ $(this).attr('value') +']').attr('selected', 'selected');
	});
}


// Табы для спецификации
function doTabs ( idNameTabs, classNameList, idNameList )
{
	$( '.'+classNameList ).hide();
	$( '#'+idNameList ).show();
	
	$( '#'+idNameTabs + ' a' ).click(function(){
		var n = $('#'+idNameTabs + ' a').index($(this));
		$('#'+idNameTabs + ' li').removeClass('sel');
		$(this).parent().addClass('sel');
		$( '.'+classNameList ).hide();
		$( '.'+classNameList + ':eq('+n+')' ).show();
		return false;
	});
}

function doTabsCatalog()
{
	maxHeight = 0;
	$('.catalog_p2 td a').each( function(){ if( $(this).height() > maxHeight ) maxHeight = $(this).height(); });
	$('.catalog_p2 td a').height( maxHeight );

	$( '#catalog_level_2 table.catalog_p2' ).hide();
	num_show = $( '#catalog_level_1 .sel' ).index();

	if( num_show >= 0 )
		$( '#catalog_level_2 table.catalog_p2:eq('+num_show+')' ).show();

	$( '#catalog_level_1 a' ).hover(function()
	{
		$( '#catalog_level_1 a' ).parent().removeClass("sel");
		$( this ).parent().addClass("sel");
		
		var n = $('#catalog_level_1 a').index($(this));
		$( '#catalog_level_2 table.catalog_p2' ).hide();
		$( '#catalog_level_2 table.catalog_p2:eq('+n+')' ).show();
	},function()
	{
		
	});

	$('.catalog_p1d').hover(function(){},function(){
		if( num_show >= 0 )
		{
			$( '#catalog_level_1 a' ).parent().removeClass("sel");
			$( '#catalog_level_1 th:eq('+num_show+')' ).addClass("sel");
			
			$( '#catalog_level_2 table.catalog_p2' ).hide();
			$( '#catalog_level_2 table.catalog_p2:eq('+num_show+')' ).show();
		}
		else
		{
			$( '#catalog_level_1 a' ).parent().removeClass("sel");
			$( '#catalog_level_2 table.catalog_p2' ).hide();
		}
	});

}
