$(document).ready(function() {

$("#menu .bg").hover(
            function() {
				tmpclss = $(this).attr("class");
                if(tmpclss=="bg f1" || tmpclss=="bg f2" || tmpclss=="bg f3" || tmpclss=="bg f4" || tmpclss=="f1 bg" || tmpclss=="f2 bg" || tmpclss=="f3 bg" || tmpclss=="f4 bg") {
					$(this).removeClass("bg");
					$(this).addClass("active2");
					} else {
					$(this).removeClass("bg");
					$(this).addClass("active1");
				};
                },
            function(){
                if(tmpclss=="bg f1" || tmpclss=="bg f2" || tmpclss=="bg f3" || tmpclss=="bg f4" || tmpclss=="f1 bg" || tmpclss=="f2 bg" || tmpclss=="f3 bg" || tmpclss=="f4 bg") {
					$(this).removeClass("active2");
					$(this).addClass("bg");
					} else {
					$(this).removeClass("active1");
					$(this).addClass("bg");
				};
            });
$("#menu div.bg").hover(
               function() {
                 ffq = $(this).attr("class");
                 if(ffq=="f1 active2") {
                   $("#menu div.f1 .pridatok").show();
                   $("#menu div.f1 .pridatokr").show();
                 } else {
                   if(ffq=="f2 active2") {
                     $("#menu div.f2 .pridatok").show();
                     $("#menu div.f2 .pridatokr").show();
                   } else { if(ffq=="f3 active2") {
                     $("#menu div.f3 .pridatok").show();
                     $("#menu div.f3 .pridatokr").show();
                     } else {if(ffq=="f4 active2") {
							$("#menu div.f4 .pridatok").show();
							$("#menu div.f4 .pridatokr").show();
							}; 
						};
                  };
                 };
               },
               function() {
                 if(ffq=="f1 active2") {
                   $("#menu div.f1 .pridatok").hide();
                   $("#menu div.f1 .pridatokr").hide();
                 } else {
                   if(ffq=="f2 active2") {
                     $("#menu div.f2 .pridatok").hide();
                     $("#menu div.f2 .pridatokr").hide();
                   } else { if(ffq=="f3 active2") {
                     $("#menu div.f3 .pridatok").hide();
                     $("#menu div.f3 .pridatokr").hide();
						} else {if(ffq=="f4 active2") {
							$("#menu div.f4 .pridatok").hide();
							$("#menu div.f4 .pridatokr").hide();
							}; 	
					 };
                  };
                 };
               }
);
setpridatokwidth();
});

function setpridatokwidth () {
clwd = document.body.clientWidth;
if (clwd > 1200) {clwd = 1200};
butt1 = Math.round((clwd - 200) * 0.14);
prid1 = 290 - butt1 + 40 + "px";
butt2 = Math.round((clwd - 200) * 0.21);
prid2 = 290 - butt2 + 25 + "px";
butt3 = Math.round((clwd - 200) * 0.13);
prid3 = 460 - butt3 + 15 + "px";
butt4 = Math.round((clwd - 200) * 0.18);
prid4 = 290 - butt4 + 35 + "px";
$("#pridatok1 .pridatokr").css("width",prid1);
$("#pridatok2 .pridatokr").css("width",prid2);
$("#pridatok3 .pridatokr").css("width",prid3);
$("#pridatok4 .pridatokr").css("width",prid4);
};

window.onresize = function() { setpridatokwidth(); };