var showDialog = function(title, src, width, height){
	if (width == 0){
		width = $(window).width()/100*90;	
	}
	if (height == 0){
		height = $(window).height()/100*90;	
	}
	$('#ui-dialog-title-dialog').html(title);
	$('#dialog IFRAME').attr('src', src);
	$('#dialog').dialog('option','width',width);
	$('#dialog').dialog('option','height',height);
	$('#dialog').dialog('open');
	return false;
};

var validateSearchForm = function(){
	searchstring = $('#searchstring').val();
	searchstring = searchstring.replace(/[^\w|\s|[.-]]/gi, '');
	if (searchstring == ''){
		$('#searchstring').effect('highlight');
		return false;
	}
	$('#searchstring').val(searchstring);
	return true;
};

var centerSenderInSenderList = function(){
	$('#list').css('padding-left', 0);
	listWidth = $('#list').width();
	senderWidth = $('.sender').width() + 20;
	countSenderPerRow = Math.floor(listWidth / senderWidth);
	space = listWidth - countSenderPerRow * senderWidth;
	$('#list').css('padding-left', (space/2)); 
	return false;
};

var init = function() {
	// Wechseln der CSS Klasse, wenn das Element aktiv ist
	$('#sidebarLeft #menu .active > A').addClass('ui-state-active');
	
	// Wechseln der CSS Klasse, wenn hover
	$(".ui-state-default").hover(function() {
		$(this).removeClass('ui-state-default').addClass('ui-state-hover');
	}, function() {
		$(this).removeClass('ui-state-hover').addClass('ui-state-default');
	});
	
	// Wechseln der Vorschaubilder in der Senderliste
	$('.previewPicture IMG').mouseover(function(){
		if (($(this).next().length != 0) || ($(this).prevAll(':first').length != 0)){
			$(this).fadeOut('fast', function(){
				($(this).next().length != 0) ? $(this).next().fadeIn('slow').animate({opacity: 1.0}, 500) : $(this).prevAll(':last').fadeIn('slow').animate({opacity: 1.0}, 500);
			});
		}
	});
	
	// Mach aus dem div mit der id 'dialog' ein jqueryui dialog
	$('#dialog').dialog({
		modal: true, 
		autoOpen: false
	});
	
	// Aktualisiere das Login IFrame, wenn das modale Fenster geschlossen wird
	$('#dialog').bind('dialogbeforeclose', function(event, ui){
		src = $('#loginIframe').attr('src');
		$('#loginIframe').attr('src', src);
	});
	
	// Sender in Senderliste zentrieren
	centerSenderInSenderList();
	
	// Wenn die Größe des Fensters verändert wird dann zentriere die Sender neu
	$(window).resize(function() {
		centerSenderInSenderList();
	});


};

// Aufrufen der Init Methode
$(document).ready(init);