//# 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() {

						$('#flecha_izquierda').css('display', 'block');
						$('#flecha_derecha').css('display', 'block');

						var status = $('[rel='+container+'ContainerSelected]').data('status');
						if(status ==1 && settings.eventWaitForAnim === true)
						{
							return false;
						}

						if( $("#"+container+"Handle"+i).attr("rel") != container+"HandleSelected")
						{
							switch( i )
							{
								case 0: openTab(0); break;
								case 1: openTab(1); break;
								case 2: openTab(2); break;
							}

							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( i )
							{
								//tamaño de una: 520
								case 0:
									act(1);

									$('#more_randomness').tooltip({
										delay: 0,
										showURL: false,
										fade: 250
									});

									if( !shadowbox_initialized )
									{
										Shadowbox.init({ skipSetup: true, onOpen: moveCloseLink }); Shadowbox.setup();
										//Shadowbox.init({ onOpen: moveCloseLink });
										shadowbox_initialized = true;
									}

									if( !tooltip_initialized )
									{
										stickytooltip.init("*[data-tooltip]", "mystickytooltip");
										tooltip_initialized = true;
									}

									__id = "#_Ag"; new_width = 5200; $('#show_menu').css('display', 'none'); break;
								case 1:
									act(2);
//									__id = "#_Wo"; new_width = 1750; $('#show_menu').css('display', 'block'); break;
									__id = "#_Wo"; new_width = 7290; $('#show_menu').css('display', 'block');

									if( !shadowbox_initialized )
									{
										Shadowbox.init({ skipSetup: true, onOpen: moveCloseLink }); Shadowbox.setup();
										//Shadowbox.init({ onOpen: moveCloseLink });
										shadowbox_initialized = true;
									}

									break;
								case 2:
									act(3);
									__id = "#_Re"; new_width = 4200; $('#show_menu').css('display', 'none'); break;

									if( !shadowbox_initialized )
									{
										Shadowbox.init({ skipSetup: true, onOpen: moveCloseLink }); Shadowbox.setup();
										//Shadowbox.init({ onOpen: moveCloseLink });
										shadowbox_initialized = true;
									}
							}

							/*
							if( typeof console != 'undefined' )
								console.log("Ancho -- : " + i);
							*/

							switch( settings.closeOpenAnimation )
							{
								case 1:
									if($('[rel='+container+'ContainerSelected]').get(0)  )
									{
										$('[rel='+container+'ContainerSelected]').data('status',1);

										//current_width = $('[rel='+container+'ContainerSelected]').width();

										// document.write(current_width);

										$('[rel='+container+'ContainerSelected]').animate({width: "0px",opacity:"0"}, { queue:true, duration:settings.closeSpeed ,easing:settings.closeEaseAction,complete: function()
											{
												$('html, body').stop().animate({
													scrollLeft: $(__id).offset().left
												}, 1000);

												$('[rel='+container+'ContainerSelected]').data('status',0);
											} ,step: function(now) {

											width = $(this).width();

											//new_width = finalWidth- (finalWidth  * (width/current_width));
											//console.log("Ancho: " + i);

											$('#'+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]').animate({width: '0px',opacity:"1"}, { queue:false, duration:settings.closeSpeed ,easing:settings.closeEaseAction,complete: function() {

									//$('[id*='+container+'Content]').css({width: "0px"});
									$('#'+container+'Content'+i).animate({width: new_width+"px",opacity:"1"}, { queue:false, duration:settings.openSpeed ,easing:settings.openEaseAction, complete: function()
										{
											$('#'+container+'Content'+i).width(Math.ceil(new_width)).css("opacity","1");

											$('html, body').stop().animate({
												scrollLeft: $(__id).offset().left - 103
											}, 1000);

										} /*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		   		: 4,
			hashPrefix		   		: "tab",
			eventAction		   		: function(){
								 	//add your own extra clickAction function here
								 	},
			completeAction	   		: function(){
								 	//add your own onComplete function here
								 	},
			closeOpenAnimation 		: 2,// 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(){
						switch( i )
						{
							case 0: $("#agency_image").attr('src','images/01agency_open.gif');break;
							case 1: $("#work_image").attr('src','images/02work_open.gif');break;
							case 2: $("#thinking_image").attr('src','images/03thinking_open.gif');break;
						}
						//alert('over: ' + i)
						$("#"+container+"Handle"+i).addClass(settings.handleClassOver);
					});

					$("#"+container+"Handle"+i).bind("mouseout", function(){
						switch( i )
						{
							case 0: if( !skip_over_0 ) { $("#agency_image").attr('src','images/01agency.gif'); }; break;
							case 1: if( !skip_over_1 ) { $("#work_image").attr('src','images/02work.gif'); }; break;
							case 2: if( !skip_over_2 ) { $("#thinking_image").attr('src','images/03thinking.gif'); }; break;
						}

						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);