var tabPanel = {
	contents: null,
	current: null,
	tabs: null,
	init: function(){
		$('div.tabPanel ul').removeClass('hidden');
		this.contents = $('div.tabPanel div.tabContents div.tabContent');
		this.tabs = $('div.tabPanel ul.tabs li');
		
		this.tabs.each(function(i){
			if(!$(this).hasClass('active')){
				$(tabPanel.contents.get(i)).hide();
			} else {
				tabPanel.current = i;
			}
			$(this).click(function(e){
				tabPanel.showTab(i);
				e.preventDefault();
			});
		});
		if(this.current == null){
			this.showTab(0);
		}
	},
	showTab: function(i){
		if(i>=0 && i<tabPanel.contents.length){
			if(tabPanel.current != null){
				tabPanel.tabs.removeClass('activeleft').removeClass('activeright');
				$(tabPanel.tabs.get(tabPanel.current)).removeClass('active').removeClass('tableft').removeClass('tabright');
				$(tabPanel.contents.get(tabPanel.current)).hide();
			}
			tabPanel.current = i;
			$(tabPanel.tabs.get(tabPanel.current)).addClass('active');
			if(i>0){
				$(tabPanel.tabs.get(tabPanel.current)).addClass('tableft');
				$(tabPanel.tabs.get(tabPanel.current-1)).addClass('activeright');
			}
			if(i<tabPanel.contents.length-1){
				$(tabPanel.tabs.get(tabPanel.current)).addClass('tabright');
				$(tabPanel.tabs.get(tabPanel.current+1)).addClass('activeleft');
			}
			$(tabPanel.contents.get(tabPanel.current)).show();
		}
	}
};
$(function(){
		   
	tabPanel.init();
	
	$(".colorboxFrame").colorbox({width:"420px", height:"250px", iframe:true, opacity: 0.8, close:"close"});
	
	/* popups */
	$('div.popup a.close').click(function(e){
		$(this).parent().hide();
		e.preventDefault();
	});
	$('.showPopup').click(function(e){
		var popup = $('#'+$(this).attr('rel'));
		popup.css({'visibility':'visible','display':'block'});
		popup.css('width',popup.width());
		
		var offset = $(this).offset();
		var width = $(this).width()/2;
		var left = offset.left + width - 42;
		var top = offset.top - popup.outerHeight() + 10;
		popup.css({left: left + 'px',top: top + 'px'});
		
		popup.show();
		e.preventDefault();
	});
	
});