jQuery().ready(function(){

  $("a#bannerHoverLeft").mouseenter(function() {
    $(".centre_colum_white_top_left .slide-out-div").stop().animate({'marginLeft': "-1px"});
    $(".centre_colum_white_top_left .slide-out-div-in").stop().animate({'marginLeft': "-10px"});
  }).mouseleave(function(){
    $(".centre_colum_white_top_left .slide-out-div").stop().animate({'marginLeft': "-210px"});
    $(".centre_colum_white_top_left .slide-out-div-in").stop().animate({'marginLeft': "-40px"});
  });

  $("#bannerHoverRight").mouseenter(function() {
    $(".centre_colum_white_top_right .slide-out-div").animate({'marginLeft': "0px"});
    $(".centre_colum_white_top_right .slide-out-div-in").animate({'marginLeft': "10px"});
  }).mouseleave(function(){
    $(".centre_colum_white_top_right .slide-out-div").animate({'marginLeft': "210px"});
    $(".centre_colum_white_top_right .slide-out-div-in").animate({'marginLeft': "45px"});
  });

  $(".cabinet_title a.hide_block").click(function() {
      $("#personal_data").toggle();
      if($("#personal_data").is(":visible")) {
          $(this).find('span').text('скрыть');
          $.cookie('personal_data' , 'visible');
      } else {
          $(this).find('span').text('показать');
          $.cookie('personal_data' , 'hidden');   
      }
      return false
  });
  
    if($.cookie('personal_data') == 'hidden') {
        $("#personal_data").hide();
        $(".cabinet_title a").find('span').text('показать');
    } else {
        $("#personal_data").show();  
        $(".cabinet_title a").find('span').text('скрыть'); 
    }
    

});


var IE='\v'=='v';

if(!IE) {

	$(window).load(function(){
		$(".otzyv_logo img").fadeIn(500);
		
		$('.otzyv_logo img').each(function(){
			var el = $(this);
			el.css({"position":"absolute"}).wrap("<div class='img_wrapper' style='display: inline-block'>").clone().addClass('img_grayscale').css({"position":"absolute","z-index":"1","opacity":"0"}).insertBefore(el).queue(function(){
				var el = $(this);
			el.parent().css({"width":this.width,"height":this.height});
			//		el.parent().css({"width":"100px","height":"75px"});
				el.dequeue();
			});
			this.src = grayscale(this.src);
		});
		
		$('.otzyv_logo img').mouseover(function(){
			$(this).parent().find('img:first').stop().animate({opacity:1}, 1);
		})
		$('.img_grayscale').mouseout(function(){
			$(this).stop().animate({opacity:0}, 1);
		});		
	});
	
	function grayscale(src){
		var canvas = document.createElement('canvas');
		var ctx = canvas.getContext('2d');
		var imgObj = new Image();
		imgObj.src = src;
		canvas.width = imgObj.width;
		canvas.height = imgObj.height; 
		ctx.drawImage(imgObj, 0, 0); 
		var imgPixels = ctx.getImageData(0, 0, canvas.width, canvas.height);
		for(var y = 0; y < imgPixels.height; y++){
			for(var x = 0; x < imgPixels.width; x++){
				var i = (y * 4) * imgPixels.width + x * 4;
				var avg = (imgPixels.data[i] + imgPixels.data[i + 1] + imgPixels.data[i + 2]) / 3;
				imgPixels.data[i] = avg; 
				imgPixels.data[i + 1] = avg; 
				imgPixels.data[i + 2] = avg;
			}
		}
		ctx.putImageData(imgPixels, 0, 0, 0, 0, imgPixels.width, imgPixels.height);
		return canvas.toDataURL();
  }
}