function showPanel(el, id){
			$('div.tabs_content1').hide(); 
			$('div.tabs_content2').hide();
			$('div.tabs_content3').hide(); 
			$('div.tabs_content4').hide(); 
			$('div#'+id).show();
			
			if ($('#'+el.id).hasClass('inactiveTab')){
				$('#tabsDown1').removeClass('activeTab').addClass('inactiveTab');
				$('#tabsDown2').removeClass('activeTab').addClass('inactiveTab');
				$('#tabsDown3').removeClass('activeTab').addClass('inactiveTab');
				$('#tabsDown4').removeClass('activeTab').addClass('inactiveTab');
				$('#'+el.id).removeClass('inactiveTab').addClass('activeTab');
				
			}
			
		}

var obj = {};
var interv = false;
var showed = false;
var clicked = false;
var currentIndex = 0;
var hide = function (i)	{
			$('.question').eq(i).css({"z-index":"49"});
			$('.question').eq(i).find(".tips").animate({opacity: 0,"bottom": 20},function(){$(this).css({"display":"none"})});
			showed = false;
}
var showIndex = function (i)	{
	$('.question').eq(i).find(".quest_span img").click();
}
$(document).ready(function(){
	$('.quest_span img,.tips').hover(function(){
		if (clicked) return;
		if (interv)	{
			window.clearTimeout(interv);
		}
		obj = this;
		if (!showed)	{
			$(this).parent().parent().find(".tips").css({"display":"block","bottom": 20}).animate({ "opacity" : 1, "bottom" : 0});
			$('.question').css({"z-index":"160"});
			$(this).parents(".question").eq(0).css({"z-index":"161"});
			showed = true;
		}

		},function()	{
			if (!clicked)	{
			interv = window.setTimeout(function(){
					$('.question').css({"z-index":"49"});
					$(obj).parent().parent().find(".tips").animate({opacity: 0,"bottom": 20},function(){$(this).css({"display":"none"})});
					showed = false;
				},100);
			}
	});
	$('.question').each(function(i) {
		$(this).click(function(){
			if (interv)	{
				window.clearTimeout(interv);
			}
				obj = this;
				currentIndex = i;
				$('#overlay').css({'display':'block'}).animate({"opacity":0.5});
				$('#overlayInner').css({'display':'block'}).animate({"opacity":0.5});
				
				$(this).find(".tips").css({"display":"block"}).animate({ "opacity" : 1, "bottom" : 0});
				$('.question').css({"z-index":"49"});
				$(this).css({"z-index":"161"});
				
				$('#overlay_navigation').css({"visibility" : "visible"}).animate({"opacity" : 1});
				showed = true;
				clicked = true;
		})
	});
	$('#overlay,#overlayInner,#overlay_navigation').click(function(){
			if (clicked)	{
			obj = this;
			interv = window.setTimeout(function(){
					$('#overlay').css({"opacity":0,'display':'none'});
					$('#overlayInner').css({"opacity":0,'display':'none'});
					$(".tips").animate({opacity: 0,"bottom": 20},function(){$(this).css({"display":"none"})});
					$('#overlay_navigation').css({"visibility":"hidden"}).animate({"opacity" : 0},function(){});
					showed = false;
					clicked = false;
				},200);
			}
	});
	$('#overlay_next').click(function(){
		hide(currentIndex);
		if ($('.question').length == ( currentIndex + 1) )	{
			currentIndex = -1;
		}
		showIndex(currentIndex+1);
		return false;
	});
	$('#overlay_previous').click(function(){
		hide(currentIndex);
		if ( currentIndex == 0)	{
			currentIndex = $('.question').length;
		}
		hide(currentIndex);
		showIndex(currentIndex-1);
		
		return false;
	});
});