/* default vars */
var defaultValue = "";
var defaultValues = ["Vul hier uw vraag in...", "Vul hier uw zoekterm in...", "Vul hier een plaatsnaam of postcode in..."];
var question = false;
var zipcode = false;
var zipchars = false;
var urlPath = document.location.hash;

$(document).ready(function() {

    $('#footer li:last').css('border', 'none');
    // Load home as the default content

    // @ reinoud: pagina's zetten nu toch zelf de active classes? 
    //$("#navigation li:first").children().addClass("active");
    //$('#search li:eq(1)').addClass('subactive');

    $('#question').focus(function() {
        $(this).removeClass('error').val('');
    });

    // Load pages
    // ajaxNav();
    // Validate field
    validateZipcode();
    // Search
    $("#search a.btn").click(function() {
        searchQuestion();
    });
    // Highlight active search-tab
    searchTab();
    // Highlight active navigation-tab
    //highlightActiveTab();

    // Show tooltips
    //toolTip();

    // Open tooltips in new window
    $(".tooltip li a").click(function() {
        var target = $(this).attr("href");
        window.open(target);
        return false;
    });

    // Resize text
    $("#footer li.resize a").click(function() {
        resizeText($(this));
        return false;
    });

    $("#footer ul li:not(.resize) a").click(function() {
        var page = $(this).attr("href");
        loadPage(page);
        $("#footer ul li:not(.resize)").children().each(function() {
            $(this).removeClass("active");
        });

        if (page == "home.aspx") {
            $("#navigation li:first").find("a").addClass("active");
        }

        $(this).addClass("active");
        return false;
    });

    // Open links in a new window
    rescale();
    openInNewWindow();
    $(document).pngFix();
});

/*------------- Functions --------------*/
function searchTab() {
    if ($("body").hasClass("search")) {
        $("fieldset .field label:first").html("Zoek op plaatsnaam of postcode:");
        $('#question').val('').focus();
    } else {
        $("body").removeClass("search");

        if ($("#search li.active a.question").length > 0) {
            $("fieldset .field label:first").html("Stel uw vraag aan Aladin, de vragendienst van de bibliotheek");
            $('#question').val('').focus();
        } else if ($("#search li.active a.library").length > 0) {
            $("fieldset .field label:first").html("Zoek op plaatsnaam of postcode:");
            $('#question').val('').focus();
        } else {
            $("fieldset .field label:first").html("Vind boeken, achtergronden, actualiteit, muziek en films");
            $('#question').val('').focus();
        }
    }

    $("#search ul li a").click(function() {
        $("input#question").removeClass("error");
        $("#search li").each(function() {
            $(this).removeClass("active");
            $(this).removeClass("subactive");
        });
        $(this).parent().addClass("active");
        $(this).parent().next().addClass("subactive");

        if ($(this).attr("class") == "question") {
            $("#search a.btn").html("Stel vraag!");
        } else {
            $("#search a.btn").html("Zoek");
        }

        // Highlight the correct form
        if ($("#search li.active a.library").length > 0) {
            $("body").addClass("search");
            $("fieldset .field label:first").html("Zoek op plaatsnaam of postcode:");

            $('#question').val('').focus();
        } else if ($("#search li.active a.collection").length > 0) {
            $("body").removeClass("search");
            $("fieldset .field label:first").html("Vind boeken, achtergronden, actualiteit, muziek en films");

            $('#question').val('').focus();
        } else if ($("#search li.active a.question").length > 0) {
            $("body").removeClass("search");
            $("fieldset .field label:first").html("Stel uw vraag aan Aladin, de vragendienst van de bibliotheek");

            $('#question').val('').focus();
        }
        return false;
    });
}

function GaZoeken(e) {
    if (document.all) {
        e = event;
    }
    if (e.keyCode == 13) {
        e.returnValue = false;
        e.cancel = true;
        e.cancelBubble = true;
        searchQuestion();
        return false;
    }
}

function searchQuestion() {
    var url = $("#search ul li.active a").attr("href");
    var rel = $("#search ul li.active a").attr("rel");

    var questionValue = $("input#question").val();
    questionValue = questionValue.replace(/ /g, "%20");
    var zipcodeNrs = $("input#numbers").val();
    var zipcodeChars = $("input#chars").val();

    // Zoeken naar bibliotheek
    if (($("input#question").val() == "") && url != "Zoeken") {
        // zit in de array dus niet submitten
        $("input#question").addClass("error");
        $("input#question").val("U moet minimaal 1 woord invoeren om te zoeken.");
        return false;
    } else if (url != "Zoeken") {
        targetUrl = url + questionValue;
        // Open the correct page
        if (rel == 'external') {
            window.open(targetUrl);
        } else {
            loadPage(targetUrl);
        }
    } else if (url == "Zoeken") {
        
        // Remove active navigation
        $("#navigation ul li").children().removeClass("active");
        if (!$("input#question").val() == "") {
            $("input#question,input#numbers,input#chars").removeClass("error");
            targetUrl = url + "?zoekbibliotheek=" + questionValue;
            // Open the correct page
            if (rel == 'external') {
                window.open(targetUrl);
            } else {
                window.location = targetUrl;
            }
        } else {
            // search is in defaults -> error!
            $("input#question,input#numbers,input#chars").addClass("error");
            $("input#question").val("U moet minimaal 1 woord invoeren om te zoeken.");
        }
    }
    //searchTab();
}

function validateZipcode() {
    $("input#numbers").blur(function() {
        if ($("input#numbers").val() != "") {
            if ($("input#numbers").val().match(/\d{4}/) == null) {
                $(this).addClass("error");
                zipChecked = false;
            } else {
                $(this).removeClass("error");
                zipChecked = true;
            }
        }
    });
}

function checkField(field, pcVal) {
    $(field).focus(function() {
        if ($(this).val() == defaultValue || $(this).val() == pcVal) {
            $(this).val("");
        }
    });
    $(field).blur(function() {
        if ($(this).val() == "" && $(this).attr("id") == "question") {
            $(this).val(defaultValue);
        } else if ($(this).val() == "" && ($(this).attr("id") == "numbers" || $(this).attr("id") == "chars")) {
            $(this).val(pcVal);
        }
    });
}

function resizeText(index) {
    var anchorClass = $(index).attr("class");
    $("body").attr("class", ""); // Remove any class
    $("body").addClass(anchorClass); // Add the class of the link to the body
    // Remove .active on the links
    $("#footer li.resize a").each(function() {
        $(this).removeClass("active");
    });
    $(index).addClass("active");
}

function highlightActiveTab() {
    // Get the location
    var pageId = location.hash;
    pageId = pageId.substr(1);
    // Highlight the tab if it's present in the url
    $("#navigation a, #footer a").each(function() {
        var page = $(this).attr('href');
        // Check if the hash is equal to one of the tabs
        if (pageId == page) {
            $("#navigation a").removeClass("active");
            $(this).addClass('active');

            // Change title
            var pageName = $(this).text();
            pageName = pageName.replace("&", "&");
            var pageTitle = "Bibliotheek.nl - " + pageName;
            document.title = pageTitle;
            loadPage(page);
        }
    });
}

function toolTip() {
    // Add tooltips to links
    $("#content a.tooltip, #content ul.tooltip a").each(function() {
        if ($(this).attr("title") != undefined) {
            var title = $(this).attr("title");
            $(this).prepend('<span class="tooltip">' + title + '</span>');
            $(this).removeAttr("title");
        }
    });
    // Show tooltip when hovered
    $("#content a").hover(function() {
        $(this).children('span').css('display', 'block');
    }, function() {
        $(this).children('span').css('display', 'none');
    });
}

function openInNewWindow() {
    $("a[rel='blank']").each(function() {
        $(this).attr('title', 'Link opent in een nieuw venster');
        $(this).click(function() {
            window.open(this.href);
            return false;
        });
    });
}

function rescale() {
    var width = $(window).width();
    if (width < 1100) {
        $('#search').css('left', 0);
        $('#content, #navigation').css('margin-left', 0);
        if ($.browser.msie && $.browser.version < 8) {
            $('#navigation').css('margin-left', -418);
        }
    }
    $(window).bind('resize', function() {
        var width = $(window).width();
        if (width < 1100) {
            $('#search').css('left', 0);
            $('#content, #navigation').css('margin-left', '0');
            if ($.browser.msie && $.browser.version < 8) {
               $('#navigation').css('margin-left', -418);
            }
        } else if (width > 1100) {
            $('#search').css('left', '142px');
            $('#navigation, #content').css('margin-left', '142px');
            if ($.browser.msie && $.browser.version < 8) {
               $('#navigation').css('margin-left', -278);
            }
        }
    });
}