$(function () {


    $('ul.pager li a').mouseover(function () {

        $('span', this).show();
    });

    $('ul.pager li a').mouseout(function () {

        $('.paging li a span').hide();

    });

    $('ul.pager li').click(function () {

        var curIndex = $(this).index();

        $('ul.pager li').removeClass('active');

        $(this).addClass('active');
        $('.slider ul').cycle(curIndex);

        return false;
    });

    $('div.lang').click(function () {
        if ($('div.list', $(this)).is(':visible')) {
            //alert('is visible');
            $('div.list', $(this)).hide();
            $('div.lang p').removeClass('active');
        }
        else {
            //alert('not is visible');
            $('div.list', $(this)).show();
            $('div.lang p').addClass('active');
        }
        return false;

    });

    // handle click of a languge
    $('div.list div.change_language span a').click(function (e) {

        var target = $(e.target);
        var selectedLocale = $('div.list .country li a.active');

        // special redirect if China is selected.        
        if (selectedLocale != null && selectedLocale.attr('id') == "cn") {
            document.location.href = "http://sonos-china.com";
            return;
        }

        document.location.href = (target.attr('class') != null ? '?lang=' + target.attr('class') : '') +
                                    (selectedLocale.attr('id') != null ? '&region=' + selectedLocale.attr('id') : '');
    });


    // handle click of a country
    $('div.list .country li a').click(function (e) {

        var target = $(e.target);

        $('div.list .country span a').removeClass('active');
        target.addClass('active')

        // hide any non relevant languages for this country

        // first, hide them all
        $('div.list div.change_language span a').parent().css('display', 'none');

        switch (target.attr('id')) {
            case 'us':
                // just English
                $('div.list span a.en-us').parent().show();
                $('div.list span a.es-es').parent().show();
                break;
            case 'de':
                $('div.list span a.en-us').parent().show();
                $('div.list span a.de-de').parent().show();
                break;
            case 'uk':
                $('div.list span a.en-us').parent().show();
                break;
            case 'ca':
                $('div.list span a.en-us').parent().show();
                $('div.list span a.fr-fr').parent().show();
                break;
            case 'mx':
                $('div.list span a.es-es').parent().show();
                $('div.list span a.en-us').parent().show();
                break;
            case 'fr':
                $('div.list span a.en-us').parent().show();
                $('div.list span a.fr-fr').parent().show();
                break;
            case 'es':
                $('div.list span a.en-us').parent().show();
                $('div.list span a.es-es').parent().show();
                break;
            case 'it':
                $('div.list span a.en-us').parent().show();
                $('div.list span a.it-it').parent().show();
                break;
            case 'nl':
                $('div.list span a.en-us').parent().show();
                $('div.list span a.nl-nl').parent().show();
                break;
            case 'sv':
                $('div.list span a.en-us').parent().show();
                $('div.list span a.sv-se').parent().show();
                break;
            case 'no':
                $('div.list span a.en-us').parent().show();
                $('div.list span a.no-no').parent().show();
                break;
            case 'dk':
                $('div.list span a.en-us').parent().show();
                $('div.list span a.da-dk').parent().show();
                break;
            case 'be':
                $('div.list span a.en-us').parent().show();
                $('div.list span a.fr-fr').parent().show();
                $('div.list span a.nl-nl').parent().show();
                break;
            case 'au':
                $('div.list span a.en-us').parent().show();
                break;
            case 'roe':
                $('div.list span a.en-us').parent().show();
                $('div.list span a.fr-fr').parent().show();
                $('div.list span a.es-es').parent().show();
                $('div.list span a.de-de').parent().show();
                $('div.list span a.nl-nl').parent().show();
                $('div.list span a.it-it').parent().show();
                $('div.list span a.sv-se').parent().show();
                $('div.list span a.da-dk').parent().show();
                $('div.list span a.no-no').parent().show();
                break;
            case 'row':
                $('div.list span a.en-us').parent().show();
                $('div.list span a.fr-fr').parent().show();
                $('div.list span a.es-es').parent().show();
                $('div.list span a.de-de').parent().show();
                $('div.list span a.nl-nl').parent().show();
                $('div.list span a.it-it').parent().show();
                $('div.list span a.sv-se').parent().show();
                $('div.list span a.da-dk').parent().show();
                $('div.list span a.no-no').parent().show();
                break;

            case "cn":
                $('div.list span a.cn-zh').parent().show();
                break;
        }
        e.stopPropagation();
        return false;
    });

    $(document).click(function (e) {

        if (e.target.className !== 'lang' || e.target.className == '') {
            //alert('hiding');
            $('div.list').hide();
            $('div.lang p').removeClass('active');
        }

    });

    $(function () {

        if (!$(".text_slider")) {
            $(".text_slider").cycle({
                fx: 'scrollUp',
                pager: '#ul1',  // id of  in which pager contain
                activePagerClass: 'active',
                pagerAnchorBuilder: function (idx, slide) {
                    return '<li><a href="#"></a></li>'; //content of div in which pager contain
                }

            });
        }

    });


});

function onAfter(curr, next, opts) {

    var index = opts.currSlide;
    $('ul.pager li').removeClass('active');
    $('ul.pager li').eq(index).addClass('active');

}