var content;

window.addEvent('domready', function() {

	// Fluid 16-column Grid
	// Auto-Select Toggle Elements
	
	// Select all boxes with h2 anchor elements and toggle the next div
	// The toggle-ajax anchor is excluded or the AJAX content box won't work
	$$('.box h2 a[id!=toggle-ajax]').each(function(item) {
		item.setStyle('cursor', 'pointer');
		var elToHide = item.getParent('h2').getNext('div').getNext('div');
		if (elToHide) {
			var mySlide = new Fx.Slide(elToHide);
			item.store('fx', mySlide);

			if (item.hasClass('hidden')){
				mySlide.hide();
			}

			item.addEvent('click', function(e) {
				e.stop();
				var fx = this.retrieve('fx');
				fx.toggle();

				if (item.hasClass('hidden')){
					item.removeClass('hidden').addClass('visible');
				}
				else {
					item.removeClass('visible').addClass('hidden');

				}
			});
		}
	});

	// Kwick Box
	if ($('kwick-box')) {
		var kwicks = $$('#kwick .kwick');
		var fx = new Fx.Elements(kwicks, {wait: false, duration: 200, transition: Fx.Transitions.quadOut});
		kwicks.each(function(kwick, i){
			kwick.addEvent('mouseenter', function(e){
				var obj = {};
				obj[i] = {
					'width': [kwick.getStyle('width').toInt(), 485]
				};
				kwicks.each(function(other, j){
					if (other != kwick){
						var w = other.getStyle('width').toInt();
						if (w != 125) obj[j] = {'width': [w, 125]};
					}
				});
				fx.start(obj);
			});
		});
		
		$('kwick').addEvent('mouseleave', function(e){
			var obj = {};
			kwicks.each(function(other, j){
				obj[j] = {'width': [other.getStyle('width').toInt(), 215]};
			});
			fx.start(obj);
		});
	}
	
	// Accordion Section Menu
	if ($('section-menu')) {
		var accordion = new Accordion('a.menuitem', 'ul.submenu', {
			opacity: false,
			onActive: function(toggler, element){
				toggler.addClass('current');
				element.addClass('current');
			},
			onBackground: function(toggler, element){
				toggler.removeClass('current');
				element.removeClass('current');
			}
		}, $('section-menu'));
	}

	// Accordion Content
	if ($('accordion')) {
		var accordion = new Accordion('h3.atStart', 'div.atStart', {
			opacity: false,
			display: -1,
			alwaysHide: true,
			onActive: function(toggler, element){
				toggler.setStyle('font-weight', 'bold');
				toggler.setStyle('background', '#123');
				toggler.setStyle('color', '#FFF8EC');
				
			},
		 
			onBackground: function(toggler, element){
				toggler.setStyle('font-weight', 'normal');
				toggler.setStyle('background', '#F3DFBE');
				toggler.setStyle('color', '#123');
			},
			onComplete: function (e1,e2,e3,e4,e5,e6,e7,e8) { 
			              //alert(toggler.getStyle('height'));
			              //if (toggler.getStyle('height') != '0px' ) {toggler.setStyle('height','auto')}
//			              if (e1.getStyle('height') != '0px') {e1.setStyle('height','auto')}
//			              if (e2.getStyle('height') != '0px') {e2.setStyle('height','auto')}			              
			            }
			
		}, $('accordion'));
	}
	
	

	// Toggle and load AJAX content
	if ($('toggle-ajax')) {
		// Dynamically loaded AJAX content
		$('loading').setStyle('display', 'none'); // hides the loading image
		content = new Fx.Slide('ajax-content',
		  {onComplete: function () {
		            //     if ($('toggle-ajax').hasClass('hidden')) {  
		            //       $('ajax-content').getParent().setStyle('height','0px');
		            //     } else {$('ajax-content').getParent().setStyle('height','auto');}
		               },
		   duration:700 
		  }
		).hide(); // creates new Fx.Slide object from ajax-content div, also the hide() function hides the div when the page loads
		
		$('toggle-ajax').addEvent('click', function(e) { // adds an onClick event to toggle-ajax div
			e = new Event(e); 	
			
			toggleajaxFunction();
			
			e.stop(); //this makes sure that the user wont be sent to given url (or that the page refreshes when using dummy url like "#") if the clicked element was a link 
		});
	}

	// Toggle Grid
	if ($('toggle-grid')) {
		var grid = new Fx.Slide('grid123').hide(); //creates new Fx.Slide object from grid div
		$('toggle-grid').addEvent('click', function(e) { //Adds an onClick event to toggle-grid div
			e = new Event(e);
				grid.toggle(); //toggles the div
			if ($('toggle-grid').hasClass('hidden')){
				$('toggle-grid').removeClass('hidden').addClass('visible');
			}
			else {
				$('toggle-grid').removeClass('visible').addClass('hidden');
			}
			e.stop(); //this makes sure that the user wont be sent to given url (or that the page refreshes when using dummy url like "#") if the clicked element was a link 
		});
	}

// 
	//menuemit 
	$$('.menuemit').each(function(item) {
		item.addEvent('click', function() { 
		if ($('toggle-ajax').hasClass('hidden')){
		 toggleajaxFunction.delay(700);
		} else 
		{ $('toggle-ajax').removeClass('minimized').addClass('visible');
		  //content.slideIn();
		  delayedSlideIn.delay(700,content);
		  }
		});
	});


	 $$('.menudocs').each(function(item) {
		item.addEvent('click', function() {
		if ($('toggle-docs').hasClass('hidden')){
		  $('toggle-docs').removeClass('hidden').addClass('visible');
		  var fx=$('toggle-docs').retrieve('fx');
		  delayedSlideIn.delay(700,fx);
		}
		});
	});


	if ($('menudocsemit')) {
		$('menudocsemit').addEvent('click', function() { 
		if ($('toggle-docs').hasClass('hidden')){
		  var fx = $('toggle-docs').retrieve('fx');
		  fx.onComplete=function (){
		    var myFx = new Fx.Scroll(window).toElement('docsemit');
		    this.onComplete=function(){;};
		   //location.replace("#docsemit");
		  };
		  //fx.slideIn();
		  delayedSlideIn.delay(700,fx);
		  $('toggle-docs').removeClass('hidden').addClass('visible');
		}  
		});
	}

	$$('.menuabout').each(function(item) {
		item.addEvent('click', function() { 
		if ($('toggle-about').hasClass('hidden')){
		  $('toggle-about').removeClass('hidden').addClass('visible');
		  var fx = $('toggle-about').retrieve('fx');
		  if (item.hasClass('ranking')){
		    fx.onComplete=function (){ 
		      var myFx1 = new Fx.Scroll(window).toElement('ranking');
		      this.onComplete=function(){;};
		    };
		  } else if (item.hasClass('aboutemit')){
		           fx.onComplete=function (){ 
		             var myFx1 = new Fx.Scroll(window).toElement('aboutemit');
		             this.onComplete=function(){;};
		           };
		          };
		  delayedSlideIn.delay(700,fx);
		} else {
		if (item.hasClass('ranking')){
		  var fx = mySmooths;
		  fx.onComplete=function(){
		    var myFx1 = new Fx.Scroll(window).toElement('ranking');
		    this.onComplete=function(){;};
		  }
		  } else 
		  if (item.hasClass('aboutemit')){
		    var fx = mySmooths;
		    fx.onComplete=function(){
		      var myFx1 = new Fx.Scroll(window).toElement('aboutemit');
		      this.onComplete=function(){;};
		    }
		  };
		
		};//else
		});
	});

        if ($('menurekv')) {
                $('menurekv').addEvent('click', function() {
                var fx = $('rekvblock');
                delayedHighlite.delay(700,fx);
                });
        }

        if ($('menuprice')) {
                $('menuprice').addEvent('click', function() {
                var fx1 = $('price-content');
                if ($('toggle-price').hasClass('hidden')){
                  var fx=$('toggle-price').retrieve('fx');
                  delayedSlideIn.delay(700,fx);
                  delayedHighlite.delay(1400,fx1);
                  $('toggle-price').removeClass('hidden').addClass('visible');
                } else {delayedHighlite.delay(500,fx1);}
                });
        }
	
//	if ($('menurask')) {
//		$('menurask').addEvent('click', function() { SqueezeBox.open('http://www.unireg.ru/rask', {handler: 'iframe'}); } );
//	};
	
	if ($('menubg')) {
		$('menubg').addEvent('click', function() { var myFx = new Fx.Scroll(window).toElement('thetop'); });
	}
	
	if ($('gototop')) {
		$('gototop').addEvent('click', function() { var myFx = new Fx.Scroll(window).toElement('thetop'); });
	}


       mySmooths = new SmoothScroll({ duration:700 }, window); 

        
       var myMenu = new MenuMatic();  	
   
       ReMooz.assign('.remooz', {
         'origin': 'img',
         'shadow': 'onOpenEnd', // fx is faster because shadow appears after resize animation
         'resizeFactor': 0.8, // resize to maximum 80% of screen size
         'cutOut': false, // don't hide the original
         'opacityResize': 0.4, // opaque resize
         'dragging': false, // disable dragging
         'centered': true // resize to center of the screen, not relative to the source element
       });

//	SqueezeBox.initialize({size:{x: 350, y: 400}});
	SqueezeBox.assign($$('a.boxed'), {parse: 'rel'});
		    


}); //****************************************************************************************************************

var delayedSlideIn = function () {
this.slideIn();
}

var delayedHighlite = function () {
this.highlight('#123', '#234');
}

var toggleajaxFunction = function () {
			if ($('toggle-ajax').hasClass('hidden')) { // checks if the content is visible
				$('ajax-content').empty() // empties the ajax-content
				$('loading').setStyle('display', 'block'); // displays the loading image

				var req = new Request.HTML({
					method: 'get',
					url: '/cgi-bin/e1.cgi?ajax=ajax',
					update: $('ajax-content'),
					onComplete: function(html) { 
						$('loading').setStyle('display', 'none'); //Hides the loading image
						content.toggle(); //toggles the ajax-content
						//delayedSlideIn.delay(700,content);						
						//ARS 
						$('emitblock').getElements('.emit').addEvent('click',eclickFunction).setStyle('cursor','pointer');
						//setTimeout(correctsize, 3000); 
					}
				}).send();
				$('toggle-ajax').removeClass('hidden').addClass('visible');
			}
			else { 
			if ($('toggle-ajax').hasClass('visible')){
				$('toggle-ajax').removeClass('visible').addClass('minimized');
				content.slideOut();
			} else 
			{if ($('toggle-ajax').hasClass('minimized')){
				$('toggle-ajax').removeClass('minimized').addClass('visible');
				content.slideIn();
				//delayedSlideIn.delay(700,content);
				}//if
			}//else
			}//else

}



//var correctsize = function () { 
//  $('ajax-content').getParent().setStyle('height','auto'); 
//}

var slideCBI = new Array();

var eclickFunction  = function() {

   var parentid=this.get('id');
   var cbi=$('cbinformation'+parentid);
   if ($defined(cbi)) { //элемент уже создан
     slideCBI[parentid].toggle();
//     alert('hello!!!123');
     return(0);
   }//if

   var newElementVar = new Element('div', {
    //here you set all the element parameters
    'id': 'cbinformation'+parentid,
    'text': 'Загружаем данные по эмитенту id: '+parentid+' ...',
    'styles': {
    //here you set all the style parameters
    'width': '90%',
//  'height': '0px',
    'background-color': '#fafafa',
    'border' : '3px solid #ccc',
    'padding': '20px',
    'display': 'block',
    'text-align': 'left'
    }//styles
    });//new


  newElementVar.inject($(parentid));

  slideCBI[parentid] = new Fx.Slide (newElementVar, {
      mode: 'vertical',
      link: 'chain',
      transition: 'sine:in',
      duration: 300 //,
//      complete:alert('complete '+parentid+' height:'+this.get('height'))
//      onToggle:alert(' toggle '+parentid)
      }
   ).hide();

   var req = new Request.HTML({
        method: 'get',
           url: '/cgi-bin/e.cgi?ajax=ajax&eid='+parentid.substring(1),
        update: $('cbinformation'+parentid),
    onComplete: function(html) {
//              $('loading').setStyle('display', 'none'); //Hides the loading image
                
                slideCBI[parentid].slideIn();
                }
   }).send();
}


