/* 
Simple JQuery menu.
HTML structure to use:

Notes: 

1: each menu MUST have an ID set. It doesn't matter what this ID is as long as it's there.
2: each menu MUST have a class 'menu' set. If the menu doesn't have this, the JS won't make it dynamic

Optional extra classnames:

noaccordion : no accordion functionality
collapsible : menu works like an accordion but can be fully collapsed
expandfirst : first menu item expanded at page load

<ul id="menu1" class="menu [optional class] [optional class]">
<li><a href="#">Sub menu heading</a>
<ul>
<li><a href="http://site.com/">Link</a></li>
<li><a href="http://site.com/">Link</a></li>
<li><a href="http://site.com/">Link</a></li>
...
...
</ul>
<li><a href="#">Sub menu heading</a>
<ul>
<li><a href="http://site.com/">Link</a></li>
<li><a href="http://site.com/">Link</a></li>
<li><a href="http://site.com/">Link</a></li>
...
...
</ul>
...
...
</ul>

Copyright 2008 by Marco van Hylckama Vlieg

web: http://www.i-marco.nl/weblog/
email: marco@i-marco.nl

Free for non-commercial use
*/

function initMenus() {
    $('ul.menu ul').hide();
    $.each($('ul.menu'), function () {
        $('#' + this.id + '.expandfirst ul:first').show();
    });
    $('ul.menu li a').click(
        function () {
            var checkElement = $(this).next();
            var parent = this.parentNode.parentNode.id;

            if ($('#' + parent).hasClass('noaccordion')) {
                $(this).next().slideToggle('normal');
                return false;
            }
            if ((checkElement.is('ul')) && (checkElement.is(':visible'))) {
                if ($('#' + parent).hasClass('collapsible')) {
                    $('#' + parent + ' ul:visible').slideUp('normal');
                }
                return false;
            }
            if ((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
                $('#' + parent + ' ul:visible').slideUp('normal');
                checkElement.slideDown('normal');
                return false;
            }
        }
    );

    //open the correct section based on the current url in the address bar

    var url = new String(window.location.pathname).toLowerCase();

    $('ul.menu li a[href*=' + url + ']').html('<font style="font-weight:bolder;">' + $('ul.menu li a[href*=' + url + ']').html() + '</font>');


    $.each($('ul.menu li a'), function () {





        var irList = ["/ir/annual_reports.aspx", "/ir/corporate_governance.aspx", "/ir/corporate_governance_.aspx", "/ir/press.aspx", "/ir/2009_report.aspx", "/ir/2008_report.aspx"];
        var careerList = ["/jobs/careers.aspx", "/jobs/faq.aspx", "/jobs/au/jobs_au.aspx", "/jobs/us/jobs_usa.aspx"];
        var aboutList = ["/aboutus/brand_family.aspx", "/aboutus/mission.aspx", "/aboutus/quest.aspx", "/aboutus/board.aspx", "/aboutus/management.aspx", "/contactus/contactus.aspx"];
        var historyList = ["/history/start.aspx", "/history/firsts.aspx", "/history/30years.aspx"];

        $.each(irList, function () {
            if (url == this) {
                $('#ir-link').click();
            }
        });

        $.each(careerList, function () {
            if (url == this) {
                $('#career-link').click();
            }
        });

        $.each(aboutList, function () {

            if (url == this)
                $('#about-link').click();
        });

        $.each(historyList, function () {
            if (url == this)
                $('#history-link').click();
        });
    });
}

function initSearch() {
    //using window.location instead of a form submit.
    $("#Search").click(function () {
        var s = $("#searchField").val();
        if (s != 'Search') {
            window.location = 'http://www.quiksilverinc.com/sr.aspx?keywords=' + $("#searchField").val();
        }
        return false;
    });

    //uses hint plug in.
    $('#searchField[title]!=""').hint();


    //mouse overs 
    $("#Search").mouseover(function () {
        $("#Search").attr('src', 'http://www.quiksilver.com/images/hsr_search-over.gif');
    }).mouseout(function () {
        $("#Search").attr('src', 'http://www.quiksilver.com/images/hsr_search.gif');
    });
}


$(document).ready(function () {
    initMenus();
    initSearch();

});