//# 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

(function($) {
  $.hrzAccordion = {
       
	   
    setOnEvent: function(i, container, finalWidth, settings){
      $("#"+container+"Handle"+i).bind(settings.eventTrigger,function(event) {			 
        event.stopPropagation();
      
        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;
							
          $('[id*='+container+'Handle]').attr("rel","");			   				
			   				
          $('[id*='+container+'Handle]').attr("class",settings.handleClass);
		
          $("#"+container+"Handle"+i).addClass(settings.handleClassSelected);
										   
			   		
          $("."+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);
                  } ,
                  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);	
                }
              });		
          }
							
          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
          });						
							
          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",
      handleClass        		: "handle",
      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(){
      //add your own extra clickAction function here
      },
      completeAction	   		: function(){
      //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);
        $(this).html("<div class='"+settings.contentContainerClass+"' id='"+container+"Content"+i+"'>"
          +"<div class=\""+settings.contentWrapper+"\">"
          +"<div class=\""+settings.contentInnerWrapper+"\">"
          +$(this).html()
          +"</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+"'>"+html+"</div>";
        }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);