// Image Pfad
var imgPath = "http://www.rado.com/_inc/images/navigation/";
// var imgPath = "http://rado.local:8080/_inc/images/navigation/";
// var imgPath = "http://www.rado.com/files/";
// var imgPath = "http://www.nuggets.ch.java.interway.ch/_inc/images/navigation/";

// Image Array männlich
var imgArray = new Array();
imgArray[0] = imgPath + "rado_dstar_m.png";
imgArray[1] = imgPath + "rado_thinline.png";
imgArray[2] = imgPath + "rado_v10k.png";
imgArray[3] = imgPath + "rado_r5.5.png";
imgArray[4] = imgPath + "rado_ceramica.png";
imgArray[5] = imgPath + "rado_sintra.png";
imgArray[6] = imgPath + "rado_integral.png";
imgArray[7] = imgPath + "rado_radotrue.png";
imgArray[8] = imgPath + "rado_original.png";
imgArray[9] = imgPath + "rado_centrix.png";
imgArray[10] = imgPath + "rado_coupole.png";
imgArray[11] = imgPath + "rado_anatom.png";
imgArray[12] = imgPath + "rado_thinline.png";
imgArray[13] = imgPath + "rado_dstar_m.png";

// Image Array weiblich
var imgArray2 = new Array();
imgArray2[0] = imgPath + "rado_dstar_m.png";
imgArray2[1] = imgPath + "rado_thinline_w.png";
imgArray2[2] = imgPath + "rado_v10k_w.png";
imgArray2[3] = imgPath + "rado_r5.5_w.png";
imgArray2[4] = imgPath + "rado_ceramica_w.png";
imgArray2[5] = imgPath + "rado_sintra_w.png";
imgArray2[6] = imgPath + "rado_integral_w.png";
imgArray2[7] = imgPath + "rado_radotrue_w.png";
imgArray2[8] = imgPath + "rado_original_w.png";
imgArray2[9] = imgPath + "rado_centrix_w.png";
imgArray2[10] = imgPath + "rado_esenza_w.png";
imgArray2[11] = imgPath + "rado_coupole_w.png";
imgArray2[12] = imgPath + "rado_anatom_w.png";
imgArray2[13] = imgPath + "rado_joaillerie_w.png";



// Methode um die Navigation auf und zu zuklappen.
function mainmenu() {
    $("#trans-nav ul").css({ display: "none" });

    $("#trans-nav li").hover(function () {
        $(this).find('ul:first').css({ visibility: "visible", display: "none" }).show(1000);
        if ($(this).find('ul').text() != '')
            $(this).find("a[id^='naviItem_l1']").css({ "border-bottom": "none" });
    }, function () {
        $(this).find('ul:first').css({ visibility: "hidden" });
        $(this).find("a[id^='naviItem_l1']").css({ "border-bottom": "1px dotted white" });
    });
}

// Mouse-Over für Uhren männlich
var mouseover = function () {
    var id = $(this).attr("class").match(/(\d{1,2})/g)[0];

    $("#mnuCollectioImage").removeClass("hide");
    $("#mnuCollectioImage").html("<img src='" + imgArray[id] + "' />");
}

var mouseout = function () {
    $("#mnuCollectioImage").addClass("hide");
}

$(document).ready(function () {
    mainmenu();

    $("#naviItem_l2_ul_Collection li").each(function (i) {
        $(this).addClass("imgId_" + i);
    });

    $("#naviItem_l2_ul_Collection li").hover(mouseover, mouseout);
});

// Mouse-Over für Uhren weiblich
var mouseover2 = function () {
    var id = $(this).attr("class").match(/(\d{1,2})/g)[0];

    $("#mnuCollectioImage2").removeClass("hide");
    $("#mnuCollectioImage2").html("<img src='" + imgArray2[id] + "' />");
}

var mouseout2 = function () {
    $("#mnuCollectioImage2").addClass("hide");
}

$(document).ready(function () {
    mainmenu();

    $("#naviItem_l2_ul_Collection2 li").each(function (i) {
        $(this).addClass("imgId_" + i);
    });

    $("#naviItem_l2_ul_Collection2 li").hover(mouseover2, mouseout2);
});
