window.addEvent('domready', function() {
    var where = "P";
    var browser = navigator.appName;
    if (browser == "Microsoft Internet Explorer") {
        var myhu = 'Pictures';
    }
    else {
        var myhu = 'Pictures/';
    };


    function startShow(data1, data2, data3) {
        var myShow1 = new Slideshow.Push('horizontal_slide1', data1, { captions: false, controller: false, delay: 2500, duration: 1000, height: 375, hu: myhu, width: 250 });
        var myShow2 = new Slideshow.Push('horizontal_slide2', data2, { captions: false, controller: false, delay: 2500, duration: 1000, height: 375, hu: myhu, width: 250 });
        var myShow3 = new Slideshow.Push('horizontal_slide3', data3, { captions: false, controller: false, delay: 2500, duration: 1000, height: 375, hu: myhu, width: 250 });
    };

    function showpanels(where) {
        if (where == "P") {
            $('menumob').setStyle('visibility', 'visible');
            $('menucan').setStyle('visibility', 'visible');
            $('menuout').setStyle('visibility', 'visible');
            $('menucib').setStyle('visibility', 'hidden');
            $('menubay').setStyle('visibility', 'hidden');
            $('menupau').setStyle('visibility', 'hidden');

        }
        else {
            $('menumob').setStyle('visibility', 'hidden');
            $('menucan').setStyle('visibility', 'hidden');
            $('menuout').setStyle('visibility', 'hidden');
            $('menucib').setStyle('visibility', 'visible');
            $('menubay').setStyle('visibility', 'visible');
            $('menupau').setStyle('visibility', 'visible');

        }
    };

    function boutiques() {
        $('A3').setStyle('visibility', 'hidden');
        $('A5').setStyle('visibility', 'visible');
        var pict1 = (["BAY1.jpg", "BAY5.jpg", "BAY2.jpg", "BAY3.jpg", "BAY4.jpg"]);
        var pict2 = (["CIB1.jpg", "CIB2.jpg", "CIB3.jpg", "CIB4.jpg", "CIB5.jpg"]);
        var pict3 = (["PAU1.jpg", "PAU2.jpg", "PAU3.jpg", "PAU4.jpg", "PAU5.jpg"]);
        where = "B";
        hidepanels(where);
        startShow(pict1, pict2, pict3);
        myHorizontalSlide1.slideIn();
        myHorizontalSlide2.slideIn();
        myHorizontalSlide3.slideIn();
    };

    function hidepanels(where) {
        if (where == "P") {

            $('menucib').setStyle('visibility', 'hidden');
            $('menubay').setStyle('visibility', 'hidden');
            $('menupau').setStyle('visibility', 'hidden');
            $('blockmenus1').setStyle('visibility', 'visible');
            $('blockmenus2').setStyle('visibility', 'visible');
            $('blockmenus3').setStyle('visibility', 'visible');
            $('blockmenus1_1').setStyle('visibility', 'hidden');
            $('blockmenus2_1').setStyle('visibility', 'hidden');
            $('blockmenus3_1').setStyle('visibility', 'hidden');

        }
        else {
            $('menumob').setStyle('visibility', 'hidden');
            $('menucan').setStyle('visibility', 'hidden');
            $('menuout').setStyle('visibility', 'hidden');
            $('blockmenus1').setStyle('visibility', 'hidden');
            $('blockmenus2').setStyle('visibility', 'hidden');
            $('blockmenus3').setStyle('visibility', 'hidden');
            $('blockmenus1_1').setStyle('visibility', 'visible');
            $('blockmenus2_1').setStyle('visibility', 'visible');
            $('blockmenus3_1').setStyle('visibility', 'visible');
        }
    };
    var pict1 = (['m1.jpg', 'm2.jpg', 'm3.jpg', 'm4.jpg']);
    var pict2 = (["C1.jpg", "C2.jpg", "C3.jpg", "C4.jpg"]);
    var pict3 = (["O1.jpg", "O2.jpg", "O3.jpg", "O4.jpg"]);
    startShow(pict1, pict2, pict3);


    var myHorizontalSlide1 = new Fx.Slide('horizontal_slide1', { mode: 'horizontal' });
    var myHorizontalSlide2 = new Fx.Slide('horizontal_slide2', { mode: 'horizontal' });
    var myHorizontalSlide3 = new Fx.Slide('horizontal_slide3', { mode: 'horizontal' });



    $('horizontal_slide1').addEvent('mouseenter', function(e) {
        e.stop();
        myHorizontalSlide1.slideOut();
        myHorizontalSlide2.slideIn();
        myHorizontalSlide3.slideIn();
        showpanels(where);
    });
    $('menumob').addEvent('mouseleave', function(e) {
        e.stop();
        myHorizontalSlide1.slideIn();
    });
    $('menubay').addEvent('mouseleave', function(e) {
        e.stop();
        myHorizontalSlide1.slideIn();
    });
    $('horizontal_slide2').addEvent('mouseenter', function(e) {
        e.stop();
        myHorizontalSlide2.slideOut();
        myHorizontalSlide1.slideIn();
        myHorizontalSlide3.slideIn();
        showpanels(where);
    });
    $('menucan').addEvent('mouseleave', function(e) {
        e.stop();
        myHorizontalSlide2.slideIn();
    });
    $('menucib').addEvent('mouseleave', function(e) {
        e.stop();
        myHorizontalSlide2.slideIn();
    });
    $('horizontal_slide3').addEvent('mouseenter', function(e) {
        e.stop();
        myHorizontalSlide3.slideOut();
        myHorizontalSlide1.slideIn();
        myHorizontalSlide2.slideIn();
        showpanels(where);
    });
    $('menuout').addEvent('mouseleave', function(e) {
        e.stop();
        myHorizontalSlide3.slideIn();
    });
    $('menupau').addEvent('mouseleave', function(e) {
        e.stop();
        myHorizontalSlide3.slideIn();
    });
    $('menu_mob').addEvent('mouseover', function(e) {
        e.stop();
        myHorizontalSlide1.slideOut();
        myHorizontalSlide2.slideIn();
        myHorizontalSlide3.slideIn();
        showpanels(where);

    });
    $('menu_can').addEvent('mouseover', function(e) {
        e.stop();
        myHorizontalSlide2.slideOut();
        myHorizontalSlide1.slideIn();
        myHorizontalSlide3.slideIn();
        showpanels(where);

    });
    $('menu_out').addEvent('mouseover', function(e) {
        e.stop();
        myHorizontalSlide3.slideOut();
        myHorizontalSlide1.slideIn();
        myHorizontalSlide2.slideIn();
        showpanels(where);

    });

    $('menu_bay').addEvent('mouseenter', function(e) {
        e.stop();
        myHorizontalSlide1.slideOut();
        myHorizontalSlide2.slideIn();
        myHorizontalSlide3.slideIn();
        showpanels(where);

    });
    $('menu_cib').addEvent('mouseenter', function(e) {
        e.stop();
        myHorizontalSlide2.slideOut();
        myHorizontalSlide1.slideIn();
        myHorizontalSlide3.slideIn();
        showpanels(where);

    });
    $('menu_pau').addEvent('mouseenter', function(e) {
        e.stop();
        myHorizontalSlide3.slideOut();
        myHorizontalSlide1.slideIn();
        myHorizontalSlide2.slideIn();
        showpanels(where);

    });


    $('A3').addEvent('click', function() {
        //e.stop();
        $('A3').setStyle('visibility', 'hidden');
        $('A5').setStyle('visibility', 'visible');
        var pict1 = (["BAY1.jpg", "BAY5.jpg", "BAY2.jpg", "BAY3.jpg", "BAY4.jpg"]);
        var pict2 = (["CIB1.jpg", "CIB2.jpg", "CIB3.jpg", "CIB4.jpg", "CIB5.jpg"]);
        var pict3 = (["PAU1.jpg", "PAU2.jpg", "PAU3.jpg", "PAU4.jpg", "PAU5.jpg"]);
        where = "B";
        hidepanels(where);
        startShow(pict1, pict2, pict3);
        myHorizontalSlide1.slideIn();
        myHorizontalSlide2.slideIn();
        myHorizontalSlide3.slideIn();

    });

    $('A5').addEvent('click', function() {
        //e.stop();
        $('A5').setStyle('visibility', 'hidden');
        $('A3').setStyle('visibility', 'visible');
        var pict1 = (['m1.jpg', 'm2.jpg', 'm3.jpg', 'm4.jpg']);
        var pict2 = (["C1.jpg", "C2.jpg", "C3.jpg", "C4.jpg"]);
        var pict3 = (["O1.jpg", "O2.jpg", "O3.jpg", "O4.jpg"]);
        where = "P";
        hidepanels(where);
        startShow(pict1, pict2, pict3);
        myHorizontalSlide1.slideIn();
        myHorizontalSlide2.slideIn();
        myHorizontalSlide3.slideIn();
    });

});