//# jQuery - Horizontal Accordion
//# Version 2.00.00 Alpha 1
//#
//# portalZINE(R) - New Media Network
//# http://www.portalzine.de
//#
//# Alexander Graef
//# portalzine@gmail.com
//#
//# Copyright 2007-2009
/*
I, Dave Smith, applied the following patch to this file:
=== modified file 'puppy/media/js/jquery.hrzAccordion.modified.js'
--- puppy/media/js/jquery.hrzAccordion.modified.js      2011-01-25 23:15:23 +0000
+++ puppy/media/js/jquery.hrzAccordion.modified.js      2011-01-31 20:01:38 +0000
@@ -176,14 +176,11 @@

         $(this).attr('id', container+"ListItem"+i);
         $(this).attr('class',settings.listItemClass);
-        $(this).html("<div class='"+settings.contentContainerClass+"' id='"+container+"Content"+i+"'>"+"<div class=\""+settings.contentWrapper+"\">"+"<div class=\""+settings.contentInnerWrapper+"\">"+$(this).html()+"</div></div></div>");
+        $(this).wrap("<div class='"+settings.contentContainerClass+"' id='"+container+"Content"+i+"'>"+"<div class=\""+settings.contentWrapper+"\">"+"<div class=\""+settings.contentInnerWrapper+"\"></div></div></div>");

         if($("div",this).hasClass(settings.handleClass)){
-
-          var html = $("div."+settings.handleClass,this).attr("id",""+container+"Handle"+i+"").html();
-          $("div."+settings.handleClass,this).remove();
-
-          handle = "<div class=\""+settings.handleClass+"\" id='"+container+"Handle"+i+"'>"+"<div class=\""+settings.handleInnerWrapper+"\">"+html+"</div></div>";
+          var inner = $("div."+settings.handleClass,this).attr("id",""+container+"Handle"+i+"").wrap("<div class=\""+settings.handleClass+"\" id='"+container+"Handle"+i+"'>"+"<div class=\""+settings.handleInnerWrapper+"\"></div></div>");
+          handle = inner.parent().parent();
         }else{
           handle = "<div class=\""+settings.handleClass+"\" id='"+container+"Handle"+i+"'></div>";
         }

Doing things like

var myHtml = myJqueryElement.remove().html();
var newHtml = $("<div>" + myHtml+ "</div>").appendTo(wherever);

Will cause all the events and other non-html parts of the dom from
myJqueryElement such as event handlers to disappear. The patch makes it work
more like this, which preserves that stuff.
myJqueryElement.wrap("<div></div>");
 */

(function($) {
$.hrzAccordion = {
  setOnEvent: function(i, container, finalWidth, settings){
    $("#"+container+"Handle"+i).bind(settings.eventTrigger,function() { 
      var status = $('[rel='+container+'ContainerSelected]').data('status');
      if(status ==1 && settings.eventWaitForAnim === true){
        return false;
      }

      if( $("#"+container+"Handle"+i).attr("rel") != container+"HandleSelected"){
        settings.eventAction(i);
        $('[id*='+container+'Handle]').attr("rel","");   
        $('[id*='+container+'Handle]').attr("class",settings.handleClass);
        $("#"+container+"Handle"+i).addClass(settings.handleClassSelected);
	$("#"+container+"Content"+i).parent().siblings().children().removeClass(settings.contentClassSelected);
	$("#"+container+"Content"+i).addClass(settings.contentClassSelected);
        $("."+settings.contentWrapper).css({width: finalWidth+"px" });

        switch(settings.closeOpenAnimation) {
    
          case 1:
          if($('[rel='+container+'ContainerSelected]').get(0)  ){
            $('[rel='+container+'ContainerSelected]').data('status',1);
            //current_width = $('[rel='+container+'ContainerSelected]').width();
            $('[rel='+container+'ContainerSelected]').animate({width: "0px",opacity:"0"}, 
            {queue:true, 
            duration:settings.closeSpeed ,easing:settings.closeEaseAction,complete: function(){
              $('[rel='+container+'ContainerSelected]').data('status',0);
              settings.completeAction(i);
            } ,step: function(now){
                width = $(this).width();
                //new_width = finalWidth- (finalWidth  * (width/current_width));
	        new_width = finalWidth - width;
                $('#'+container+'Content'+i).width(Math.ceil(new_width)).css("opacity","1");
            }});

          }else{
            $('[rel='+container+'ContainerSelected]').data('status',1);

            $('#'+container+'Content'+i).animate({width: finalWidth,opacity:"1"}, { queue:false, duration:settings.closeSpeed ,easing:settings.closeEaseAction,complete: function(){
              $('[rel='+container+'ContainerSelected]').data('status',0);
              settings.completeAction(i);
            }});
          }
          break;
          
	  case 2:
          $('[id*='+container+'Content]').css({width: "0px"});
          $('#'+container+'Content'+i).animate({width: finalWidth+"px",opacity:"1"}, { queue:false, duration:settings.openSpeed ,easing:settings.openEaseAction, complete: settings.completeAction(i)});
          break;
        }

        $('[id*='+container+'Content]').attr("rel","");
        $("#"+container+"Handle"+i).attr("rel",container+"HandleSelected");
        $("#"+container+"Content"+i).attr("rel",container+"ContainerSelected");
      }
    });
  }
};

$.fn.extend({
   
  hrzAccordionLoop: function(options) {
    return this.each(function(a){  

      var container = $(this).attr("id") || $(this).attr("class");
      var elementCount = $('#'+container+' > li, .'+container+' > li').size();
      var settings = $(this).data('settings');

      variable_holder="interval"+container ;
      var i =0;
      var loopStatus  = "start";

      variable_holder = window.setInterval(function(){

        $("#"+container+"Handle"+i).trigger(settings.eventTrigger);

        if(loopStatus =="start"){
          i = i + 1;
        }else{
          i = i-1;
        }

        if(i==elementCount && loopStatus  == "start"){
          loopStatus  = "end";
          i=elementCount-1;

        }

        if(i==0 && loopStatus  == "end"){
          loopStatus  = "start";
          i=0;

        }
      },settings.cycleInterval);


    });
  },
  hrzAccordion: function(options) {
    this.settings = {
      eventTrigger   : "click",
      containerClass     : "container",
      listItemClass      : "listItem",
      contentContainerClass  : "contentContainer",
      contentWrapper     : "contentWrapper",
      contentInnerWrapper: "contentInnerWrapper",
      contentClassSelected  : "contentSelected",
      handleClass        : "handle",
      handleInnerWrapper : "handleInnerWrapper",
      handleClassOver    : "handleOver",
      handleClassSelected: "handleSelected",
      handlePosition     : "right",
      handlePositionArray: "", // left,left,right,right,right
      closeEaseAction    : "swing",
      closeSpeed     : 500,
      openEaseAction     : "swing",
      openSpeed      : 500,
      openOnLoad   : 2,
      hashPrefix   : "tab",
      eventAction   : function(i){
 
        },
      completeAction   : function(i){
        //add your own onComplete function here
      },
      closeOpenAnimation : 1,// 1 - open and close at the same time / 2- close all and than open next
      cycle   : false, // not integrated yet, will allow to cycle through tabs by interval
      cycleInterval   : 10000,
      fixedWidth: "",
      eventWaitForAnim: true

    };

    if(options){
      $.extend(this.settings, options);
    }
    var settings = this.settings;

    return this.each(function(a){    

      var container = $(this).attr("id") || $(this).attr("class");

      $(this).data('settings', settings);

      $(this).wrap("<div class='"+settings.containerClass+"'></div>");

      var elementCount = $('#'+container+' > li, .'+container+' > li').size();

      var containerWidth =  $("."+settings.containerClass).width();

      var handleWidth = $("."+settings.handleClass).css("width");

      handleWidth =  handleWidth.replace(/px/,"");
      var finalWidth;
      var handle;

      if(settings.fixedWidth){
        finalWidth = settings.fixedWidth;
      }else{
        finalWidth = containerWidth-(elementCount*handleWidth)-handleWidth;
      }

      $('#'+container+' > li, .'+container+' > li').each(function(i) {

        $(this).attr('id', container+"ListItem"+i);
        $(this).attr('class',settings.listItemClass);

        var me = $(this);
        var newChildWrapper = $("<div class='"+settings.contentContainerClass+"' id='"+container+"Content"+i+"'>"+"<div class=\""+settings.contentWrapper+"\">"+"<div class=\""+settings.contentInnerWrapper+"\"></div></div></div>");
        var children = me.children().detach().appendTo(newChildWrapper);
        newChildWrapper.appendTo(me);
        if($("div",this).hasClass(settings.handleClass)){
          var inner = $("div."+settings.handleClass,this).attr("id",""+container+"Handle"+i+"").wrap("<div class=\""+settings.handleClass+"\" id='"+container+"Handle"+i+"'>"+"<div class=\""+settings.handleInnerWrapper+"\"></div></div>");
          handle = inner.parent().parent();
        }else{
          handle = "<div class=\""+settings.handleClass+"\" id='"+container+"Handle"+i+"'></div>";
        }

        if(settings.handlePositionArray){
          splitthis = settings.handlePositionArray.split(",");
          settings.handlePosition = splitthis[i];
        }

        switch(settings.handlePosition ){
          case "left":
          $(this).prepend( handle );
          break;
          case "right":
          $(this).append( handle );
          break;
          case "top":
          $("."+container+"Top").append( handle );
          break;
          case "bottom":
          $("."+container+"Bottom").append( handle );
          break;
        }

        $("#"+container+"Handle"+i).bind("mouseover", function(){
          $("#"+container+"Handle"+i).addClass(settings.handleClassOver);
        });
    
        $("#"+container+"Handle"+i).bind("mouseout", function(){
          if( $("#"+container+"Handle"+i).attr("rel") != "selected"){
            $("#"+container+"Handle"+i).removeClass(settings.handleClassOver);
          }
        });

        $.hrzAccordion.setOnEvent(i, container, finalWidth, settings);

        if(i == elementCount-1){
          $('#'+container+",."+container).show();
        }

        if(settings.openOnLoad !== false && i == elementCount-1){
          var location_hash = location.hash;
          location_hash  = location_hash.replace("#", "");
          if(location_hash.search(settings.hashPrefix) != '-1' ){
            var tab = 1;
            location_hash  = location_hash.replace(settings.hashPrefix, "");
          }

          if(location_hash && tab ==1){
            $("#"+container+"Handle"+(location_hash)).attr("rel",container+"HandleSelected");
            $("#"+container+"Content"+(location_hash)).attr("rel",container+"ContainerSelected");
            $("#"+container+"Handle"+(location_hash-1)).trigger(settings.eventTrigger);

          }else{
            $("#"+container+"Handle"+(settings.openOnLoad)).attr("rel",container+"HandleSelected");
            $("#"+container+"Content"+(settings.openOnLoad)).attr("rel",container+"ContainerSelected");
            $("#"+container+"Handle"+(settings.openOnLoad-1)).trigger(settings.eventTrigger);
          }
        }
      });

      if(settings.cycle === true){
        $(this).hrzAccordionLoop();
      }
    });
  }
});
})(jQuery);