//# 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:"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>";
		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);