//# 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]').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);	
							settings.completeAction(i);
							} ,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);	
										  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: 
 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);
				
				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",
			handleInnerWrapper 		: "handleInnerWrapper",
			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(i){
										if (i <= 4 || i == 6){
											document.getElementById('hide_me').style.display = 'none';
										}
										if (i == 4){
											pager.init(); 
											pager.showPageNav('pager', 'pageNavPosition'); 
											pager.showPage(1);
										}
										if (i == 0){
											pager4.init(); 
											pager4.showPageNav('pager4', 'pageNavPosition4'); 
											pager4.showPage(1);
										}
										if (i == 3){
											pager2.init(); 
											pager2.showPageNav('pager2', 'pageNavPosition2'); 
											pager2.showPage(1);
											$(".dropdown dt a span").html('Select by Client<span class="value">0</span>');
											for(i=0;i<5;i++){
												if (i == 0){
													document.getElementById("category_"+i).style.color = "#db2f2f";
												}else{
													document.getElementById("category_"+i).style.color = "#251a1a";
												}
											}
											var org_table = document.getElementById("results2");
											var filter_table = document.getElementById("results_filter");
											var filter_pag = document.getElementById("pageNavPosition3");
											var org_pag = document.getElementById("pageNavPosition2");
											filter_table.style.display = 'none';
											org_table.style.display = '';
											filter_pag.style.display = 'none';
											org_pag.style.display = '';
										}
								 	},
			completeAction	   		: function(i){
								 	//add your own onComplete function here
										var image = document.getElementById(i+'_image');
										if (image != null){
											if (i == 0){
												image.src = 'img/blank.gif';
												document.getElementById('1_image').src = 'img/about_bar.jpg';
												document.getElementById('2_image').src = 'img/clients_bar.jpg';
												document.getElementById('3_image').src = 'img/works_bar.jpg';
												document.getElementById('4_image').src = 'img/awards_bar.jpg';
												document.getElementById('5_image').src = 'img/timeline_bar.jpg';
												document.getElementById('6_image').src = 'img/contact_bar.jpg';
											}else if (i == 1){
												image.src = 'img/about_bar_over.jpg';
												document.getElementById('0_image').src = 'img/blank.gif';
												document.getElementById('2_image').src = 'img/clients_bar.jpg';
												document.getElementById('3_image').src = 'img/works_bar.jpg';
												document.getElementById('4_image').src = 'img/awards_bar.jpg';
												document.getElementById('5_image').src = 'img/timeline_bar.jpg';
												document.getElementById('6_image').src = 'img/contact_bar.jpg';
											}else if (i == 2){
												image.src = 'img/clients_bar_over.jpg';
												document.getElementById('0_image').src = 'img/blank.gif';
												document.getElementById('1_image').src = 'img/about_bar.jpg';
												document.getElementById('3_image').src = 'img/works_bar.jpg';
												document.getElementById('4_image').src = 'img/awards_bar.jpg';
												document.getElementById('5_image').src = 'img/timeline_bar.jpg';
												document.getElementById('6_image').src = 'img/contact_bar.jpg';
											}else if (i == 3){
												image.src = 'img/works_bar_over.jpg';
												document.getElementById('0_image').src = 'img/blank.gif';
												document.getElementById('1_image').src = 'img/about_bar.jpg';
												document.getElementById('2_image').src = 'img/clients_bar.jpg';
												document.getElementById('4_image').src = 'img/awards_bar.jpg';
												document.getElementById('5_image').src = 'img/timeline_bar.jpg';
												document.getElementById('6_image').src = 'img/contact_bar.jpg';
											}else if (i == 4){
												image.src = 'img/awards_bar_over.jpg';
												document.getElementById('0_image').src = 'img/blank.gif';
												document.getElementById('1_image').src = 'img/about_bar.jpg';
												document.getElementById('2_image').src = 'img/clients_bar.jpg';
												document.getElementById('3_image').src = 'img/works_bar.jpg';
												document.getElementById('5_image').src = 'img/timeline_bar.jpg';
												document.getElementById('6_image').src = 'img/contact_bar.jpg';
											}else if (i == 5){
												image.src = 'img/timeline_bar_over.jpg';
												document.getElementById('0_image').src = 'img/blank.gif';
												document.getElementById('1_image').src = 'img/about_bar.jpg';
												document.getElementById('2_image').src = 'img/clients_bar.jpg';
												document.getElementById('3_image').src = 'img/works_bar.jpg';
												document.getElementById('4_image').src = 'img/awards_bar.jpg';
												document.getElementById('6_image').src = 'img/contact_bar.jpg';
												
												document.getElementById('hide_me').style.display = 'block';
												var flashvars = {};
												var params = {
													menu: "false",
													scale: "noScale",
													bgcolor: "#FFFFFF",
													wmode: "window"
												};
												var attributes = {
													id: "TTKITTZONE_CHAT",
													name: "TTKITTZONE_CHAT"
												};
												swfobject.embedSWF("timeline.swf", "swfmovie", "420", "600", "9.0.0", "expressInstall.swf", flashvars, params, attributes);
												document.getElementById('hide_me').style.display = 'block';
											}else if (i == 6){
												image.src = 'img/contact_bar_over.jpg';
												document.getElementById('0_image').src = 'img/blank.gif';
												document.getElementById('1_image').src = 'img/about_bar.jpg';
												document.getElementById('2_image').src = 'img/clients_bar.jpg';
												document.getElementById('3_image').src = 'img/works_bar.jpg';
												document.getElementById('4_image').src = 'img/awards_bar.jpg';
												document.getElementById('5_image').src = 'img/timeline_bar.jpg';
											}
										}
										
								 	},
			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				: "420",
			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+"'>"
					 +"<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(){	
						var image = document.getElementById(i+"_image");
						if( $("#"+container+"Handle"+i).attr("rel") != container+"HandleSelected"){
							if (i == 0){
								image.src = "img/blank.gif";
							}else if (i == 1){
								image.src = "img/about_bar_over2.jpg";
							}else if (i == 2){
								image.src = "img/clients_bar_over2.jpg";
							}else if (i == 3){
								image.src = "img/works_bar_over2.jpg";
							}else if (i == 4){
								image.src = "img/awards_bar_over2.jpg";
							}else if (i == 5){
								image.src = "img/timeline_bar_over2.jpg";
							}else if (i == 6){
								image.src = "img/contact_bar_over2.jpg";
							}
						}
					});
			    
					$("#"+container+"Handle"+i).bind("mouseout", function(){
						var image = document.getElementById(i+"_image");
						if( $("#"+container+"Handle"+i).attr("rel") != container+"HandleSelected"){
							if (i == 0){
								image.src = "img/blank.gif";
							}else if (i == 1){
								image.src = "img/about_bar.jpg";
							}else if (i == 2){
								image.src = "img/clients_bar.jpg";
							}else if (i == 3){
								image.src = "img/works_bar.jpg";
							}else if (i == 4){
								image.src = "img/awards_bar.jpg";
							}else if (i == 5){
								image.src = "img/timeline_bar.jpg";
							}else if (i == 6){
								image.src = "img/contact_bar.jpg";
							}
						}
					});
					
				
					$.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);