var dayNamesArr, dayNamesMinArr, dayNamesShortArr, monthNamesArr, monthNamesShortArr;
var prevTextStr, nextTextStr;

function badBrowser() {
    var userAgent = navigator.userAgent.toLowerCase();

    // Check for Microsoft Internet Explorer 8.0
    if ($.browser.msie && parseInt($.browser.version, 10) < 8) {
        return true;
    }
    // Check for Opera 9.5
    if ($.browser.opera && ($.browser.version * 10) <= 95) {
        return true;
    }
    // Check for Mozilla Firefox 3.0
    if (/firefox[\/\s](\d+\.\d+)/.test(userAgent)) {
        var ffversion = Number(RegExp.$1);
        if (ffversion < 3) {
            return true;
        }
    }
    // Check for Safari < Version 4.0
    if (/safari[\/\s](\d+\.\d+)/.test(userAgent) && !/chrome[\/\s](\d+\.\d+)/.test(userAgent)) {
        var safari = userAgent.indexOf('version');
        if (safari > -1) {
            var snip1 = safari + 8;
            var version = userAgent.substring(snip1, (snip1 + 1));
            if (version < 4) {
                return true;
            }
        }
    }
    // Check for Chrome < Version 3.0
    var chrome = userAgent.indexOf('chrome');
    if (chrome > -1) {
        var chromeAgent = userAgent.substring(userAgent.indexOf('chrome/') + 7);
        chromeAgent = chromeAgent.substring(0, chromeAgent.indexOf('.'));

        // If it is chrome then jQuery thinks it's safari so we have to tell it it isn't
        $.browser.safari = false;

        var snip1 = chrome + 7;
        var version = userAgent.substring(snip1, (snip1 + 1));
        version = chromeAgent;
        //alert('hier: ' + version);
        if (version < 3) {
            return true;
        }
    }

    return false;
}



$(function() {
    if (badBrowser()) {
        $('#oldbrowser_message').removeClass("hidden");
    }

    //alert("iebrowser: " + iebrowser + "; " + "netscapebrowser: " + netscapebrowser + " (" + "ff: " + ff + "; " + "safari: " + safari + ")");
    //alert("versionsnummer: " + versionsnummer);        
    /* ACCORDION */
    $(".accordion").accordion({
        collapsible: true,
        autoHeight: false,
        clearStyle: true
    });

    /* BUTTONS */
    $("input:image, a", ".buttons").button();
    $("a", "#quicksearch .theme_rot").button("option", "text", false);
    $("a", "#quicksearch .theme_rot").button("option", "icons", {});
    $("input:submit, input:image, a", ".icon_buttons").button("option", "icons", { secondary: 'ui-icon-arrowthick-1-e' });

    $("a", ".wkblue").button("option", "icons", { primary: 'ui-icon-warenkorb', secondary: 'ui-icon-arrowthick-1-e' });

    $("a", ".refresh").button("option", "icons", { primary: 'ui-icon-aktualisieren' });
    $("a", ".refresh").button("option", "text", false);

    $("a", ".wk").button("option", "icons", { primary: 'ui-icon-warenkorb' });


    var lng = $("#ctl00_Lng").val();
    switch (lng) {
        case "de":
            $("#buttons").addClass("de");
            $("#tabs").addClass("de");
            break;

        default:
        case "fr":
        case "en":
            $("#buttons").addClass("en");
            $("#tabs").addClass("en");
            break;
    }

    var currentTab = $("#ctl00_HeaderTabsActive").val();
    var currentButton = $("#ctl00_HoverImgActive").val();

    if (currentButton != "") $("#header_buttons a" + currentButton).addClass("active");
    if (currentTab != "") $("#header_tabs a" + currentTab).addClass("active");

    if (getTrans("LTranslationDayNames") != "") dayNamesArr = getTrans("LTranslationDayNames").split(', ');
    if (getTrans("LTranslationDayNamesMin") != "") dayNamesMinArr = getTrans("LTranslationDayNamesMin").split(', ');
    if (getTrans("LTranslationDayNamesShort") != "") dayNamesShortArr = getTrans("LTranslationDayNamesShort").split(', ');
    if (getTrans("LTranslationMonthNames") != "") monthNamesArr = getTrans("LTranslationMonthNames").split(', ');
    if (getTrans("LTranslationMonthNamesShort") != "") monthNamesShortArr = getTrans("LTranslationMonthNamesShort").split(', ');
    if (getTrans("LTranslationPrevious") != "") prevTextStr = getTrans("LTranslationPrevious");
    if (getTrans("LTranslationNext") != "") nextTextStr = getTrans("LTranslationNext");

    function getTrans(key) {
        if ($("#ctl00_" + key).html() != 'undefined' && $("#ctl00_" + key).html() != "") {
            return $("#ctl00_" + key).html();
        }
        else
            return "";
    }

    $("#ctl00_TBQuickSearch").autocomplete({
        source: function (request, response) {
            $.ajax({
                url: "/AsWebService.asmx/QuickSearch",
                dataType: "json",
                type: "POST",
                contentType: "application/json; charset=utf-8",
                data: "{searchWord:'" + request.term + "', lng:'" + document.getElementById("ctl00_Lng").value + "'}",
                success: function (data) {
                    response($.map(eval(data.d), function (item) {
                        return {
                            label: '<img src="' + item._img_uri_quicksearch + '" class="img" border="0" />' + doTheHighlight(item._artikelnummer + '<br/>' + item.name_utf8, $("#ctl00_TBQuickSearch").val()),
                            value: item._artikelnummer
                        }
                    }));
                    var px = $(".ui-autocomplete").css("left");
                    px = px.replace("px", "");
                    $(".ui-autocomplete").css("left", px - 97);
                },
                error: function (x, y, z) {
                    //alert(x.responseText);
                }
            })
        },
        minLength: 2,
        select: function (event, ui) {
            window.location = "/sec/scripts/Article.aspx?Nr=" + escape(ui.item.value).replace("+", "%2B").replace("/", "%2F");
        }
    });
    $('#ctl00_TBQuickSearch').focus(function () {
        if ($(this).val() == "" || $(this).val() == $(this).attr('title')) {
            $(this).val("").removeClass("hinted");
            $(this).css({ 'color': '#000' });
        }
        //$(this).addClass("hovered");
    }).blur(function () {
        if ($(this).val() == "") {
            $(this).val($(this).attr('title')).addClass("hinted");
            $(this).css({ 'color': '#4a4a4a' });
        }
        //$(this).removeClass("hovered");
    }).filter(function () {
        if ($(this).val() == "" || $(this).val() == $(this).attr('title')) {
            $(this).val($(this).attr('title')).addClass("hinted");
        }
    });

    $(".language_chooser").click(function () {
        $("#language_chooser_content").toggleClass('maximized', 150);
        return false;
    });

    $("#language_chooser_content img.grp_" + lng).each(function () {
        $("<img />", {
            alt: this.alt,
            border: this.border,
            src: this.src.replace(".jpg", ".gif"),
            style: "cursor:hand;",
            click: function () {
                $("#language_chooser_content").toggleClass('maximized', 150);
                return false;
            }
        }).appendTo("#active_grp");
    });



    $("#g1").fancybox({
        'opacity': true,
        'overlayOpacity': 0.6
    });

    $("#g2").fancybox({
        'opacity': true,
        'overlayOpacity': 0.6
    });
});

function doTheHighlight(value, term) {
    // Escape any regexy type characters so they don't bugger up the other reg ex
    term = term.replace(/([\^\$\(\)\[\]\{\}\*\.\+\?\|\\])/gi, "\\$1");

    // Join the terms with a pipe as an 'OR'
    term = term.split(' ').join('|');

    return value.replace(new RegExp("(?![^&;]+;)(?!<[^<>]*)(" + term + ")(?![^<>]*>)(?![^&;]+;)", "gi"), "<strong>$1<\/strong>");
}

function closeDialog(selector) {
    $(selector).dialog('close');
}
function openArticleCompare(url, width, height, titel) {
    var name = titel.replace(" ", "").replace(" ", "");
    var fenster = window.open(encodeURI(url) + "&time=" + (new Date()).getMilliseconds().toString(), name, "width=" + width + ",height=" + height);
    fenster.focus();
}
function openArticleCompareScroll(url, width, height, titel) {
    var name = titel.replace(" ", "").replace(" ", "");
    var fenster = window.open(encodeURI(url) + "&time=" + (new Date()).getMilliseconds().toString(), name, "scrollbars=yes,width=" + width + ",height=" + height);
    fenster.focus();
}