var $jq=jQuery.noConflict();
$jq(function() {
// by clients
$jq('.page-header .by-client, .page-header .clients .close').click(function() {
																					 
    toggle($jq('.page-header .by-client .arrow'));
    $jq('.page-header .media-types').hide();
    $jq('.page-header .case-studies').hide();
    $jq('.page-header .clients').toggle();
    off($jq('.page-header .by-media-type .arrow'));
    off($jq('.page-header .by-case-studies .arrow'));
    return false;
  });
//by media types
  $jq('.page-header .by-media-type, .page-header .media-types .close').click(function() {
    toggle($jq('.page-header .by-media-type .arrow'));
    $jq('.page-header .case-studies').hide();
    $jq('.page-header .clients').hide();
    $jq('.page-header .media-types').toggle();
    off($jq('.page-header .by-client .arrow'));
    off($jq('.page-header .by-case-studies .arrow'));
    return false;
  });
//case studies  
  $jq('.page-header .by-case-studies, .page-header .case-studies .close').click(function() {
    toggle($jq('.page-header .by-case-studies .arrow'));
    $jq('.page-header .media-types').hide();
    $jq('.page-header .clients').hide();
    $jq('.page-header .case-studies').toggle();
    off($jq('.page-header .by-client .arrow'));
    off($jq('.page-header .by-media-type .arrow'));
    return false;
  });


  function toggle(arrow) {
    if (!(arrow.css('background-color') === 'rgb(29, 27, 23)' || arrow.css('background-color') === '#1d1b17')) {
      on(arrow);
    } else {
      off(arrow);
    }
    return arrow;
  }

  function off(arrow) {
    arrow.css('background-color','transparent');
    arrow.find('.inner').css('background-position', '0 0');
    return arrow;
  }

  function on(arrow) {
    arrow.css('background-color','#1d1b17');
    arrow.find('.inner').css('background-position', '0 -5px');
    return arrow;
  }



  $jq('.block').each(function() {
    var backgroundPosition = $jq(this).css('background-position');
    var height = $jq(this).height();

/*    if (Browser.supportsTouch) {
      this.addEventListener('touchstart', activate, false);
      this.addEventListener('touchend', deactivate, false);
    }
*/	
    bindEvent(this, 'mousedown', activate);
    bindEvent(this, 'mouseup', deactivate);

    function activate() {
      $jq(this).css({'background-position': '0 -400px', 'padding-top': '2px', 'padding-left': '2px', 'height': (height-2).toString() + 'px'});  
      $jq(this).find('.type-icon').css({'left': '12px', 'top': '69px'});  
      $jq(this).find('.more-icon').css({'right': '2px', 'bottom': '22px'});  
    }
    function deactivate() {
      $jq(this).css({'background-position': backgroundPosition, 'padding-top': '0', 'padding-left': '0', 'height': height + 'px'});  
      $jq(this).find('.type-icon').css({'left': '10px', 'top': '67px'});  
      $jq(this).find('.more-icon').css({'right': '4px', 'bottom': '25px'});  
    }
  });


});