/*
 *  oga_theme.js - functions specific to the OpenGameArt.org theme 
 *
 *  Written in 2009 by Bart Kelsey <bart@opengameart.org>
 *
 *  To the extent possible under law, the author(s) have dedicated all copyright and related 
 *  and neighboring rights to this software to the public domain worldwide. This software is 
 *  distributed without any warranty. 
 *
 *  You should have received a copy of the CC0 Public Domain Dedication along with this 
 *  software. If not, see <http://creativecommons.org/publicdomain/zero/1.0/>.
 */

(function($) {
  var oldWidth;
  var body_orig_width;
  var farright_orig_width;

  $(window).resize(function() {
    resize_bar(false);
  });

  $(function() {
    oldWidth = 0;
    body_orig_width = $('body').width();
    farright_orig_width = $('div#farright').width();
    resize_bar(true);
    $('.small-preview-title a').each(function() {
            var inner = $(this).html();
            if(inner.length > 16) {
                    inner = inner.substring(0, 15) + "...";
                    $(this).html(inner);
            }
    });

    $('.views-exposed-form select[multiple]').each(function() {
      replaceMultiSelect($(this));
    });

    $('.multi-select-replace input').click(function() {
      multiSelectToggle($(this));
    });

    $('.content').delegate('.play-button', 'click', function() {
      $('.stop-button').trigger('click');
      playButton(this);
    });

    $('.content').delegate('.stop-button', 'click', function() {
      stopButton(this);
    });

    $('.content').delegate('.subtree-toggle', 'click', function() {
      console.log('click');
      if($(this).hasClass('blank')) {
	    return;
      }
		
	  if($(this).hasClass('open')) {
	    $(this).removeClass('open').addClass('closed');
	  } else {
		$(this).removeClass('closed').addClass('open');
	  }
		
      $(this).parent().children('ul').slideToggle('fast');
    });
	
	$('.content').delegate('.art-preview-title', 'mouseenter', function() {
      $(this).addClass('hover');
    });
    
    $('.content').delegate('.art-preview-title', 'mouseleave', function() {
      $(this).removeClass('hover');
    });

    $('body').delegate('.view-art ul.pager a', 'click', function() {
      console.log('scroll to top');
      $('body').scrollTop(0);
    }); 
    
    $('input#edit-submit').click(function() {
      var clicked = $(this).attr('data-clicked');
      if(clicked) {
        return false;        
      } else {
        $(this).attr('data-clicked', 1);
      }
    });
  });

  function resize_right() {
    $('#right:not(.nosidebar)').each(function() {
      resize($(this), 350, 575);
    });

    $('.right-side').each(function() {
      resize($(this), 350, 575);
    });
    
    $('.nosidebar .right-column').each(function() {
      resize($(this), 350, 575);
    });
  }
  
  function resize_bar(initial) {
    var width = $(window).width(); 
    var threshold = 1260;
    if(width >= threshold && (initial || oldWidth < threshold)) {
      $('body').width(threshold);
      
      if(!$('#page').hasClass('wide')) $('div#farright').width(296);
      if($('#farright').length > 0 && !$('#page').hasClass('wide')) {
        $('#farright').appendTo('#maincontent');        
      } else {
        $('#right:not(.nosidebar)').width(890);
      }
    } else if((initial || oldWidth >= threshold) && width < threshold) {
      $('body').width(body_orig_width);
      if(!$('#page').hasClass('wide')) $('div#farright').width(farright_orig_width);
      if($('#farright').length > 0 && !$('#page').hasClass('wide')) {
        $('#farright').appendTo('#left');
      } else {
        $('#right:not(.nosidebar)').width(590);
      }
    }
    oldWidth = width;
  }
  
  function resize(element, margin, minWidth) {
    var parentWidth = element.parent().width();

    var newWidth = parentWidth - margin;
    if(newWidth < minWidth) {
      newWidth = minWidth;
    }

    element.width(newWidth - 20);
  }

  function stopButton(b) {
    $(b).addClass('play-button');
    $(b).removeClass('stop-button');


    b.audioElement.currentTime = 0;
    b.audioElement.pause();
  }

  function playButton(b) {
    $(b).addClass('stop-button');
    $(b).removeClass('play-button');

    if(!(b.audioElement)) {
      
      b.audioElement = document.createElement('audio');

      if(b.audioElement.canPlayType) {
        var url;
        if(b.audioElement.canPlayType('audio/ogg; codecs="vorbis"')) {
          url = $(b).attr('data-ogg-url');
        } else if(b.audioElement.canPlayType('audio/mpeg')) {
          url = $(b).attr('data-mp3-url');
        }
        
        b.audioElement.setAttribute('src', url);
        b.audioElement.load();
      } else {
        // flash fallback
      }
    }

    if(b.audioElement.canPlayType) {
      b.audioElement.play();
    } else {
      // flash fallback
    }
  }
  
  function replaceMultiSelect(item) {
    //console.log('replacing multi select');
    
    item.hide();
    var id = item.attr('id');
    var newid = "checkboxes-" + id;
    var html = "<div id='" + newid + "' class='multi-select-replace' data-select='" + id + "'>";
    
    item.find('option').each(function() {
      html += "<div class='multi-select-checkbox'><input type='checkbox' value='" + $(this).val() + "'";

      if($(this).attr('selected')) {
        html += " checked='checked'";
      }
      
      html += "> " + $(this).html() + "</div>";
    });
    
    html += "</div>";
    item.after(html);
  }

  function multiSelectToggle(item) {
    var id = item.parent().parent().attr('data-select');
    //console.log('id: ' + id);
    var select = $('#' + id);
    if(item.attr('checked')) {
      select.find("option[value=" + item.val() + "]").attr('selected', 'selected');
    } else {
      select.find("option[value=" + item.val() + "]").removeAttr('selected');
    }
  }
  

})(jQuery);