//# 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()
			{			 
				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]').addClass( settings.handleClass );
					$('[id*='+container+'Handle]').removeClass( settings.handleClassSelected );

					$("#"+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);
								
								$('[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)
									{
										//new_width = finalWidth- (finalWidth  * (width/current_width));
										width = $(this).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	: function()
								{ 
									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);
					
					i = loopStatus =="start" ? i + 1 : 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     		: "acc_container",
				listItemClass      		: "acc_listItem",					
				contentContainerClass  	: "acc_contentContainer",
				contentWrapper     		: "acc_contentWrapper",
				contentInnerWrapper		: "acc_contentInnerWrapper",
				handleClass        		: "acc_handle",
				handleInnerWrapper 		: "acc_handleInnerWrapper",
				handleClassOver    		: "acc_handleOver",
				handleClassSelected		: "acc_handleSelected",
				handlePosition     		: "right",
				handlePositionArray		: "", // left,left,right,right,right
				closeEaseAction    		: "swing",
				closeSpeed     			: 300,
				openEaseAction     		: "swing",
				openSpeed      			: 300,
				openOnLoad		   		: 1,
				hashPrefix		   		: "tab",
				eventAction		   		: function(i){ },
				completeAction	   		: function(i){ },
				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).addClass( 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+"'>"
						 +"<div class=\""+settings.handleInnerWrapper+"\">"
						 +html+"</div></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)
					{
						$("#"+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);