function Button(type){
	this.type = type;
	var self = {
		baseUrl : 'http://ida2.km-union.ru/kmsites/button/',
		type : this.type,
		btn : null,
		panel : null,
		init : function(){
			//	add css file
			this.addCssStyle();
			//	create button and add events
			this.createButton();
			//	create navigation panel
			this.createNavigationPanel();
		},
		addCssStyle : function(){
			$('head').append('<link type="text/css" rel="stylesheet" href="' + (this.baseUrl + this.type + '/button.css') + '"></link>');
		},
		createButton : function(){
			/*	render button	*/
			$('body').append('<div id="navigationButton"></div>');
			this.btn = $('div#navigationButton');
			if ($.browser.msie) {
				this.btn.hover(
					function(){
						$(this).addClass('hover');
					},
					function(){
						$(this).removeClass('hover');
					}
				);
			}
			var self = this;
			this.btn.click(
				function(){
					var el = $(this);
					if (!el.hasClass('active')) {
						el.addClass('active');
						self.showNavigationPanel();
					}else{
						el.removeClass('active');
						self.hideNavigationPanel();
					}
				}
			);
		},
		createNavigationPanel : function(){
			var html = '<div id="navigationPanel">' + 
			'	<div class="items" style="padding:10px 15px;">' + 
			'		<div class="caption">КМ - Союз</div>' + 
			'		<div class="items">' + 
			'			<div class="caption">Офисное направление</div>' + 
			'				<div class="items">' + 
			'					<div class="caption"><a href="http://km.km-union.ru">Магазин КораллМикро</a></div>' + 
			'					<div class="caption">Офисный мир КМ</div>' + 
			'						<div class="items">' + 
			'							<div class="caption"><a href="http://istore.km-union.ru">Интернет магазин</a></div>' + 
			'							<div class="caption"><a href="http://corp.km-union.ru">Корпоративный отдел</a></div>' + 
			'							<div class="caption"><a href="http://dealers.km-union.ru">Дилерский отдел</a></div>' + 
			'						</div>' + 
			'					<div class="caption"><a href="http://service.km-union.ru">Сервисный центр</a></div>' + 
			'				</div>' + 
			'			<div class="caption">Мебельное направление</div>' + 
			'				<div class="items">' + 
			'					<div class="caption"><a href="http://km-mebel.ru">Мебель КМ</a></div>' + 
			'					<div class="caption"><a href="http://www.atriumcenter.ru">Атриум</a></div>' + 
			'				</div>' + 
			'			<div class="caption"><a href="http://biz.km-union.ru">Бизнес-центр</a></div>' + 
			'			<div class="caption"><a href="http://www.dontranzit.ru">Дон-Транзит-2000</a></div>' + 
			'		</div>' +
			'	</div>' +
			'</div>';
			$('body').append(html);
			this.panel = $('div#navigationPanel');
		},
		showNavigationPanel : function(){
			this.panel.css('display', 'block').animate(
				{
					opacity:1,
					filter:'alpha(opacity=100)'
				}, 
				250,
				'swing', 
				function() {
					/*	ok	*/
				}
			);
		},
		hideNavigationPanel : function(){
			this.panel.animate(
				{
					opacity:0,
					filter:'alpha(opacity=0)'
				}, 
				250,
				'swing', 
				function() {
					/*	ok	*/
					$(this).css('display', 'none');
				}
			);
		}
	}
	self.init();
	return self;
}

function encode_utf8(s){
  return unescape(encodeURIComponent(s));
}

function decode_utf8(s){
  return decodeURIComponent(escape(s));
}