$(document).ready(function() {

	  
	  /* GORIZONTAL ACCORDION */
	  var BUTTONPrefix    = 'start';	  
	  var LAYERPrefix     = 'sostav';
	  
	  var FULLWidth       = '590';
	  var ZEROWidth       = '0';
	  
	  var FULLBackground  = '#FFFFFF';
	  var ZEROBackground  = '#FFFFFF';
	  
	  var CURRENTSpeed    = 500;
	  
	  var TAGButton       = "span";
	  var TAGContent      = "div";
	  
	  var SELECTING       = 'activ';
	  
	  var CTAG            = 'div';       // тег присуствующий в блоке, в котором есть контент
	  var CTCLASS         = 'hardtext';  // клас тега, который присуствует в блоке, в котором есть контент
	  
	  
	  
	  
	  var j_query_button  = TAGButton+"[@id^="+BUTTONPrefix+"]";
	  var j_query_content = TAGContent+"[@id^="+LAYERPrefix+"]";
	  
	  /**** Set open first
	  ============================================ */
	  
	  // var для названия текущего блока, взятого из URL
      var ruch = '';
	  if (res = window.location.href.match(/\#(\w+)$/i)) ruch=res[1];
	  
	  // var - стек для подсчета открывшихся блоков
	  var inc = 0;
	  // var - первый блок с нормальным контентом
	  var cool = 0;
	  
	  //$(j_query_content).not(':first').width(ZEROWidth+'px');
	  //$(j_query_button+":first").addClass(SELECTING);
	  
	  $(j_query_content).filter(function(index) {
							
						   // исчем первый блок с норамальным контентом
						   if (cool<=0) $(this).find(CTAG+"."+CTCLASS).length ? cool=$(this).attr("id") : cool=cool;
						
						   // отсеиваем от закрытия текущий блок
						   if (jQuery.inArray( ruch, $(this).attr("id").toString().split(/\_+/) ) <= -1)
						   {
							  // количество закрытих
							  inc++;
							  return $(this);
						   } else {
							  var start_id = $(this).attr("id").toString().split(/\_+/).pop().toString();
							  $("#"+BUTTONPrefix+"_"+start_id).addClass(SELECTING);
						   }
						}).width(ZEROWidth+'px');
	  	 
	  // Если количество закртытих равно общему количеству - открыть первый с нормальным контентом.
	  if ($(j_query_content).length==inc)
	  {
		 // если имеется хотя бы один блок с нормальным контентом - открыть его
		 if (cool!=0) 
		 {
			 $("#"+cool).width(FULLWidth+'px');
			 var start_id = cool.toString().split(/\_+/).pop().toString();
			 $("#"+BUTTONPrefix+"_"+start_id).addClass(SELECTING);
		 }
		 // если все неимеют контента - открыть самый первый
		 if (cool>=0) 
		 {
			 $(j_query_content+":first").width(FULLWidth+'px');
			 $(j_query_button+":first").addClass(SELECTING);
		 }
	  }
	  /**/
	  
	  
	  /**** Set main work
	  ============================================ */
	  $(j_query_button).click(function() {
	  
	          var currentObject = $(this);
	          /* *
			     * Get the name content layer by current menu-object id 
				 */
	          var current_id     = $(this).attr("id");
		      var get_layer_name = current_id.substr(current_id.indexOf("_")+1);
		      var layer_name     = '#'+LAYERPrefix+'_'+get_layer_name;
			  
			  
			  /* *
			     * Get object content layer 
				 */
		      var LayerPlane = $(layer_name);
	          var LayerPlane_width  = LayerPlane.width();
			  
			  
			  /* *
			     * Close others layers 
				 */
			  $(j_query_content).filter(function(index) {
				    return $(this).width()==FULLWidth;
			  }).filter(function(index) {
					return '#'+$(this).attr("id")!=layer_name
			  }).animate({
		            'width' : ZEROWidth,
					'backgroundColor': ZEROBackground
		      },CURRENTSpeed);
			  /* *
			     * Remove others active classes
				 */
			  $(j_query_button).filter(function(index) {
					return $(this).attr("id")!=current_id
			  }).removeClass(SELECTING);
			  
			  
			  /* *
			     * If current Layer close (the width is 0) - open it
				 */
			  if (LayerPlane_width==ZEROWidth)
			  {
	             currentObject.addClass(SELECTING);
				 
		         LayerPlane.animate({
		                 'width' : FULLWidth,
						 'backgroundColor': FULLBackground
		         },CURRENTSpeed);
			  }
			  
			  /* *
			     * If current Layer open (the width is full) - close it
				 */
			  if (LayerPlane_width==FULLWidth)
			  {
				 //alert(LayerPlane_width+'=='+FULLWidth);
				 /*
			     currentObject.removeClass(SELECTING);
				 
		         LayerPlane.animate({
		                 'width' : ZEROWidth,
						 'backgroundColor': ZEROBackground
		         },CURRENTSpeed);
				 */
			  }
			  
			  
			  /* /end */
	  });
	  	  	  
});