function reselect(select, addclass) {

    addclass = typeof(addclass) != 'undefined' ? ' '+addclass : '';

    $(select).wrap('<div class="sel_wrap' + addclass + '"/>');
    
    var sel_options = document.createElement('div');
    $(sel_options).addClass("sel_options");
    var selected_option = false;
    
    $(select).children('option').each(function() {
       
        if($(this).attr('selected')){
            
            selected_option = $(this).index(); 
            
        }
        var optionDiv = document.createElement('div');
        $(optionDiv).addClass("sel_option");
        $(optionDiv).append($(this).html());
		$(optionDiv).attr('value',$(this).val());
		$(sel_options).append(optionDiv);
        
        //sel_options = sel_options + '<div class="sel_option" value="' + $(this).val() + '">' + $(this).html() + '</div>';

    });
    var sel_imul = document.createElement('div');
    $(sel_imul).addClass("sel_imul");
    var text;
    if ($(select).children('option').eq(selected_option).html())
    	text=$(select).children('option').eq(selected_option).html();
    else
    	text=$(select).children('option').eq(0).html();
    $(sel_imul).append('<div class="sel_selected"><div class="selected-text">' + text + '</div> <div class="sel_arraw"></div></div>');
    $(sel_imul).append(sel_options);
   /* var sel_imul = '<div class="sel_imul">\
                <div class="sel_selected">\
                    <div class="selected-text">' + $(select).children('option').eq(selected_option).html() + '</div>\
                    <div class="sel_arraw"></div>\
                 </div>'
                 + sel_options + '\</div>';*/

    $(select).before(sel_imul);

}

function reselect_with_pic(select, addclass) {

    addclass = typeof(addclass) != 'undefined' ? addclass : '';

    $(select).wrap('<div class="sel_wrap ' + addclass + '"/>');
    
    var sel_options = '';
    
    var selected_option = false;
    
    var src="";
    
    $(select).children('option').each(function() {
        
        if($(this).is(':selected')){
            
            selected_option = $(this).index();
            
        }
        src="";
	if ( $(this).css('background-image')){
	    var path =  $(this).css('background-image').toString();
	    var patt1=new RegExp(/images\/cinet\/select\/\w+.png/);
	    src=patt1.exec(path);
	}
        sel_options = sel_options + '<div class="sel_option" value="' + $(this).val() + '"><img src="' + src + '"style="margin-top:3px;"/></div>';

    });
    
    
    var src="";
    if ($(select).children('option').eq(selected_option).css('background-image')){
	    var path = $(select).children('option').eq(selected_option).css('background-image').toString();
	    var patt1=new RegExp(/images\/cinet\/select\/\w+.png/);
	    src=patt1.exec(path);
    }
    var sel_imul = '<div class="sel_imul">\
                <div class="sel_selected">\
                    <div class="selected-text"><img src="' +src+ '" style="margin-top:3px;"/></div>\
                    <div class="sel_arraw"></div>\
                </div>\
                <div class="sel_options">' + sel_options + '</div>\
            </div>';

    $(select).before(sel_imul);

}

$('.sel_imul').live('click', function() {

    $('.sel_imul').removeClass('act');
    $(this).addClass('act');

    if ($(this).children('.sel_options').is(':visible')) {

        $('.sel_options').hide();

    }
    else {

        $('.sel_options').hide();
        $(this).children('.sel_options').show();

    }

});

$('.sel_option').live('click', function() {

    //меняем значение на выбранное
    var tektext = $(this).html();
    $(this).parent('.sel_options').parent('.sel_imul').children('.sel_selected').children('.selected-text').html(tektext);
	//alert($(this).parent('.sel_options').parent('.sel_imul').next().attr('id'));
	var thisp=$(this).parents(".sel_wrap");
	var sel=thisp.children('select');
	var curid=sel.attr('id');
	var options=$('#'+curid+' option');
	for (i=0; i<options.length; i++) {
		if (options[i].text == tektext) {
			sel.selectedIndex = i;
		}
	}
	//alert(sel.selectedIndex);
	
    //активируем текущий
    $(this).parent('.sel_options').children('.sel_option').removeClass('sel_ed');
    $(this).addClass('sel_ed');

    //устанавливаем значение для селекта
    var tekval = $(this).attr('value');
    tekval = typeof(tekval) != 'undefined' ? tekval : tektext;
  $(this).parent('.sel_options').parent('.sel_imul').parent('.sel_wrap').children('select').children('option').removeAttr('selected').each(function() {
        if ($(this).val() == tekval) {
            
            $(this).attr('selected', 'selected');
            $(this).attr("selected", true);
            sel.selectedIndex=$(this).index(); 
        }
    });
    sel.change();
});

var selenter = false;

$('.sel_imul').live('mouseenter', function() {
    
    selenter = true;
    
});

$('.sel_imul').live('mouseleave', function() {
    
    selenter = false;
    
});
$(document).click(function() {
    
    if (!selenter) {
        
        $('.sel_options').hide();
        $('.sel_imul').removeClass('act');
    }
    
});

