jQuery(function ($) {
  var headShow = function () {
    $("#block-view-people-home:in-viewport").each(function(i,e) {
      $(".head.dormant").removeClass('dormant').addClass('looking');
      setTimeout(function () {
        $(".head.looking").removeClass('looking').animate({
          'left':-30
        },{
          duration: 500
        });
      }, 1000);
    });
  }
  
  $(".head").css({
    'left':-200
  }).addClass('dormant');
  
  $(window).scroll(function() {
    if ($(".head.dormant").length) {
      headShow();
    }
  });
  headShow();
  
  $(".head").click(function () {
    $(this).addClass('dormant').animate({
      'left':-200
    },{
      duration: 200
    });
  });
});;
(function ($) {

  var view = false;
  var viewName = false;
  var viewDisplay = false;

  Drupal.behaviors.noPager = {};
  Drupal.behaviors.noPager.attach = function (context) {
  }

  var currentView = function () {
    $('.view-display-id-page').each(function (i,e) {
      if (viewName != false) return;

      view = $(this);
      var viewClasses = view.attr("class").split(" ");
      for (var j = 0; j < viewClasses.length; j++) {
        var viewClass = viewClasses[j];
        if (viewClass.indexOf('view-id-') == 0) {
          viewName = viewClass.replace('view-id-', '');
        } else if (viewClass.indexOf('view-display-id-') == 0) {
          viewDisplay = viewClass.replace('view-display-id-', '');
        }
      }
    });
  }

  var loadNextPage = function (next, replace) {
    currentView();
    if (view != false) {
      next = parseInt(next);
      var pager = $('.pager', view);

      if (pager.hasClass('nopaginating')) {
        return;
      }
      pager.addClass('nopaginating');

      var hasMore = $('.pager-next', pager).length;
      var current = parseInt($(".pager-current", pager).html())-1;
      pager.html('Loading...');
      if (hasMore && current != next) {
        $.ajax({
          url: Drupal.settings.basePath+'views/ajax?view_name='+viewName+'&view_display_id='+viewDisplay+'&page='+next,
          success: function(content){
            var newView = $(content[1]['data']);
            if (replace) {
              view.html('');
            } else {
              pager.remove();
            }
            newView = newView.html();//"<div class='nopager nopager-page-"+next+"'>"+newView.html()+"</div>";
//            newView.hide();
//            newView = $(newView).hide();
            $(".views-row:last", view).after(newView);// view.append(newView);
//            newView.fadeIn(1000, 'easeInCubic');
            Drupal.attachBehaviors(view);
            window.location.hash = '#page='+next;
          }
        });
      } else {
        pager.html("You've read our entire blog. Come back next time for more.");
      }
    }
  }
  
  var scrollPager = function () {
    $(".active .view-display-id-page .pager:in-viewport").each(function(i,e) {
      var pager = $(this);
      if (pager.hasClass('viewed')) {
        return;
      } else {
        pager.addClass('viewed');
      }

      if ($(".pager-current", pager).length) {
        var next = $(".pager-current", pager).html();
        loadNextPage(next, false);
      }
    });
  }

  if (window.location.hash && window.location.hash.indexOf('#page=') == 0) {
    var next = window.location.hash.replace('#page=', '');
//    $(document).scrollTop(0);
    loadNextPage(next, false);
  }
  
//  $(".view-display-id-page .pager li").hide();
  $(window).scroll(function() {
    scrollPager();
  });
  scrollPager();
})(jQuery);;
(function ($) {
	Drupal.behaviors.bgSlideshow = {};
	Drupal.behaviors.bgSlideshow.attach = function (context) {
		var setDimImg = function (img, _item) {
			var container = img.parent();
			var newSrc = false;
			var w = $("#slideshow .items").width();
			
			if ($("#viewport .inner.active").length) { // slideshow closed, no need to do below
				var gap = w-$("#viewport .inner").width();
				var realW = (container.height()/_item.dim.h)*_item.dim.w;
				if (gap > realW) { // oh no, there will be a gap as the bg is to narrow
					container.height(gap*(_item.dim.h/_item.dim.w)); // make the img as wide as the gap while maintaining proper aspect				
					w = realW; // the width of img is not the entire bg anymore, but this
				}
			} else {
			}
			
			// decide which src to use since wasteful to get big one in a small window
			if (w < _item.dim_m.w*1.3) { // use the size smaller size upto 130%
				newSrc = _item.src_m;
			} else if (w < _item.dim_l.w*1.3) {
				newSrc = _item.src_l;
			} else {
				newSrc = _item.src;
			}
			
			if (newSrc && newSrc != img.attr('src')) { // need to update src
				img.attr('src', newSrc);						
			}
			
		}
		var setDim = function () {
			var h = $(window).height();
			$("#slideshow .items").css({
				"height":h+"px",
				"width":($(window).width()-$("#strip").width())+"px"
			});
			$("#slideshow .items .item .content").css({
				"height":h+"px"
			});
			
			var img = $(".items .item.processed.img img", '#slideshow');
			if (img.length) {
				img.each(function (i,e) {
					var cnt = $(e).parent().parent().attr('tabIndex');
					var _item = Drupal.settings.bgSlidshow.items[cnt];
					setDimImg($(e), _item);
				})
			}
		}
		$(window).resize(function() {
			setDim();
		});
		
		var slideShowRunning = false;

		var slideShowAcivate = function (cnt, speed) {
			if (slideShowRunning) {
				return;
			}
			slideShowRunning = true;

			var stack = $(".items .item", '#slideshow');
			var curItem = $('.active', '#slideshow');
			var item = $(".items .item:eq(" + cnt + ")", '#slideshow');
			var prevItem = $(".items .item:eq(" + ( (cnt - 1 + stack.length) % stack.length ) + ")", '#slideshow');
			var nextItem = $(".items .item:eq(" + ( (cnt + 1 + stack.length) % stack.length ) + ")", '#slideshow');

			processSlide(item);
			if (prevItem.length) {
				processSlide(prevItem);
			}
			if (nextItem.length) {
				processSlide(nextItem);
			}
			if (Drupal.settings.bgSlidshow.animate === false) {
				curItem.removeClass('active');
				item.addClass('active');
			}
			else if (curItem.length) {
				curItem.animate(
				{
					'opacity': 0
				},{
					duration: speed,
					easing: "easeInCubic",
					complete: function () {
						curItem.removeClass('active');
						item.addClass('active').css({
							'opacity': 0
						}).animate({
							'opacity': 1
						},{
							duration: speed,
							easing: "easeInCubic",
							complete: function () {
								slideShowRunning = false;
							}
						});
					}
				}
				);
			}
			else {
				slideShowRunning = false;
				item.addClass('active');
			}
		}
		var processSlide = function (item) {
			if (!item.hasClass('processed')) {
				var cnt = item.attr('tabIndex');
				var _item = Drupal.settings.bgSlidshow.items[cnt];
				if (typeof _item != 'undefined') {
					item.addClass(_item.mode);
					if (_item.mode=='img') {
						var img = $("<img>");
						if (_item.attr) {
							img.attr(_item.attr);
						}
						$('.content', item).append(img);
						setDimImg(img, _item);
					} else if (_item.mode=='callback') {
						_item.src($('.content', item));
					} else if (_item.mode=='ajax') {
						$('.content', item).load(_item.src);
					}
				}
				item.addClass('processed');
			//      Drupal.attachBehaviors(item);
			}
		}
		var slideShow = function (context) {
			if (context == document || $("#slideshow", context).length > 0) {
			} else {
				return;
			}
			if (typeof Drupal.settings.bgSlidshow == 'undefined') {
				return;
			}
			// init the slideshow html
			$("#slideshow").remove();
			var noiseF = Drupal.settings.bgSlidshow.noise ? '<div class="filmgrain noisefilter activator open"></div>' : '';
			$('body').append('<div id="slideshow">'+noiseF+'<div class="items"><div class="blank"><h2>'+Drupal.t('Loading...')+'</h2><div class="content"></div></div></div>');
			$('body').prepend('<div class="toggler"><a class="text toggle off" href="#" data-placement="left" rel="twipsy" title="Back to words"></a></div>');
			$('#slideshow').prepend('<div class="slidenav"></span><span class="switch prev">b</span><span class="switch next">7</span></div>');
			$('.divot').prepend('<div class="toggler"><a class="image toggle" href="#" data-placement="left" rel="twipsy" title="Open slideshow"></a></div>');
	
			if (!Drupal.settings.wap.mobile) {
//				$('.toggler a').twipsy();
			}
	
			if (Drupal.settings.bgSlidshow.items.length < 2) {
				$('#slideshow .switch').hide();
			}
			// init the slideshow items
			var blank = $("#slideshow .items .blank");
			$(Drupal.settings.bgSlidshow.items).each(function (i,e) {
				var newItem = blank.clone();
				newItem.removeClass('blank').addClass('item');
				if (e.title) {
					$('h2', newItem).html(e.title);
				} else {
					$('h2', newItem).remove();
				}
				newItem.append("<div class='attrib'><a href='"+e.url+"'a><span>"+e.title+"</span></a></div>");
				newItem.attr('tabIndex', i);
				newItem.appendTo("#slideshow .items");
			});

			
			// handle click events
			var stack = $(".items .item", '#slideshow');
			$("#slideshow .switch").click (function(e) {
				e.preventDefault();
				var speed = 1000;
				if (!$(this).hasClass("auto")) {
					Drupal.settings.bgSlidshow.play = 0;
					speed = 200;
				}
				var cnt = -1;
				var curItem = $(".items .item.active", '#slideshow').attr('tabIndex');
				if (curItem) {
					cnt = parseInt(curItem);
				}
				$(this).hasClass("next") ? cnt++ : cnt--;
				cnt = (cnt+stack.length)%stack.length; // loop within stack
				// display
				slideShowAcivate(cnt, speed);
			});

			// handle autoplay
			if (Drupal.settings.bgSlidshow.play && Drupal.settings.bgSlidshow.items.length > 1) {
				var loop = setInterval(function () {
					if (Drupal.settings.bgSlidshow.play) {
						$("#slideshow .switch.next").addClass('auto');
						$("#slideshow .switch.next").click();
						$("#slideshow .switch.next").removeClass('auto');
					}
				}, Drupal.settings.bgSlidshow.play > 1000 ? Drupal.settings.bgSlidshow.play : 30000);
			}
    
			$("#slideshow .switch.next").addClass('auto');
			$("#slideshow .switch.next").click();
			$("#slideshow .switch.next").removeClass('auto');
			

		}
		slideShow(context);
		
		// hide show viewport
		$("#viewport .inner").addClass('active');
		// set the dynamic dimension
		setDim();			

		$(".toggler .image, .activator.open", context).click (function (e) {
			e.preventDefault();

			var activator = $(".toggler .image");
			var slideshowtab = $('.toggler .image');
			var slideshowtoggle = $('.toggler .text');
			var slideshow = $('#slideshow');
			var viewport = $("#viewport");
    
			$(document).scrollTop(0);
			$('.noisefilter', slideshow).hide();
			slideshow.addClass('active');
			slideshow.removeClass('open');
			slideshowtoggle.removeClass("off");
			activator.addClass("off");
			slideshowtab.fadeOut();
			
			slideshow.trigger('slideShowOpening');
			$(".inner", viewport).animate({
				"left":  $(window).width() + "px"
			},{
				duration: 500,
				easing: "easeInOutQuint",
				complete: function () {
					$(".inner", viewport).removeClass('active');
					setDim();
					slideshowtoggle.fadeIn();
					slideshow.css({
						'height': $(window).height()
					})
					slideshow.trigger('slideShowOpened');
				}
			});
		});
		$(".toggler .text", context).click (function (e) {
			e.preventDefault();
	
			var activator = $(this);
			var slideshowtab = $('.toggler .image');
			var slideshowtoggle = $('.toggler .text');
			var slideshow = $('#slideshow');
			var viewport = $("#viewport");
    
			$(document).scrollTop(0);
			slideshowtoggle.fadeOut();
			viewport.addClass('open');
			viewport.css({
				'height': "inherit"
			});
			slideshowtab.removeClass("off");
			activator.addClass("off");
			
			slideshow.trigger('slideShowClosing');
			$(".inner", viewport).css({
				"left": $(window).width()+'px'
			}).show().animate({
				"left": '0px'
			},{
				duration: 500,
				easing: "easeInOutQuint",
				complete: function () {
					$(".inner", viewport).addClass('active');
					setDim();
					slideshow.removeClass('active');
					$('.noisefilter', slideshow).show();
					slideshowtab.fadeIn();
					
					slideshow.trigger('slideShowClosed');
				}
			});

		});
    
    // slideshow activator eye-attention-draw-er-thing-er-y
    $(".activator.open", context).hover (
      function () {
        $(".image.toggle").css('background-color','#0098BF');
      },
      function () {
        $(".image.toggle").css('background-color','#E60074');
      }
    );
    
    
	}
})(jQuery);;

