/**
 * @author Juuso
 */

 jQuery(document).ready(function(){
		    var lastBlock = $("#a1");
			var maxWidth = 230;
			var minWidth = 25;	
			
			var activeComponent = "general";
			jQuery(".hobbies_info").hide();
			jQuery(".lifesituation_info").hide();
			jQuery(".worklife_info").hide();
			
			// Tab components
			jQuery('#tab ul li').click(function()
				{
					if (this.id == "general") {
						
						jQuery(this).addClass('active').removeClass('nonactive');
						jQuery("." + activeComponent + "_info").hide(1000);
						jQuery("#" + activeComponent).addClass('nonactive').removeClass('active');
						jQuery(".general_info").show(1000);
						
						activeComponent = "general";
					}
					else if (this.id == "lifesituation") {
						if (activeComponent != "general") jQuery(".general_info").hide();
						if (activeComponent != "worklife") jQuery(".worklife_info").hide();
						if (activeComponent != "hobbies") jQuery(".hobbies_info").hide();
						
						jQuery(this).addClass('active').removeClass('nonactive');
						jQuery("." + activeComponent + "_info").hide(1000);
						jQuery("#" + activeComponent).addClass('nonactive').removeClass('active');
						jQuery(".lifesituation_info").show(1000);
												
						activeComponent = "lifesituation";
					}
					else if (this.id == "worklife") {
						if (activeComponent != "general") jQuery(".general_info").hide();
						if (activeComponent != "lifesituation") jQuery(".lifesituation_info").hide();
						if (activeComponent != "hobbies") jQuery(".hobbies_info").hide();
						
						jQuery(this).addClass('active').removeClass('nonactive');
						jQuery("." + activeComponent + "_info").hide(1000);
						jQuery("#" + activeComponent).addClass('nonactive').removeClass('active');
						jQuery(".worklife_info").show(1000);
						
						activeComponent = "worklife";
					}
					else if (this.id == "hobbies") {
						if (activeComponent != "general") jQuery(".general_info").hide();
						if (activeComponent != "lifesituation") jQuery(".lifesituation_info").hide();
						if (activeComponent != "worklife") jQuery(".worklife_info").hide();
						
						jQuery(this).addClass('active').removeClass('nonactive');
						jQuery("." + activeComponent + "_info").hide(1000);
						jQuery("#" + activeComponent).addClass('nonactive').removeClass('active');
						jQuery(".hobbies_info").show(1000);
						
						activeComponent = "hobbies";
					}
					
					return false;
				}
			);
	
			// Menu
			jQuery('#menu ul li a').hover(function()
				{
					jQuery(lastBlock).animate({width: minWidth+"px"}, { queue:false, duration:400 });
					jQuery(this).animate({width: maxWidth+"px"}, { queue:false, duration:400});
					lastBlock = this;
				}, function() { }
			);
			
			jQuery('#menu').hover(function(){}, function()
				{
					jQuery(lastBlock).animate({width: minWidth+"px"}, { queue:false, duration:400 });
					jQuery("#a1").animate({width: maxWidth+"px"}, { queue:false, duration:400});
					lastBlock = $("#a1");
				}
			);
		


		});