$(document).ready(function() {
	installMainMenu();
	installRollovers();
});

function installMainMenu() {
	var prev = $('.elem-sel').prev();
	var next = $('.elem-sel').next();
	if (prev != null) {
		prev.removeClass('sep').addClass('sep-selL');
	}
	next.removeClass('sep').addClass('sep-selR');

	$('.elem').mouseover(function() {
		var prev = $(this).prev();
		var next = $(this).next();
		$(this).removeClass('elem').addClass('elem-sel');
		if (prev != null) {
			if (prev.hasClass('sep-selR')) {
				prev.removeClass('sep-selR').addClass('sep-selB');
			} else {
				prev.removeClass('sep').addClass('sep-selL');
			}
		}
		if (next.hasClass('sep-selL')) {
			next.removeClass('sep-selL').addClass('sep-selB');
		} else {
			next.removeClass('sep').addClass('sep-selR');
		}
	}).mouseout(function() {
		var prev = $(this).prev();
		var next = $(this).next();
		$(this).removeClass('elem-sel').addClass('elem');
		if (prev != null) {
			if (prev.hasClass('sep-selB')) {
				prev.removeClass('sep-selB').addClass('sep-selR');
			} else {
				prev.removeClass('sep-selL').addClass('sep');
			}
		}
		if (next.hasClass('sep-selB')) {
			next.removeClass('sep-selB').addClass('sep-selL');
		} else {
			next.removeClass('sep-selR').addClass('sep');
		}
	});
}

function installRollovers() {
	initRollover("#img_flag_hungary", "img/hungary-on.gif");
	initRollover("#img_flag_poland", "img/poland-on.gif");
	initRollover("#img_flag_england", "img/england-on.gif");
	initRollover("#img_flag_germany", "img/germany-on.gif");
	initRollover("#img_flag_denmark", "img/denmark-on.gif");

	initRollover("#img_meteo", "img/meteo-on.jpg");
	initRollover("#img_webcam", "img/webcam-on.jpg");
	initRollover("#img_facebook", "img/facebook-on.jpg");
	initRollover("#img_youtube", "img/youtube-on.jpg");
}

/** simple jquery based rollover mechanism with remembering current image */
var imageMap = new Array();
function initRollover(elementId, imageSource) {
	$(elementId).hover(
		function() {
			imageMap[elementId] = $(elementId).attr("src");
			$(elementId).attr("src", imageSource);
		},
		function() {
			$(elementId).attr("src", imageMap[elementId]);
		}
	);
}