var Without_Search_Form_Sub = 470; //ширина боковых колонок
								   //Для поиска, она переназначена search.tpl
var Enable_Select_Drop 		= true; //разрешить открытие списка

var IE_version = 0;

//-----------------------------------------
var ul_off = 0;
var ul_cont = "";
var ul_end = "";
var ul_base_width = 0;
var ul_width = 0;
var ul_height = 0;
var ul_id = "";
var ul_id_old = "";
var ul_hover = false;
var ul_num = $("ul.ul_select").length;
var ul_id_array = new Array();
	
var old_val = new Array();
old_val[0] = 0;
old_val[1] = 0;
old_val[2] = 0;
old_val[3] = 0;
old_val[4] = 0;
//-----------------------------------------

$(document).ready(function(){


	$("#s_avial").change(function()
	{
		UpdateUlSelect();
	});
	
	$("#s_discount").change(function()
	{
		UpdateUlSelect();
	});
	
	$("ul.ul_select > li > a").click(function(e){
		
		if(Enable_Select_Drop)
		{
			e.preventDefault();
			$("div.ul_dropdown").remove();
	
			ul_id = $(this).parent().parent().attr("id");
			ul_rel = $(this).parent().parent().attr("rel");
			
			if(ul_id !== ul_id_old) {
				ul_off = $(this).offset();
				ul_base_width = $(this).parent().width();
				ul_cont = $(this).parent().find("ul").html();
				
				ul_end = '<div class="ul_dropdown"><ul>';
				ul_end += ul_cont;
				ul_end += '<ul></div>';
				$("body").append(ul_end);
				
				
				
				$("div.ul_dropdown").css("top",ul_off.top+23).css("left",ul_off.left);
				ul_width = $("div.ul_dropdown > ul").width();
				ul_height = $("div.ul_dropdown > ul").height();
				if(ul_width + 17 < ul_base_width) {ul_width = ul_base_width - 22};
				if(ul_height > 294) {$("div.ul_dropdown").height(294).width(ul_width + 17)};
				
				$("div.ul_dropdown").hover(
					function() {
						ul_hover = true;
					},
					function() {
						ul_hover = false;
					}
				);
				
				$(document.body).mousedown(function() {
					if(ul_hover === false) {
						$("div.ul_dropdown").remove();
						ul_id_old = "";
					}
					
					
					
					
				});
				ul_id_old = ul_id;
				
				$("div.ul_dropdown > ul > li").click(function() {
					ul_id_array[ul_id] = $(this).attr("id");
					$("#" + ul_id + " > li > a > span").text($(this).text());
					$("div.ul_dropdown").remove();
					ul_id_old = "";
	
					//перезаем значение инпуту
					$("form[name=search] input[name="+ul_rel+"]").val( $(this).attr("rel") );
					UpdateUlSelect();
				});
			} else {
				ul_id_old = "";
			}
		}//drop down
		
	});
	
	$("ul.ul_select > li > a").hover(
		function() {
			ul_hover = true;
		},
		function() {
			ul_hover = false;
		}
	);
	
	
	
	$("#ajax_loader").css("display","none");
	//if( $('#s_cats').text() ) UpdateUlSelect();
	//UpdateUlSelect();
	
});

/**
 * Обновляем всю форму поиска
 */
function UpdateUlSelect()
{

	Enable_Select_Drop = false; //Закрываем доступ к выпадающему меню
	
	
		$("#ajax_loader").css("display","block"); //индикатор загрузки
		var off = $("#velosearch2").offset();
		if(off)
		$("#ajax_loader").css("top", (off.top)+ "px");
		$('.ul_select span').css("background","#eeeeee");//Неактивные
	
		
	
     resize_search_cell();	     
	
	 var nones = $(this).attr('id');
     $('#nones').attr('value', $(this).attr('name'));

     $.get("/ajax/search/?" + $("#search").serialize(), false,
         function(data){
            	/* if(old_val[0] != $('input[name=cats]').val() )
			    	{*/
			   		 	old_val[0] = $('input[name=cats]').val();
                 
             		var subcats = $(data).find('cats').find('item');
             		
                     $('#s_cats .ul_options li').remove();
                     $('#s_cats .ul_options').append('<li id="p_id_0" rel="0">Все велосипеды</li>\r');

                     var i =1;
                     $.each(subcats, function(){
                         var id  = $(this).attr('value');
                         var txt = $(this).text();

                         $('#s_cats .ul_options').append('<li id="p_id_'+i+'" rel="'+id+'">'+txt+'</li>\r');
                         
                         if( id  == $("#cats_id_").val() )
                        	 $("#s_cats > li > a > span").text(txt);
                         ++i;
                     });

             /*	}

             	if(old_val[1] != $('input[name=subcats]').val() )
			    {*/
			   		old_val[1] = $('input[name=subcats]').val();
                 
			   		 	
             		var subcats = $(data).find('subcats').find('item');
             		
                     $('#s_subcats .ul_options li').remove();
                     $('#s_subcats .ul_options').append('<li id="p_id_0" rel="0">Все подтипы</li>\r');

                     var i =1;
                     $.each(subcats, function(){
                         var id  = $(this).attr('value');
                         var txt = $(this).text();

                         $('#s_subcats .ul_options').append('<li id="p_id_'+i+'" rel="'+id+'">'+txt+'</li>\r');
                         if( id  == $("#subcats_id_").val() )
                        	 $("#s_subcats > li > a > span").text(txt);
                         ++i;
                     });
                     
                  
/*
             	}

             	if(old_val[2] != $('input[name=price]').val() )
			    {*/
			   		 	old_val[2] = $('input[name=price]').val();
            		 	
                 
             		var subcats = $(data).find('price').find('item');
             		
                     $('#s_price .ul_options li').remove();
                     $('#s_price .ul_options').append('<li id="p_id_0" rel="0">Все цены</li>\r');

                     var i =1;
                     $.each(subcats, function(){
                         var id  = $(this).attr('value');
                         var txt = $(this).text();

                         $('#s_price .ul_options').append('<li id="p_id_'+i+'" rel="'+id+'">'+txt+'</li>\r');
                         
                         if( id  == $("#price_id_").val() )
                        	 $("#s_price > li > a > span").text(txt);
                         ++i;
                     });
             	/*}

                if(old_val[3] != $('input[name=brands]').val() )
			    	{*/
			   		 	old_val[3] = $('input[name=brands]').val();
                 
             		var subcats = $(data).find('brands').find('item');
             		
                     $('#s_brand .ul_options li').remove();
                     $('#s_brand .ul_options').append('<li id="p_id_0" rel="0">Все бренды</li>\r');

                     var i =1;
                     $.each(subcats, function(){
                         var id  = $(this).attr('value');
                         var txt = $(this).text();

                         $('#s_brand .ul_options').append('<li id="p_id_'+i+'" rel="'+id+'">'+txt+'</li>\r');
                         
                         if( id  == $("#brands_id_").val() )
                        	 $("#s_brand > li > a > span").text(txt);
                         ++i;
                     });
             /*	}

             	
             	if(old_val[4] != $('input[name=year]').val() )
			    {*/
			   		 	old_val[4] = $('input[name=year]').val();
                 
             		var subcats = $(data).find('year').find('item');
             		
                     $('#s_year .ul_options li').remove();
                     $('#s_year .ul_options').append('<li id="p_id_0" rel="0">Все года</li>\r');

                     var i =1;
                     $.each(subcats, function(){
                         var id  = $(this).attr('value');
                         var txt = $(this).text();

                         $('#s_year .ul_options').append('<li id="p_id_'+i+'" rel="'+id+'">'+txt+'</li>\r');
                         
                         if( id  == $("#year_id_").val() )
                        	 $("#s_year > li > a > span").text(txt);
                         
                         ++i;
                     });
             	//}
             	
             	if($(data).find('avial').length){
                       $('#s_avial').attr('disabled', false);
                    }else
                    {
                        $('#s_avial').attr('checked', false).attr('disabled', 'disabled');
                    }
                    
                    if($(data).find('discount').length){
                       $('#s_discount').attr('disabled', false);
                    }else
                    {
                        $('#s_discount').attr('checked', false).attr('disabled', 'disabled');
                    }
                    
                   
                    $("#ajax_loader").css("display","none");
                    $('.ul_select span').css("background","#ffffff");//активные
                    Enable_Select_Drop = true; //открываем доступ к выпадающему меню
                    
         });
     
     //$("#ajax_loader").css("display","none");
}//UpdateFunct

/**
*	Ресайзим размер ячеек
*/
var page_is_catalog = 0;//page_is_catalog - из шаблона формы

function resize_search_cell()
{	
	if ($(window).width() < 1025)
	{
		$('body').css({'overflow':'auto','width':'980px'});
		$('#our-sites, #header').css('width', $('#main').width() + 'px');
	}
	else
	{
		$('body').css('overflow-x', 'hidden');
		$('#our-sites').css('width', $('#main').width() + 'px');
	}
	//alert($(window).width());
	$(".ul_select").css("width", "0px");
	
	var dob_sub = 90;
	var ua = navigator.userAgent.toLowerCase();
	if(ua.indexOf("msie") != -1  ) // для эксплорера
	{
		dob_sub = 70;
	}
	
	
	//var size = ( $("#velosearch").width() - dob_sub ) / 5;
	
	var size = ( $(window).width() - Without_Search_Form_Sub - dob_sub - page_is_catalog ) / 5;

	$(".ul_select").css("width", size + "px");
	$('#s_cats').css("width", $('#s_cats').width() + 10 + "px");
	$('#s_brand').css("width", $('#s_brand').width() + 20 + "px");
	
	$('.first_sp_name').css("display","block");
	$('.first_sp_name_d').css("display","none");

}
/**
*	при загрузке
*/
function onload_search_cell()
{
	resize_search_cell();
	
	
	
	$('#first_cat_name').text("Все категории");
	$('#first_subcat_name').text("Все подкатегории");
	$('#first_price_name').text("Все цены");
	$('#first_brand_name').text("Все бренды");
	$('#first_year_name').text("Все года");
}