var tabLoadedEvents = [];

var commonInit = function() {
	$('table.default caption').click(function() {
		var w = 0;
		if ($(this).parent().find('thead:visible').length) {
			var w = $(this).parent().find('thead:visible').parent().find('caption').width();
			$(this).parent().find('thead:visible, tbody:visible, tfoot:visible').fadeOut();
			$(this).parent().find('.minimize').hide();
			$(this).parent().find('.maximize').show();
		} else {
			$(this).parent().find('thead:hidden, tbody:hidden, tfoot:hidden').fadeIn();
			$(this).parent().find('.minimize').show();
			$(this).parent().find('.maximize').hide();
		}
		if (w > 0) {
			$(this).parent().width(w);
		}
	});

	$('div.error').dialog({
		buttons: {
			'Ok' : function() {
				$(this).dialog('destroy');
			}
		},
		title: 'Palvelussa tapahtui virhe!',
		modal: true,
		overlay: { 
			opacity: 0.5, 
			background: 'black' 
		},
		resizable: false
	});
}

tabLoadedEvents.push(commonInit);

$(function() {
//	$('ul.defaultAjaxTabs').tabs({
//		load: function() {
//			for(var index in tabLoadedEvents) {
//				tabLoadedEvents[index]();
//			}
//		},
//		select: function(event) {
//			$(event.target).nextAll('div.ui-tabs-panel').empty();
//		},
//		/*fx: {
//			height: 'toggle'
//		},*/
//		spinner: 'Ladataan&#8230;'
//	});
	$('.defaultTabs').tabs({
		fx: {
			opacity: 'toggle',
			duration: 'fast'
		}
	});
	log('tabeja: ' + $('ul.defaultTabs').length)
	commonInit();
});

function editTranslation(id, pageId) {
	var Div = $('<div/>');
	Div.load('translationDialog.php?id=' + id + '&pageId=' + pageId);
	$('body').append(Div);
	Div.dialog({
		buttons: {
			'Ok' : function() {
				var translations = new Object();
				var elems = $('#editTranslation textarea');
				$.each(elems, function(i,n) {
					translations[n.name] = n.value;
				});
				$.post("translationDialog.php", translations, function(data){
  				});
				$(this).dialog('destroy').remove();
				},
			'Cancel' : function() {
				$(this).dialog('destroy').remove();
			}
		},
		title: 'Edit translation',
		modal: true,
		width: 600,
		height: 350
	});
}
