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

					$('[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:"1"}, {
									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 = 445;
					//finalWidth = settings.fixedWidth;
				} else {
					finalWidth = 445;
					//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);