$(function () {
    /* IE6 png transparency fix */

    $.ifixpng('/Images/SpaPortfolio/trans.gif');
    $('img[src$=.png], .pngfix, #spa_tags li').ifixpng(); 	/* class of png css background images */

    /* Spa home - world map */

    $("#hpmap_europe").mouseover(function () { $("#home_map_img").attr('src', '/Images/SpaPortfolio/hp_europe.png'); $('#home_map_img').ifixpng(); });
    $("#hpmap_middleeast").mouseover(function () { $("#home_map_img").attr('src', '/Images/SpaPortfolio/hp_middleeast.png'); $('#home_map_img').ifixpng(); });
    $("#hpmap_asia").mouseover(function () { $("#home_map_img").attr('src', '/Images/SpaPortfolio/hp_asia.png'); $('#home_map_img').ifixpng(); });
    $("#hpmap_africa").mouseover(function () { $("#home_map_img").attr('src', '/Images/SpaPortfolio/hp_africa.png'); $('#home_map_img').ifixpng(); });
    $("#hpmap_australia").mouseover(function () { $("#home_map_img").attr('src', '/Images/SpaPortfolio/hp_australia.png'); $('#home_map_img').ifixpng(); });
    $("#hpmap_americas").mouseover(function () { $("#home_map_img").attr('src', '/Images/SpaPortfolio/hp_americas.png'); $('#home_map_img').ifixpng(); });
    $("#hpmap_east").mouseover(function () { $("#home_map_img").attr('src', '/Images/SpaPortfolio/hp_east.png'); $('#home_map_img').ifixpng(); });

    /* Spa home - scrolling spa images */

    if ($("#scroll_images").attr('id')) {
        $offset = 6;
        $("#scroll_window").scrollTo($offset);
        $maxscroll_home = $("#scroll_images").width() - $("#scroll_window").width();

        $incr = 312;
        $xincv = 0;
        $("#arrow_left_scroll").click(function () {
            $xincv -= $incr;
            if ($xincv <= 0)
            { $xincv = $offset; }
            $("#scroll_window").scrollTo($xincv, 1000, { axis: 'x' });
        });

        $("#arrow_right_scroll").click(function () {
            $xincv += $incr;
            if ($xincv >= $maxscroll_home)
            { $xincv = $offset; }
            $("#scroll_window").scrollTo($xincv, 1000, { axis: 'x' });
        });

        //$("#home_side_scroll .scroll_spa").mouseout(function () { $("#home_side_scroll p").css('display', 'none'); });
        //$("#home_side_scroll .scroll_spa").mouseover(function () { $(this).children("p").css('display', 'block'); });
    }

    /* Spa detail - scrolling description text */

    if ($("#scroll_text").attr('id')) {
        $("#scroll_window").scrollTo(0);

        $maxscroll = $("#scroll_text").height() - $("#scroll_window").height();
        $incr = $("#scroll_window").height() - 20;
        $xincv = 0;

        $("#arrow_down_scroll").click(function () {
            $xincv += $incr;
            if ($xincv > $maxscroll) { $xincv = $maxscroll; }
            $("#scroll_window").scrollTo($xincv, 1500);
        });

        $("#arrow_up_scroll").click(function () {
            $xincv -= $incr;
            if ($xincv < 0) { $xincv = 0; }
            $("#scroll_window").scrollTo($xincv, 1500);
        });
    }

    /* Spa detail - scrolling description text, scroll arrows rollover */

    $("#arrow_up_scroll").mouseover(function () { $("#arrow_up_scroll").css('background', 'url(img/arrow_u_roll.png) no-repeat'); $('.pngfix').ifixpng(); });
    $("#arrow_up_scroll").mouseout(function () { $("#arrow_up_scroll").css('background', 'url(img/arrow_u.png) no-repeat'); $('.pngfix').ifixpng(); });
    $("#arrow_down_scroll").mouseover(function () { $("#arrow_down_scroll").css('background', 'url(img/arrow_d_roll.png) no-repeat'); $('.pngfix').ifixpng(); });
    $("#arrow_down_scroll").mouseout(function () { $("#arrow_down_scroll").css('background', 'url(img/arrow_d.png) no-repeat'); $('.pngfix').ifixpng(); });

    $("ul#spa_tags li").mouseenter(function () {
        spanumb = $(this).children("span").css('display', 'block');
        spanumb = $(this).css('z-index', '140');
    });

    $("ul#spa_tags li").mouseleave(function () {
        spanumb = $("ul#spa_tags span").css('display', 'none');
        spanumb = $(this).css('z-index', '120');
    });

    $("ul#spa_tags li").click(function () {
        var selClass = $(this).attr('class');
        var spanumb = 0;
        var spanumbold = 0;
        spanumb = $(this).attr('class').substring(5, $(this).attr('class').indexOf(" "));

        if ($(".right_tag_hi").attr('class') != null) {
            spanumbold = $(".right_tag_hi").attr('class').substring(5, $(".right_tag_hi").attr('class').indexOf(" "));
            if (spanumbold > 0) {
                $(".right_tag_hi").attr('class', 'spaid' + spanumbold + ' right_tag');
                $(".spa-name-hi").attr('class', 'spa-name spa-name' + spanumbold);
            }
        }

        if ($(".left_tag_hi").attr('class') != null) {
            spanumbold = $(".left_tag_hi").attr('class').substring(5, $(".left_tag_hi").attr('class').indexOf(" "));
            if (spanumbold > 0) {
                $(".left_tag_hi").attr('class', 'spaid' + spanumbold + ' left_tag');
                $(".spa-name-hi").attr('class', 'spa-name spa-name' + spanumbold);
            }
        }

        if (selClass.indexOf('right_tag') != -1) {
            $(this).attr('class', 'spaid' + spanumb + ' right_tag_hi');
            $(".spa-name" + spanumb).attr('class', 'spa-name-hi spa-name' + spanumb);
        }
        if (selClass.indexOf('left_tag') != -1) {
            $(this).attr('class', 'spaid' + spanumb + ' left_tag_hi');
            $(".spa-name" + spanumb).attr('class', 'spa-name-hi spa-name' + spanumb);
        }

        $(".spa-name" + spanumb).css('display', 'block');

        $("#map_details_spa_panel").fadeTo(500, 0.1, function () {
            $(".spaInfo").css('display', 'none');
            $(".spa_" + spanumb).css('display', 'block');
            $("#map_details_spa_panel").fadeTo(500, 1);
            Cufon.refresh();
        });
    });

    /* Spa countries - accordion list */
    if ($("#countries_list").attr('id')) {
        $("#countries_list").accordion({ header: 'h2', animated: 'slide', autoHeight: false, collapsible: true });
        $("#countries_list h2").click(function () {
            $("#countries_list h2").css({ color: '#84687E', background: 'url(/Images/SpaPortfolio/arrow_closed.jpg) no-repeat 710px 2px' });
            $(this).css({ color: '#FFFFFF', background: 'url(/Images/SpaPortfolio/arrow_open.jpg) no-repeat 710px 2px' });
        });
    }

    $(".FacilityLink").mouseover(function () { $("#spa_icon_text").html($(this).attr('alt')); });

    $.ifixpng('img/trans.gif');
    $('.pngfix').ifixpng();
    $('img[src$=.png]').ifixpng();

    $("#arrow_up_scroll").mouseover(function () { $("#arrow_up_scroll").css('background', 'url(/Images/SpaPortfolio/arrow_u_roll.png) no-repeat'); $('.pngfix').ifixpng(); });
    $("#arrow_up_scroll").mouseout(function () { $("#arrow_up_scroll").css('background', 'url(/Images/SpaPortfolio/arrow_u.png) no-repeat'); $('.pngfix').ifixpng(); });
    $("#arrow_down_scroll").mouseover(function () { $("#arrow_down_scroll").css('background', 'url(/Images/SpaPortfolio/arrow_d_roll.png) no-repeat'); $('.pngfix').ifixpng(); });
    $("#arrow_down_scroll").mouseout(function () { $("#arrow_down_scroll").css('background', 'url(/Images/SpaPortfolio/arrow_d.png) no-repeat'); $('.pngfix').ifixpng(); });

    /* Spa details - background images fade and change */

    function bgimgFade(imgn, thumbn, old) {
        var oldn = $("#spa_bg_img img").attr('src').charAt(53);
        $("#spa_bg_img img").fadeTo(250, 0, function () {
            $("#spa_bg_img img").attr('src', 'http://images.espaonline.com/SpaPortfolio/Background-' + imgn + '/' + thumbn + '.jpg');
            $("#spa_bg_img img").delay(1000).fadeTo(500, 1);
        });
        $(old).fadeTo(250, 0, function () {
            $(old).attr('src', 'http://images.espaonline.com/SpaPortfolio/Spa-Detail-' + oldn + '/' + thumbn + '.jpg');
            $(old).delay(1000).fadeTo(500, 1);
        });
    }

    $("#more_images .img1").click(function () { bgimgFade($(this).attr('src').charAt(53), $(this).attr('alt'), '#more_images .img1') });
    $("#more_images .img2").click(function () { bgimgFade($(this).attr('src').charAt(53), $(this).attr('alt'), '#more_images .img2') });
    $("#more_images .img3").click(function () { bgimgFade($(this).attr('src').charAt(53), $(this).attr('alt'), '#more_images .img3') });
    $("#more_images img").mouseover(function () { $(this).fadeTo(250, 0.7); });
    $("#more_images img").mouseout(function () { $(this).fadeTo(250, 1); });

    $(document).ready(function () {
        if ($("#hidePanel").is(":hidden")) {
            $("#hidePanel").delay(2000).slideDown(2000);
            $("#spa_details_panel #spa_details_display").css('background', 'url(/Images/SpaPortfolio/arrow_u_disp.png) top left no-repeat').delay(2000); /* RAWWW */
        }
    });

    $("#NameLink").click(function () {
        if ($("#hidePanel").is(":hidden")) {
            $("#hidePanel").slideDown("slow");
            $("#spa_details_panel #spa_details_display").css('background', 'url(/Images/SpaPortfolio/arrow_u_disp.png) top left no-repeat'); /* RAWWW */
            
            return false;
        } else {
            $("#hidePanel").slideUp("slow");
            $("#spa_details_panel #spa_details_display").css('background', 'url(/Images/SpaPortfolio/arrow_d_disp.png) top left no-repeat'); /* RAWWW */
            return false;
        }
    });
    $("#spa_details_panel .spa_details_display_toggle").click(function () {  /* RAWWW */
        if ($("#hidePanel").is(":hidden")) {
            $("#hidePanel").slideDown("slow");
            $("#spa_details_panel #spa_details_display").css('background', 'url(/Images/SpaPortfolio/arrow_u_disp.png) top left no-repeat'); /* RAWWW */
            return false;
        } else {
            $("#hidePanel").slideUp("slow");
            $("#spa_details_panel #spa_details_display").css('background', 'url(/Images/SpaPortfolio/arrow_d_disp.png) top left no-repeat'); /* RAWWW */
            return false;
        }
    });
    
    $("#NameLink").mouseenter(function () {
        $("#spa_details_panel h2 a").css('color', '#c96ca9');
        Cufon.refresh();
    });
    $("#NameLink").mouseleave(function () {
        $("#spa_details_panel h2 a").css('color', '#FFFFFF');
        Cufon.refresh();
    });

    $("#spa_details_panel .spa_details_display_toggle").mouseenter(function () {
        $("#spa_details_panel h2 a").css('color', '#c96ca9');
        Cufon.refresh();
    });
    $("#spa_details_panel .spa_details_display_toggle").mouseleave(function () {
        $("#spa_details_panel h2 a").css('color', '#FFFFFF');
        Cufon.refresh();
    });


//    $(".NameLink").click(function () {
//        var spaId = $(this).attr('class').substring(17);
//        if ($(".hidePanel1" + spaId).is(":hidden") && $(".hidePanel2" + spaId).is(":hidden")) {
//            $(".hidePanel1" + spaId).slideDown("slow");
//            $(".hidePanel2" + spaId).slideDown("slow");
//        } else {
//            $(".hidePanel1" + spaId).slideUp("slow");
//            $(".hidePanel2" + spaId).slideUp("slow");
//        }
//        return false;
//    });

    /* search map */

    function searchSelectArea(source) {
        $(".world_map_img").attr('src', source);
    }

    function searchInitaliseArea() {
        switch ($(".world_map_img").attr('class').substring(14)) {
            case "africa":
                $(".world_map_img").attr('src', searchSelectArea('/Images/SpaPortfolio/smap_africa_roll.jpg'));
                break;
            case "asia":
                $(".world_map_img").attr('src', searchSelectArea('/Images/SpaPortfolio/smap_asia_roll.jpg'));
                break;
            case "europe":
                $(".world_map_img").attr('src', searchSelectArea('/Images/SpaPortfolio/smap_europe_roll.jpg'));
                break;
            case "middle-east":
                $(".world_map_img").attr('src', searchSelectArea('/Images/SpaPortfolio/smap_middleeast_roll.jpg'));
                break;
            case "americas":
                $(".world_map_img").attr('src', searchSelectArea('/Images/SpaPortfolio/smap_americas_roll.jpg'));
                break;
            case "asia-and-oceania":
                $(".world_map_img").attr('src', searchSelectArea('/Images/SpaPortfolio/smap_east_roll.jpg'));
                break;
        }
    }

    if ($("#world_map").attr('id')) {
        searchInitaliseArea();
    }

    $("#smap_europe").mouseover(function () { $(".world_map_img").attr('src', searchSelectArea('/Images/SpaPortfolio/smap_europe_roll.jpg')); });
    $("#smap_europe").mouseout(function () { searchInitaliseArea(); });
    $("#smap_africa").mouseover(function () { $(".world_map_img").attr('src', searchSelectArea('/Images/SpaPortfolio/smap_africa_roll.jpg')); });
    $("#smap_africa").mouseout(function () { searchInitaliseArea(); });
    $("#smap_americas").mouseover(function () { $(".world_map_img").attr('src', searchSelectArea('/Images/SpaPortfolio/smap_americas_roll.jpg')); });
    $("#smap_americas").mouseout(function () { searchInitaliseArea(); });
    $("#smap_east").mouseover(function () { $(".world_map_img").attr('src', searchSelectArea('/Images/SpaPortfolio/smap_east_roll.jpg')); });
    $("#smap_east").mouseout(function () { searchInitaliseArea(); });

    $("#spa_map_uk_ireland_1").mouseover(function () { $("#map_europe_bg_uk_ireland_roll").attr('src', '/Images/SpaPortfolio/map_europe_bg_uk_ireland_roll.png'); $('#map_europe_bg_uk_ireland_roll').ifixpng(); });
    $("#spa_map_uk_ireland_1").mouseout(function () { $("#map_europe_bg_uk_ireland_roll").attr('src', '/Images/SpaPortfolio/map_europe_bg_uk_ireland.png'); });
    $("#spa_map_uk_ireland_2").mouseover(function () { $("#map_europe_bg_uk_ireland_roll").attr('src', '/Images/SpaPortfolio/map_europe_bg_uk_ireland_roll.png'); $('#map_europe_bg_uk_ireland_roll').ifixpng(); });
    $("#spa_map_uk_ireland_2").mouseout(function () { $("#map_europe_bg_uk_ireland_roll").attr('src', '/Images/SpaPortfolio/map_europe_bg_uk_ireland.png'); });

    /* top buttons */

    $("#link_share").click(function () { $("#share").stop(true, true).css('display', 'block'); $("#share").fadeTo(2500, 1); });
    $("#share .close_button").mouseover(function () { $(".close_button").attr('src', '/Images/SpaPortfolio/close_roll.gif'); });
    $("#share .close_button").mouseout(function () { $(".close_button").attr('src', '/Images/SpaPortfolio/close.gif'); });
    $("#share .close_button").click(function () {
        $("form")[0].reset();
        $("#share").fadeTo(1000, 0, function () {
            $("#share").css('display', 'none');
        });
    });

    $("#link_contact").click(function () { $("#contact_info").css('display', 'block'); $("#contact_info").stop(true, true).fadeTo(2500, 1); });
    $("#contact_info .close_button").mouseover(function () { $(".close_button").attr('src', '/Images/SpaPortfolio/close_roll.gif'); });
    $("#contact_info .close_button").mouseout(function () { $(".close_button").attr('src', '/Images/SpaPortfolio/close.gif'); });
    $("#contact_info .close_button").click(function () {
        $("form")[0].reset();
        $("#contact_info").fadeTo(1000, 0, function () {
            $("#contact_info").css('display', 'none');
        });
    });

    /* extra footer */

    $("#moreaboutus").hide();
    $("#moreaboutuslink").click(function () {
        if ($("#moreaboutus").is(":hidden")) {
            $("#moreaboutus").slideDown("slow");
        } else {
            $("#moreaboutus").hide();
        }
    });
});