$(document).ready(function(){
 
    // check the window size when page loads
    checkWidth();
 
    // check on resize
    $(window).resize(function() {
        checkWidth();
    });

	$('#keeled ul li.extendable').hover(
		function() {
			$(this).children('ul:not(:animated)').slideDown('normal');
		},
		function() {
			$(this).children('ul').slideUp('fast');
		}
	);
	$('#keeled ul li.extendable ul.submenu li').hover(
		function() {
			if(!$(this).hasClass('submenu-bottom'))
			{
				$(this).addClass('submenu-hover');
			}
		},
		function() {
			$(this).removeClass('submenu-hover');
		}
	);
	$('#keeled ul li.extendable ul.submenu li').click(function() {
		window.location = $(this).children('a').attr('href');
	}); 

});

function checkWidth () {
		
    if ($(window).width() > 1500) {
        $('#kaart-vasak-ylemine').css("background-position", '0% 0%');
		$('#kaart-vasak-alumine').css("background-position", '0% 100%');
		$('#kaart-parem-alumine').css("background-position", '100% 100%');
        }		
    else if ($(window).width() < 1000) {
	    $('#kaart-vasak-ylemine').css("background-position", '-100% 0%');
		$('#kaart-vasak-alumine').css("background-position", '-100% 100%');
        $('#kaart-parem-alumine').css("background-position", '983px 100%');
        }
    else {
	    $('#kaart-vasak-ylemine').css("background-position", '-'+(($(window).width()*(-0.1)+150)*2)+'% 0%');
		$('#kaart-vasak-alumine').css("background-position", '-'+(($(window).width()*(-0.1)+150)*2)+'% 100%');
        $('#kaart-parem-alumine').css("background-position", '983px 100%');
        }
	}