$(document).ready(function(){

	$("#login").bind("click",function(){
	
		if ($("#login-prompt").css("display") == 'none') {$("#login-prompt").css({display:"block"})}
		else {$("#login-prompt").css({display:"none"})}
	});
	
	$('.l-block').hover(function() {
		$(this).addClass('l-block-active');
		$(this).parent('.main-contener').children('.r-block').addClass('r-block-dis');
	}, 
	function(){
		$(this).removeClass('l-block-active');
		$(this).parent('.main-contener').children('.r-block').removeClass('r-block-dis');
	});
	
	$('.r-block').hover(function() {
		$(this).addClass('r-block-active');
		$(this).parent('.main-contener').children('.l-block').addClass('l-block-dis');
	}, 
	function(){
		$(this).removeClass('r-block-active');
		$(this).parent('.main-contener').children('.l-block').removeClass('l-block-dis');
	});
	$('.menu-block-c').mouseover(function() {
		$(this).parents('.menu-panel').find('.menu-block-b').hide();
		$(this).parents('.menu-panel').find('.menu-block').css('z-index', '1');
		$(this).parent('.menu-block').css('z-index', '2');
		$(this).parent('.menu-block').children('.menu-block-b').show();
		$(this).parent('.menu-block').children('.menu-block-b-cls').show();
    $(this).parent('.menu-block').children('.menu-block-b').css('cursor', 'pointer');
    $(this).parent('.menu-block').children('.menu-block-b').click(function(){
      document.location = $(this).attr('rel');
    });
	}); 
	$('.menu-block-b-cls').mouseover(function() {
		$(this).parent('.menu-block').css('z-index', '1');
		$(this).parent('.menu-block').children('.menu-block-b').hide();
		$(this).hide();
	});
	
	$('.subm-feed-back-dis').mousedown(function() {
		$(this).addClass('subm-feed-back-press');
	});
	
	$('.subm-feed-back-dis').mouseup(function() {
		$(this).removeClass('subm-feed-back-press');
	});
	
	$('.btn-buy').hover(function() {
		$(this).addClass('btn-buy-hover');
	}, 
	function(){
		$(this).removeClass('btn-buy-hover');
	});
	$('.btn-buy').mousedown(function() {
		$(this).addClass('btn-buy-active');
	});
	$('.btn-buy').mouseup(function() {
		$(this).removeClass('btn-buy-active');
	});
	
	$('.btn-demo').hover(function() {
		$(this).addClass('btn-demo-hover');
	}, 
	function(){
		$(this).removeClass('btn-demo-hover');
	});
	$('.btn-demo').mousedown(function() {
		$(this).addClass('btn-demo-press');
	});
	$('.btn-demo').mouseup(function() {
		$(this).removeClass('btn-demo-press');
	});
	
	$('.feedback').click(function () {
	  $(this).parents('body').find('.ask-block').hide();
	  $(this).parents('body').find('.question-closer-block').hide();
      $(this).parent('.footer-block').children('.feed-block').toggle();
	  $(this).parent('.footer-block').children('.feedback-closer-block').toggle();
	  return false;
    });
	$('a.feedback-close').click(function() {  
	$(this).parents('.footer-block').children('.feed-block').hide();
	$(this).parents('.footer-block').children('.feedback-closer-block').hide();
	return false;
    });
	$('.feedback-closer-block').click(function() {  
	$(this).parents('.footer-block').children('.feed-block').hide();
	$(this).hide();
	return false;
    });
	
	$('.question-link').click(function () {
	  $(this).parents('body').find('.feed-block').hide();
	  $(this).parents('body').find('.feedback-closer-block').hide();
      $(this).parent('.ask-question').children('.ask-block').toggle();
	  $(this).parents('.quest').children('.question-closer-block').toggle();
	  return false;
    });
	$('a.feedback-close').click(function() {  
	$(this).parents('.quest').children('.question-closer-block').hide();
	$(this).parents('.ask-question').children('.ask-block').hide();
	
	return false;
    });
	$('.question-closer-block').click(function() {  
	$(this).parents('.quest').find('.ask-block').hide();
	$(this).hide();
	return false;
    });
	
	$('.screen-block-1 a.screen-block-link').click(function() {  
	$(this).parents('.scr-b').children('.scr-1-b').show();
	$(this).parents('.scr-b').children('.scr-b-cls').show();
	return false;
    });
	$('.screen-block-2 a.screen-block-link').click(function() {  
	$(this).parents('.scr-b').children('.scr-2-b').show();
	$(this).parents('.scr-b').children('.scr-b-cls').show();
	return false;
    });
	$('.screen-block-3 a.screen-block-link').click(function() {  
	$(this).parents('.scr-b').children('.scr-3-b').show();
	$(this).parents('.scr-b').children('.scr-b-cls').show();
	return false;
    });
	$('.scr-1-b').click(function() {  
	$(this).parents('.scr-b').children('.scr-b-cls').hide();
	$(this).parents('.scr-b').children('.scr-2-b').hide();
	$(this).parents('.scr-b').children('.scr-3-b').hide();
	$(this).hide();
	return false;
    });
	$('.scr-2-b').click(function() {  
	$(this).parents('.scr-b').children('.scr-b-cls').hide();
	$(this).parents('.scr-b').children('.scr-1-b').hide();
	$(this).parents('.scr-b').children('.scr-3-b').hide();
	$(this).hide();
	return false;
    });
	$('.scr-3-b').click(function() {  
	$(this).parents('.scr-b').children('.scr-b-cls').hide();
	$(this).parents('.scr-b').children('.scr-2-b').hide();
	$(this).parents('.scr-b').children('.scr-1-b').hide();
	$(this).hide();
	return false;
    });
	$('.scr-b-cls').click(function() {  
	$(this).parents('.scr-b').children('.scr-1-b').hide();
	$(this).parents('.scr-b').children('.scr-2-b').hide();
	$(this).parents('.scr-b').children('.scr-3-b').hide();
	$(this).hide();
	return false;
    });

  $('.buy h2 a.dds').click(
    function(e) {
      if(!$(this).hasClass('opn')) {
        $(this).parents('.buy').find('.strs').hide('slow');
        $(this).parents('.buy').find('a.dds').removeClass('opn');
        $(this).parents('h2').next('.strs').show('slow');
        $(this).addClass('opn');
      } else {
        $(this).parents('h2').next('.strs').hide('slow');
        $(this).removeClass('opn');
      }
      e.preventDefault();
    }
    
	);
	
	$('.buy h2 a.opn').click(
	  function (e) {
      if($(this).hasClass('opn')) {
        $(this).parents('h2').next('.scr-b').hide('slow');
        $(this).removeClass('opn');
      } else {
        $(this).parents('.buy').find('.strs').hide('slow');
        $(this).parents('.buy').find('a.dds').removeClass('opn');
        $(this).parents('h2').next('.scr-b').show('slow');
        $(this).addClass('opn');
      }
      e.preventDefault();
	  }
		  
	);
	
	$('a.scrin-linker').click(function () {
		var link = this
	   $(this).parents('.buy').find('.strs').hide('slow');
       $(this).parents('.buy').find('a.dds').removeClass('opn');
      $(this).parents('.buy').find('.scr-b').show('slow', function() {
		window.location.href = link.href;
	  });
	  $(this).parents('.buy').find('a.scrnik').addClass('opn');
	  return false;
    });
		
  /*inner-slide*/
	$('.l-block a.btn-link').click(function(){
		
		$(this).parents('.main-cont').css('width', $(this).parents('.main-cont').width() + 'px');
		$(this).parents('.main-cont').css('position', 'absolute');
      $(this).parents('.main-cont').animate({ 
        left: '120%',
		top: '0'
      }, 800 );
	  $(this).parents('.slide-contener').children('.buy-s').animate({ 
        right: '0',
		top: '0'
      }, 800 );
	  $(this).parents('.slide-contener').children('.buy-s').css('position', 'relative');
	  $(this).parents('#container').find('a.buy-head').hide();
	  $(this).parents('#container').find('span.home').hide();
	  $(this).parents('#container').find('a.home').show();
	  $(this).parents('#container').find('span.logo').hide();
	  $(this).parents('#container').find('a.logo').show();
	  $(this).parents('#container').find('span.buy-head').show();
	  $(this).parents('.slide-contener').children('.buy-s').css('width', 'auto');
	  
    });
  $('.arow-to-left').click(function(){
		$(this).parents('.demo-s').css('width', $(this).parents('.demo-s').width() + 'px');
		$(this).parents('.demo-s').css('position', 'absolute');
		$(this).parents('#container').find('.main-cont').css('left', 'auto');
		$(this).parents('#container').find('.main-cont').css('right', '120%');
      $(this).parents('.demo-s').animate({
        left: '120%',
		top: '0'
      }, 800 );
	  $(this).parents('.slide-contener').children('.main-cont').animate({
        right: '0',
		top: '0'
      }, 800 );
	  $(this).parents('.slide-contener').children('.main-cont').css('position', 'relative');
	  $(this).parents('.slide-contener').children('.main-cont').css('width', 'auto');
	  $(this).parents('#container').find('a.demo-head').show();
	  $(this).parents('#container').find('span.demo-head').hide();
	  $(this).parents('#container').find('span.home').show();
	  $(this).parents('#container').find('a.home').hide();
	  $(this).parents('#container').find('span.logo').show();
	  $(this).parents('#container').find('a.logo').hide();
	  
    });
	$('a.home').click(function(){
	
	if ($(this).parents('#container').find('.demo-s').css('position') == 'relative') {
		$(this).parents('#container').find('.demo-s').css('width', $(this).parents('#container').find('.demo-s').width() + 'px');
		$(this).parents('#container').find('.demo-s').css('position', 'absolute');
		$(this).parents('#container').find('.main-cont').css('left', 'auto');
		$(this).parents('#container').find('.main-cont').css('right', '120%');
      $(this).parents('#container').find('.demo-s').animate({
        left: '120%',
		top: '0'
      }, 800 );
	  $(this).parents('#container').find('.main-cont').animate({
        right: '0',
		top: '0'
      }, 800 );
	  $(this).parents('#container').find('.main-cont').css('position', 'relative');
	  $(this).parents('#container').find('.main-cont').css('width', 'auto');
	  $(this).parents('#container').find('a.demo-head').show();
	  $(this).parents('#container').find('span.demo-head').hide();
	  } else {
	  $(this).parents('#container').find('.buy-s').css('width', $(this).parents('#container').find('.buy-s').width() + 'px');
		$(this).parents('#container').find('.buy-s').css('position', 'absolute');
		
      $(this).parents('#container').find('.buy-s').animate({ 
        right: '120%',
		top: '0'
      }, 800 );
	  $(this).parents('#container').find('.main-cont').animate({ 
        left: '0',
		top: '0'
      }, 800 );
	  $(this).parents('#container').find('.main-cont').css('position', 'relative');
	  $(this).parents('#container').find('.main-cont').css('width', 'auto');
	  $(this).parents('#container').find('a.buy-head').show();
	  $(this).parents('#container').find('span.buy-head').hide();
	  }
	  $(this).parents('#container').find('span.home').show();
	  $(this).parents('#container').find('a.home').hide();
	  $(this).parents('#container').find('span.logo').show();
	  $(this).parents('#container').find('a.logo').hide();
	  
    });
	$('a.logo').click(function(){
	
	if ($(this).parents('#container').find('.demo-s').css('position') == 'relative') {
		$(this).parents('#container').find('.demo-s').css('width', $(this).parents('#container').find('.demo-s').width() + 'px');
		$(this).parents('#container').find('.demo-s').css('position', 'absolute');
		$(this).parents('#container').find('.main-cont').css('left', 'auto');
		$(this).parents('#container').find('.main-cont').css('right', '120%');
      $(this).parents('#container').find('.demo-s').animate({
        left: '120%',
		top: '0'
      }, 800 );
	  $(this).parents('#container').find('.main-cont').animate({
        right: '0',
		top: '0'
      }, 800 );
	  $(this).parents('#container').find('.main-cont').css('position', 'relative');
	  $(this).parents('#container').find('.main-cont').css('width', 'auto');
	  $(this).parents('#container').find('a.demo-head').show();
	  $(this).parents('#container').find('span.demo-head').hide();
	  } else {
	  $(this).parents('#container').find('.buy-s').css('width', $(this).parents('#container').find('.buy-s').width() + 'px');
		$(this).parents('#container').find('.buy-s').css('position', 'absolute');
		
      $(this).parents('#container').find('.buy-s').animate({ 
        right: '120%',
		top: '0'
      }, 800 );
	  $(this).parents('#container').find('.main-cont').animate({ 
        left: '0',
		top: '0'
      }, 800 );
	  $(this).parents('#container').find('.main-cont').css('position', 'relative');
	  $(this).parents('#container').find('.main-cont').css('width', 'auto');
	  $(this).parents('#container').find('a.buy-head').show();
	  $(this).parents('#container').find('span.buy-head').hide();
	  }
	  $(this).parents('#container').find('span.home').show();
	  $(this).parents('#container').find('a.home').hide();
	  $(this).parents('#container').find('span.logo').show();
	  $(this).parents('#container').find('a.logo').hide();
	  
    });
	$('.arow-to-right').click(function(){
		$(this).parents('.buy-s').css('width', $(this).parents('.buy-s').width() + 'px');
		$(this).parents('.buy-s').css('position', 'absolute');
		
      $(this).parents('.buy-s').animate({ 
        right: '120%',
		top: '0'
      }, 800 );
	  $(this).parents('.slide-contener').children('.main-cont').animate({ 
        left: '0',
		top: '0'
      }, 800 );
	  $(this).parents('.slide-contener').children('.main-cont').css('position', 'relative');
	  $(this).parents('.slide-contener').children('.main-cont').css('width', 'auto');
	  $(this).parents('#container').find('a.buy-head').show();
	  $(this).parents('#container').find('span.buy-head').hide();
	  $(this).parents('#container').find('span.home').show();
	  $(this).parents('#container').find('a.home').hide();
	  $(this).parents('#container').find('span.logo').show();
	  $(this).parents('#container').find('a.logo').hide();
	  
    });
	$('.r-block a.btn-link').click(function(){
		$(this).parents('.main-cont').css('width', $(this).parents('.main-cont').width() + 'px');
		$(this).parents('.main-cont').css('position', 'absolute');
		$(this).parents('.main-cont').css('left', 'auto');
      $(this).parents('.main-cont').animate({ 
        right: '120%',
		top: '0'
      }, 800 );
	  $(this).parents('.slide-contener').children('.demo-s').animate({ 
        left: '0',
		top: '0'
      }, 800 );
	  $(this).parents('.slide-contener').children('.demo-s').css('position', 'relative');
	  $(this).parents('.slide-contener').children('.demo-s').css('width', 'auto');
	  $(this).parents('#container').find('span.home').hide();
	  $(this).parents('#container').find('a.home').show();
	  $(this).parents('#container').find('span.logo').hide();
	  $(this).parents('#container').find('a.logo').show();
	  $(this).parents('#container').find('a.demo-head').hide();
	  $(this).parents('#container').find('span.demo-head').show();
	  
    });
	
	
	/*inner-slide*/
	/*global-slide*/
	$('a.buy-head').click(function(){
	disable_all();
		$(this).parents('#container').find('.main-cont').css('width', $(this).parents('#container').find('.main-cont').width() + 'px');
		$(this).parents('#container').find('.main-cont').css('position', 'absolute');
		if ($(this).parents('#container').find('.demo-s').css('position') == 'relative') {
	  $(this).parents('#container').find('.demo-s').css('width', $(this).parents('#container').find('.demo-s').width() + 'px');
		$(this).parents('#container').find('a.demo-head').show();
		$(this).parents('#container').find('span.demo-head').hide();
		$(this).parents('#container').find('.demo-s').css('position', 'absolute');
		$(this).parents('#container').find('.demo-s').css('left', 'auto');
		$(this).parents('#container').find('.main-cont').css('right', 'auto');
		$(this).parents('#container').find('.main-cont').css('left', '-120%');
		$(this).parents('#container').find('.buy-s').css('right', '240%');
		  $(this).parents('#container').find('.demo-s').animate({ 
			left: '240%',
			top: '0'
		  }, 400 );
		  $(this).parents('#container').find('.main-cont').animate({ 
        left: '120%',
		top: '0'
      }, 800 );
	  } else {
		$(this).parents('#container').find('.main-cont').animate({ 
        left: '120%',
		top: '0'
      }, 800 );
	  }
      
	  $(this).parents('#container').find('.buy-s').animate({ 
        right: '0',
		top: '0'
      }, 800, function(){disable_all()} );
	  $(this).parents('#container').find('.buy-s').css('position', 'relative');
	  $(this).parents('#container').find('.buy-s').css('width', 'auto');
	  $(this).parents('#container').find('span.home').hide();
	  $(this).parents('#container').find('a.home').show();
	  $(this).parents('#container').find('span.logo').hide();
	  $(this).parents('#container').find('a.logo').show();
	  $(this).hide();
	  $(this).parents('#container').find('span.buy-head').show();
	  
    });
	$('a.demo-head').click(function(){
	disable_all();
		$(this).parents('#container').find('.main-cont').css('width', $(this).parents('#container').find('.main-cont').width() + 'px');
		$(this).parents('#container').find('.main-cont').css('position', 'absolute');
		if ($(this).parents('#container').find('.buy-s').css('position') == 'relative') {
	  $(this).parents('#container').find('.buy-s').css('width', $(this).parents('#container').find('.buy-s').width() + 'px');
	  $(this).parents('#container').find('a.buy-head').show();
	  $(this).parents('#container').find('span.buy-head').hide();
	  $(this).parents('#container').find('.buy-s').css('position', 'absolute');
	  $(this).parents('#container').find('.main-cont').css('left', '120%');
	  $(this).parents('#container').find('.main-cont').css('right', 'auto');
	  $(this).parents('#container').find('.buy-s').css('left', 'auto');
	  $(this).parents('#container').find('.main-cont').animate({ 
			left: '-120%',
			top: '0'
		  }, 800);
		  $(this).parents('#container').find('.buy-s').animate({ 
			right: '120%',
			top: '0'
		  }, 400 );
		 $(this).parents('#container').find('.demo-s').css('left', '200%'); 
	  } else {
	  $(this).parents('#container').find('.main-cont').css('left', 'auto');
      $(this).parents('#container').find('.main-cont').animate({ 
        right: '120%',
		top: '0'
      }, 800 );
	  }
	  $(this).parents('#container').find('.demo-s').animate({ 
        left: '0',
		top: '0'
      }, 800, function(){disable_all()});
	  
	  $(this).parents('#container').find('.demo-s').css('position', 'relative');
	  $(this).parents('#container').find('.demo-s').css('width', 'auto');
	  $(this).parents('#container').find('span.home').hide();
	  $(this).parents('#container').find('a.home').show();
	  $(this).parents('#container').find('span.logo').hide();
	  $(this).parents('#container').find('a.logo').show();
	  $(this).hide();
	  $(this).parents('#container').find('span.demo-head').show();
	 
	  
    });
	/*global-slide*/
	
		/*quest*/	$('.buy-block a').click(function() {    var id = $(this).attr('rel');    a = $(this);    $.ajax({        type: "POST",        url: VOTE_URL,        data: 'poll_id=' + id,        success: function(){          $(a).parents('.poll').hide('slow');        }      });      return false;    });

    var loc = document.location.toString();
    if (loc.match('#')) {
      var anchor = loc.split('#')[1];
      //var current_state = 'demo';
      switch(anchor) {
        case 'purchase':
          $('.l-block a.btn-link').click();
        break;
        case 'demo':
          $('.r-block a.btn-link').click();
        break;
		//case 'main':
        //  if (current_state == 'demo') $('.arow-to-left').click();
        //break;
      }
    
    }

    $('.btn-demo').click(function(){
      $(this).siblings('span').text('Ждите ...');
      $(this).siblings('span').removeClass('wrong');
      var email = $.trim($(this).siblings('input[name="email"]').val());
      var btn = $(this);
      $.ajax({
        type: "POST",
        url: DEMO_URL,
        data: 'role=' + $('.demo-label-block input[name="role"]:checked').val() + '&email=' + email,
        success: function(data) {
          window.location = data;
        },
        error: function(xhr){
          btn.siblings('span').addClass('wrong');
          if (xhr.status == 403) {
            btn.siblings('span').text(xhr.responseText);
          } else {
            btn.siblings('span').text('К сожалению сервер не доступен');
          }
        }
      });
      return false;
    
    });
    $('.btn-buy').click(function(){
      $(this).siblings('span').text('Ждите ...');
      $(this).siblings('span').removeClass('wrong');
      var email = $.trim($(this).siblings('input[name="email"]').val());
      var btn = $(this);
      $.ajax({
        type: "POST",
        url: 'feedback/wantspam',
        data: 'email=' + email,
        success: function() {
          btn.parents('.demo-block').hide('slow');
        },
        error: function(xhr){
          btn.siblings('span').addClass('wrong');
          if (xhr.status == 403) {
            btn.siblings('span').text(xhr.responseText);
          } else {
            btn.siblings('span').text('К сожалению сервер не доступен');
          }
        }
      });
	  
	  return false;

    });


});

function disable_all() {

	if ($('.disable').css('display') == 'none') $('.disable').show()
	else $('.disable').hide();
}
function isValid(control) {
  var val = $.trim(control.val());
  if (val == '' || (control.attr('name') == 'email' && !isEmail(val))) {
    
    return false;
  }

  return true;
}
function isEmail(mail) {
  mail = mail.toLowerCase();
  return (mail.search(/^([a-z]+)([a-z0-9\-\_\.]{1,100})([a-z0-9]+)\@([a-z0-9]+)([a-z0-9\-\.]*)([a-z0-9]+)\.([a-z]{2,6})$/) != -1);
}
