$(document).ready(function(){

var btrig=false;
var imgbuf=false;

	$('.clicker').live('click', function(){
//		alert("attention!");
//		alert($('#mainshow').height());
//		$(location).attr('href',"http://yellowbeetle.ds/portfolio/sssd");
//		window.location.href='http://yellowbeetle.ds/portfolio/sss';
	});

	// Операции с инициализацией галереи
	$('.black').ready(function(e){
	// Медленно окрасим фон в почти черный
	  $(".black").delay(800).animate({
		    backgroundColor: "#111111"
		}, 800, 'linear' , function() {
			//
			// А еще сделаем боковые столбы высоты как главная картинка
			//$(".popcol").height($('#mainshow').height());
		});

		// И еще превьюшки
	  $(".items img").delay(800).animate({
		    opacity: '0.4'
		}, 800, 'linear' , function() {
			//
			$(".items img.active").css('opacity', '1');
		});
		// Уберем тулбар
		var tbwith=$(".toolbar").width();
		$(".toolbar").delay(800).animate({
			left: '-'+tbwith+'px' }, 800, 'linear'
		);
		//
			if (window.location.hash==="")
			{
				// Запустим первый элемент того, что загрузилось
				select_thumb($('.items').find("li:eq(0)").find('img'));
			}
			else
			{
				// Значит нам надо загрузить именно ту галерейку, а может еще и картинку, которую у нас просят
				var strha=window.location.hash;
				if (strha.indexOf('/image_') > -1)
				{
					// У нас галерея плюс картинка внутри
					var strha_g=strha.substr(1, strha.indexOf('/image_')-1);
					var strha_img=strha.substr(strha.indexOf('/image_')+1);
//					alert(strha_g+' и отдельно '+strha_img);
					if (strha_g.length>0)
					{
						// Нам надо сначала загрузить галерейку, а потом еще картинку
						imgbuf=strha_img;
						$("[href='"+strha_g+"']").click();
					}
					else
					{
						// в хэше только картинка!
						select_thumb($('.items').find("li").find('#'+strha_img));
					}
				}
				else
				{
					// У нас просто галерея
					var strha_g=strha.substr(1);	// Уберем решоточку
					$("[href='"+strha_g+"']").click();
				}
			}
		//
		// Запустим первый элемент того, что загрузилось
		//select_thumb($('.items').find("li:eq(0)").find('img'));
		e.preventDefault();
	});

	// Меняем opacity при наведении на превьюшки
	$(".items img").live('hover', function(e){
	/*
	  $(this).animate({
			opacity: '1'
		}, 300, 'linear');
	*/
		if ($(this).hasClass("active")) { return; }
		$(this).delay(500).css('opacity', '1');
		e.preventDefault();
	});

	// И возвращаем назад при отступлении opacity при наведении на превьюшки
	$(".items img").live('mouseleave', function(e){
	/*
	  $(this).animate({
			opacity: '0.4'
		}, 300, 'linear');
	*/
		if ($(this).hasClass("active")) { return; }
		$(this).delay(500).css('opacity', '0.4');
		e.preventDefault();
	});

	// Выдвенем тулбар
	$(".bartrigger").live('hover', function(e){
		btrig=true;
		var bar = $(this).children('.toolbar');
		bar.stop();
//		if (bar.hasClass('proceed')) { return; }
//		bar.toggleClass('proceed', true);
		window.setTimeout(function()
		{
			if (btrig)
			{
				bar.animate({
					left: '0px' }, 400, 'swing', function(e) {
		//				bar.delay(800).removeClass('proceed');
					}
				);
			}
			else
			{
				return;
			}
		}, 300);
		e.preventDefault();
	});
	
	// Уберем тулбар
	$(".bartrigger").live('mouseleave', function(e){
		btrig=false;
		var bar = $(this).children('.toolbar');
		var tbwith=bar.width();
		bar.stop();
//		if (bar.hasClass('proceed')) { return; }
//		bar.toggleClass('proceed', true);
		window.setTimeout(function()
		{
			bar.animate({
				left: '-'+tbwith+'px' }, 400, 'swing', function() {
//					bar.delay(800).removeClass('proceed');
				}
			);
		}, 300);
		e.preventDefault();
	});

/* 
	Этот удивительный аккордеон я посвящаю своему другу художнику-авангардисту Илье Байдаку.

	Мсье Бурма, Мурманск, 2011 год.
*/

	// Покажем скрытый слой
	$('.accord').live('click', function(e){
		var abox = $(this).parent().children('.aboxed');	// Это наш объект, мы с ним будем работать
		var aroot = $(this).parent().parent();	// Папашка
		if (abox.hasClass('open'))
		{
			// Батеньки, да на нас уже кто-то до этого нажал!
			// Тут мы посупаем необычно - мы сворачиваем себя!
			if (abox.hasClass('soft'))
			{
				// Плавно
				var che=abox.height();	//Наша высота
				abox.animate({
					height: '0px'
				}, 300, 'linear', function() {
					// по окончании представления вернем высоту и сделаем дисплейнон
					abox.css('display', 'none');
				  abox.css('height', 'auto');
				});
			}
			else
			{
				// Грубо
				abox.css('display', 'none');
			}
			abox.parent().children('a').removeClass('active');
			abox.removeClass('open');
			e.preventDefault();
			return;
		}
		// Уничтожим конкурентов
		var conk=aroot.find('.open');
		if (conk.hasClass('soft'))
		{
			// Плавно
			var che=conk.height();	//Наша высота
			// Анимируем исчезновение
			conk.animate({
				height: '0px'
			}, 300, 'linear', function() {
				// по окончании представления вернем высоту и сделаем дисплейнон
				conk.css('display', 'none');
			  conk.css('height', 'auto');
			});
		}
		else
		{
			conk.css('display', 'none');
		}
		conk.parent().children('a').removeClass('active');
		conk.removeClass('open');
		// Исправим себя
		abox.toggleClass('open', 'true');
		if (abox.hasClass('soft'))
		{
			// Значит, нам надо выдвинуть слой плавно
			var nhe=abox.height();	// Наша высота
			abox.css('display', 'block');	// Изменяем класс
			abox.css('height', '0px');	// Исправляем высоту до нуля
			//и анимируем появление
			abox.animate({
				height: nhe+'px'
			}, 300, 'linear', function(){
				abox.css('height', 'auto');
			});
			
		}
		else
		{
			abox.css('display', 'block');	// Можно просто изменить класс
		}
		abox.parent().children('a').toggleClass('active', true);
		e.preventDefault();
	});

	/* Вот и весь аккордеон, */

	/* Отработаем ссылку в тулбаре */
	$('.toolbar ul li a').live('click', function(e){
		$(this).parent().parent().children('li').children('a').removeClass('active');	// Уничтожим конкурентов
		$(this).toggleClass('active', true);	// Обозначимся
		ajaxgal('.itemswrapper .items', '/ajax/img_list.php', 'GET', 'object_key='+$(this).attr('href'), imgbuf);
//		ajaxgal('.itemswrapper .items', '/ajax/img_list.php', 'GET', 'object_key='+$(this).attr('href'));
		imgbuf=false;
		window.location.hash="#"+$(this).attr('href');
		e.preventDefault();
	});

//	Jqery tools

  /* Модуль С Большим Изображением И пятью картинками */
  $("div.thumbnailer .nav ul").tabs(".superthumb > img", {effect: 'fade', fadeOutSpeed: 400, rotate: true}).slideshow({autoplay: true, interval: 4000});


  $(".scrollable").scrollable({mousewheel: true});

	// Счелкнули по тумбу
  $(".items img").live('click', function(e) {
    select_thumb($(this));
		e.preventDefault();
  });

	//Счелкнули по ссылке
  $(".items a").live('click', function(e) {
    select_thumb($(this).children('img'));
		e.preventDefault();
  });


  $(".imgwrap").live('click', function(e) {
		if ($('.items .active').parent().attr("href"))
		{
			// Мы обернуты в а
	    var cnt=$('.items .active').parent().parent().index();
		}
		else
		{
	    var cnt=$('.items .active').parent().index();
		}
    cnt++;
    select_thumb($('.items').find("li:eq("+cnt+")").find('img'));
  });

  $('.scrollable').live('onSeek', function(e) {
		$(".items img.active").delay(500).css('opacity', '1');
  });


});

function ajaxgal(clss, //контейнер
    url, //полный путь к скрипту-обаботчику
    type, //тип запроса - "POST" или "GET"
    data, //передаваемые в запросе данные
		t_image	// target_image
//    data //передаваемые в запросе данные
)
{
  var str = "";
  str = data;
  $.ajax({
    url: url,
    type: type,
    data: str,
    success: function(response){
      $(clss).html(response);
//      $(".autodestroy").delay(2800).fadeOut('slow');
		  $(".items img").delay(80).animate({
			    opacity: '0.4'
			}, 800, 'linear' , function() {
				// Посмотрим в хэш!
//				var strha=window.location.hash;
//				var strha_img=strha.substr(strha.indexOf('/image_')+1);
//				if ((strha.indexOf('/image_') > -1)&&($('.items').find("li").find('#'+strha_img)))
//				if ((strha.indexOf('/image_') > -1)&&($('.items').find("li").find('#'+strha.substr(strha.indexOf('/image_')+1))))
//				alert (strha);
				if ((t_image)&&((t_image.indexOf('image_') > -1)))
				{
//					alert (t_image);
					// Нам передали таргет имадж!
					// Запустим картинку из хэша
					select_thumb($('.items').find("li").find('#'+t_image));
				}
				else
				{
					// Запустим первый элемент
					select_thumb($('.items').find("li:eq(0)").find('img'));
				}
			});
    }
  });
}

function ajaxaction(clss, //контейнер
    url, //полный путь к скрипту-обаботчику
    type, //тип запроса - "POST" или "GET"
    data //передаваемые в запросе данные
)
{
  var str = "";
  str = data;
  $.ajax({
    url: url,
    type: type,
    data: str,
    success: function(response){
      $(clss).html(response);
    }
  });
}

  function select_thumb(image)
  {
//    alert('imrun!');
    // see if same thumb is being clicked
    if (image.hasClass("active")) { return; }
		if (image.parent().hasClass('video'))
		{
			// Мы имеем дело с видео
	    var cnt=image.parent().parent().index();
			ajaxaction('.imgwrap', '/ajax/video.html', 'GET', 'data_key='+$(this).attr('href'));
		}
		else
		{
			$('.vframe').remove();	// Удалим видео-див
			// У нас картинка
			if (image.parent().attr("href"))	// Если картика обернута в a, то все должно получится
			{
				var url = image.parent().attr("href");
			}
			else	// Сконструируем путь до большой картинки сами
			{
		    var url = image.attr("src").replace("preview", "");
			}
    	var wrap = $('#mainshow').parent();//.fadeTo("medium", 0.5);
  	  var img = new Image();
			if (image.parent().attr("href"))
			{
		    var cnt=image.parent().parent().index();
			}
			else
			{
		    var cnt=image.parent().index();
			}
    	img.src = url;
  	  // call this function after it's loaded
	    img.onload = function() {
      	// make wrapper fully visible
    	  wrap.delay(500).fadeTo("fast", 1);
  	    // change the image
	      wrap.find("img").attr("src", url);
    	};
		}
 	  // activate item
    $(".items img").css('opacity', '0.4');
   	image.delay(500).css('opacity', '1');
 	  $(".items img").removeClass("active");
    image.addClass("active");
		$('.scrollable').data('scrollable').seekTo(cnt);

		// Поменяем hash
		var strha=window.location.hash
		if (strha.indexOf('/image_') > -1)
		{
			window.location.hash=strha.substr(1, strha.indexOf('/image_')-1)+"/"+image.attr('id');
		}
		else
		{
			// По каким то причинам hush не содержит предыдущую картинку
			window.location.hash+="/"+image.attr('id');
		}
  }

/* Social Share */
function share( el ) {
	if ( el.tagName.toLowerCase() != 'a' )
	{
		return;
	}
	var p = {
		w : 600,
		h : 380,
		l : ( this.w - 600 ) / 2,
		t : ( this.h - 400 ) / 2
	};
	if ( p.l < 0 || p.t < 0 ) {
		p.l = p.t = 0;
	}
	var w = window.open( '', 'Share', 'top='+p.t+',left='+p.l+',width='+p.w+',height='+p.h );
	w.document.write( 'Loading...' );
	//w.location.href = el.href;
	w.location.href = el.href+encodeURIComponent(window.location.hash);
	//w.location.href = el.href+window.location.hash;
}