var offerLinkPostsRequestURL = "http://localhost:8080/json.txt";
var VideoPostsRequestURL =  "http://localhost:8080/html.html";

function mpVideoFilter(response, object) {
	var html = '<p style="margin-bottom:10px">Созерцай манускрипты мудрости идущих впереди тебя.</p>' + response;
	object.set('html', html);
        $$('#mp-center-block .tabs-content div #new-vb-video-listing').setStyle('margin', '0');
        $$('#mp-center-block .tabs-content div .paginator').setStyle('height', '35');
        var pItems = $$('#new-vb-video-listing #posts li');
	$each(pItems, function(pItem, pIndex) {
		pItem.removeClass('hovered');
		pItem.setStyle('margin', '15px 5px');
		pItem.setStyle('background', '#fff');
		pItem.addEvent('mouseover', function() { 
			pItem.setStyle('background', '#f9f9f9');
		});
		pItem.addEvent('mouseout', function() { 
			pItem.setStyle('background', '#fff');
		});
	});
	var url = '';
	var filters = $$('.filter-btns>li');
	$each(filters, function(fItem, fIndex) {
		fItem.addEvent('click', function() {
			filters.removeClass('active');
			fItem.toggleClass('active');
			url = filters[fIndex].getElementsByTagName('a')[0].href;
			var myRequest = new Request({method: 'get', url: url, onComplete: function(responseHTML){mpVideoFilter(responseHTML, object)}}).send();
			return false;
		});
	
	});
}

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

	// animate center block
	if($('mp-center-block')) {
		// tabs
		var userTypesTabs = $$('#mp-center-block .mp-center-block-tabs li');
		var userTypesContent = $$('#mp-center-block .tabs-content > div');
		$each(userTypesTabs, function(item, index) {
			item.addEvent('mouseover', function() { 
				this.addClass('hovered');
			});
			item.addEvent('mouseout', function() { 
				this.removeClass('hovered');
			});
			item.addEvent('click', function() {
				this.removeClass('hovered');
				if(item.hasClass('current')) {
					userTypesTabs.removeClass('current');
					userTypesContent.addClass('no-display');
				} else {
					userTypesTabs.removeClass('current');
					this.addClass('current');
					userTypesContent.addClass('no-display');
					userTypesContent[index].removeClass('no-display');
					if (this.id && this.id == 'spectators') {
						if ($('mp-center-block')) {
//							$('mp-center-block').setStyle('background', '#fff');
						}
						var myRequest = new Request({method: 'get', url: VideoPostsRequestURL, onComplete: function(responseHTML) {
							mpVideoFilter(responseHTML, userTypesContent[index]);
						}}).send();
					} else {
						if ($('mp-center-block')) {
//							$('mp-center-block').setStyle('background', '#F9F8F2');
						}
					}
				}
			});
		});
		
		//rake warrior tabs and etc
		var rwTabs = $$('#rw-states>li');
		var rwTabsContent = $$('#rw-types-description>div');
		$each(rwTabs, function(item, index) {
			item.addEvent('click', function() {
				rwTabs.removeClass('current');
				this.toggleClass('current');
				
				rwTabsContent.addClass('no-display');
				rwTabsContent[index].removeClass('no-display');
				if($('for-vert-tabs')) {
					$$('#for-vert-tabs .for-vert-tabs').addClass('no-display');
					$$('#for-vert-tabs .for-vert-tabs')[index].removeClass('no-display');
				} 
			});
		});
		
		// outer links to tabs
		if(window.location.hash.split('-')[0] == '#tab') { 
			var firstTab = window.location.hash.split('-')[1].toInt() - 1;
			
			if(userTypesTabs[firstTab]) userTypesTabs[firstTab].addClass('current');
			if(userTypesContent[firstTab]) userTypesContent[firstTab].removeClass('no-display');			
			
			if(window.location.hash.split('-')[2]) {
				var secondTab = window.location.hash.split('-')[2].toInt() - 1;
				
				if(secondTab > 0 && secondTab < rwTabs.length) {
					rwTabs.removeClass('current');
					rwTabs[secondTab].addClass('current');
					
					rwTabsContent.addClass('no-display');
					rwTabsContent[secondTab].removeClass('no-display');
					if($('for-vert-tabs')) {
						$$('#for-vert-tabs .for-vert-tabs').addClass('no-display');
						$$('#for-vert-tabs .for-vert-tabs')[secondTab].removeClass('no-display');
					}
				}
			}
		}
	}
	
	
	// pokerrooms side listing
	if($('pokerrooms-side-list')) {
		
		var pokerroomsSideList = new Accordion($('pokerrooms-side-list'), 'div.pokerroom-toggler', 'div.pokerroom-description', {
			opacity: false,
			alwaysHide: true,
			onActive: function(toggler, element){
				toggler.addClass('opened');
			},
			onBackground: function(toggler, element){
				toggler.removeClass('opened');
			},
			display: null
		});
		
		$each($$('#pokerrooms-side-list .pokerroom-description .single-bonus'), function(item) {
			item.addEvent('mouseover', function(){
				this.addClass('hovered');
			});
			
			item.addEvent('mouseout', function(){
				this.removeClass('hovered');
			});
		});
		
	}
	
	
									 
	if($('type-your-login-here') && $('type-your-login-popup')) {
		$('type-your-login-here').addEvent('focus', function() {
			$('type-your-login-popup').setStyles({
					visibility : 'visible',
					opacity: 0
				});
			$('type-your-login-popup').fade(Browser.Engine.trident ? 'show' : 'in');
		});
		
		$('type-your-login-here').addEvent('blur', function() {
			$('type-your-login-popup').fade(Browser.Engine.trident ? 'hide' : 'out');
		});
	}
	
	if($('report-a-bug-area')) {
		$('report-a-bug-area').addEvent('mouseover', function() {
			$('report-a-bug-area').addClass('hovered');
		});
		
		$('report-a-bug-area').addEvent('mouseout', function() {
			$('report-a-bug-area').removeClass('hovered');
		});
	}
									 
	if($('accordion')) { 
	
		$$('.pr-accordion-toggler').addEvent('mouseover', function() {
			this.addClass('hover');
		});
		
		$$('.pr-accordion-toggler').addEvent('mouseout', function() {
			this.removeClass('hover');
		});
		
		var myAccordion = new Accordion($('accordion'), 'div.pr-accordion-toggler', 'div.pr-accordion-descr', {
			opacity: false,
			onActive: function(toggler, element){
				toggler.addClass('clicked');
			},
			onBackground: function(toggler, element){
				toggler.removeClass('clicked');
			},
			display: null
		});
		
	}
	
	if($('paysFrom')) new vlaDatePicker('paysFrom', { 
			separator: '.', 
			leadingZero: false, 
			twoDigitYear: true,
    		alignX: 'center', 
			alignY: 'bottom',
			offset: { y: 3 } 
		});
	
	if($('paysTill')) new vlaDatePicker('paysTill', { 
			separator: '.', 
			leadingZero: false, 
			twoDigitYear: true,
    		alignX: 'center', 
			alignY: 'bottom',
			offset: { y: 3 } 
		});

	if($('mainScroller') && $('contentScroller')) {
		var scr = new ScrollBar('mainScroller', 'contentScroller');
		var prevSelectedRoom = '';
		var rooms = $$('.roomsList a');
		$each(rooms, function(index, item) {
			rooms[item].addEvent('click', function(event) {
				event.stop();
				if(prevSelectedRoom != rooms[item].id) {
					rooms[item].addClass('current');
					$('descr' + rooms[item].id).addClass('current');
					if($(prevSelectedRoom)) $(prevSelectedRoom).removeClass('current');
					if($('descr' + prevSelectedRoom)) $('descr' + prevSelectedRoom).removeClass('current');
					prevSelectedRoom = rooms[item].id;
				}
			});
		});
		
		$('contentScroller').setStyles({
			overflow: 'hidden'
		});
	}

	if($('new-vb-video-listing') && $$('.new-vb-video-listing .new-vb-single')) {
		var posts = $$('.new-vb-video-listing .new-vb-single');
		$each(posts, function(item, index) {
			item.addEvent('mouseover', function() { 
				this.addClass('hovered');
			});
			item.addEvent('mouseout', function() { 
				this.removeClass('hovered');
			});
		});
	}

});

Tabs = new Class({
  initialize: function(tabs, pages) {
    this.tabs = tabs;
    this.pages = pages;
    
    this.assignEvents();
  },
  
  assignEvents: function() {
    this.tabs.addEvent('click', function(e) {
      e.stop();
      this.activate($(e.target))
    }.bind(this))
  },
  
  getPair: function(clue, what) {
    return this[what == "tab" ? "tabs" : "pages"][this[what == "tab" ? "pages" : "tabs"].indexOf(clue)]
  },
  
  activate: function(tab) {
    if (tab.get('tag') != 'li') tab = tab.getParent('li')
    var current = this.getPair(tab);
    this.pages.setStyle('display', 'none');
    this.tabs.removeClass('active');
    tab.addClass('active')
    current.fade('hide')
    current.setStyle('display', 'block');
    current.fade('in')
    
    return tab;
  }
});


PushingTabs = new Class({
  Extends: Tabs,
  
  initialize: function(content, tabs, pages) {
    this.content = content;
    this.parent(tabs, pages);
    this.activate(this.tabs.filter(function(el) { return el.hasClass('active')})[0], true)
  },
  
  activate: function(tab, force) {
    var o = tab
    if (tab.get('tag') != 'li') tab = tab.getParent('li')
    if (!force && tab.hasClass('active')) return;
    tab.addClass('active')
    var previous = this.pages.filter(function(el) { return el.hasClass('active')})[0]
    var current = this.getPair(tab);
    //this.content.setStyle('height', this.content.offsetHeight);
    if (previous != current) this.getPair(previous, 'tab').tween('border-color', '#fff');
    (function() {
      this.getPair(current, 'tab').tween('border-color', '#efefef')
    }).delay(1, this)
    
    previous.removeClass('active');
    previous.setStyle('display', 'none');
    
    
    
    current.setStyles({position: 'absolute', top: '-2000px', visibility: 'visible', display: 'block'});
    //this.content.tween('height', current.clientHeight)
    current.setStyles({position: 'static', top: 'auto', visibility: 'hidden', display: 'none'});
    arguments.callee._parent_.delay(1, this, tab)
    current.addClass('active');
  }
})

IGC.addEvent('load', function() {

  function offerLinkPostsRequest() {
    var jsonRequest = new Request.JSON({url: offerLinkPostsRequestURL, onComplete: function(items){
      var offerLinkPostsList = $('offer-posts');
      var postsList = '';
      for (var i=0, j=items.length; i<j; i++) {
        var url = items[i].url;
        var className = items[i].name;
        var title = items[i].title;
        postsList += '<li><a href="' + url + '"><span class="' + className + '"></span>' + title + '</a></li>';
      }
      offerLinkPostsList.set('html', postsList);
    }}).get();
  }

  function offerLinkArrow(nOpacity) {
    if (!$('b1jz41')) {
      var styleLeft = offerLink.offsetWidth / 2;
      var styles = 'opacity: 1; background: url(/images/small-top-white-arr.gif) bottom center no-repeat; width:10px; height:7px; position:absolute; bottom:0; left:' + styleLeft + 'px';
      var oldCode = offerLink.innerHTML;
      var newCode = oldCode + '<span id="b1jz41" style=" ' + styles + ' "></span>';
      offerLink.set('html', newCode);
    } else {
      $('b1jz41').set('opacity', nOpacity)
    }
  }

  function offerLinkBackground(n) {
    var color = (n==1) ? '#656565' : '#333';
    offerLink.setStyle('background-color', color);
  }

  function offerLayerToggle(e) {
    e.stop();
    if ((offerLayer.style.opacity == undefined) || (offerLayer.style.opacity == '')) {
      offerLayer.set('opacity', 0);
      offerLinkPostsRequest();
    }
    var ElOpacity = offerLayer.get('opacity');
    var nFade = (ElOpacity==1) ? 0 : 1;
    offerLinkBackground(nFade);
    offerLinkArrow(nFade);
    offerLayer.fade(nFade);
    offerLayer.fade(nFade);
  }

  if ($('gx7bt1wq3')) {
    var offerLayer = $('gx7bt1wq3');
    var offerLink = $('offer-to-blog');
    var offerLayerCloseLink = $('offer-layer-close');
    offerLink.addEvent('click', function(e) {offerLayerToggle(e)} );
    offerLayerCloseLink.addEvent('click', function(e) {offerLayerToggle(e)} );
  }

  var el = $('tabbed-guide');
  if (el) {
	  new PushingTabs(el.getElement('.slides'), el.getElements('.tabs li'), el.getElements('.slides li'));
  }
});