//# 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: settings.closeOpacity }, { 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",
				listItemClass: "listItem",
				containerClass: "hrzAccordion_container",
				contentWrapper: "hrzAccordion_contentWrapper",
				contentInnerWrapper: "hrzAccordion_contentInnerWrapper",
				contentContainerClass: "hrzAccordion_contentContainer",
				closeOpacity: "0",
				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)-1;
				}

				$('#' + 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);