﻿// JScript File
function Mediachase_Header() {

    var menuOpened = {};

    this.initDropdownMenu = function(menuId) {
        /*$('#jsddm > li').bind('mouseover', jsddm_open);
        $('#jsddm > li').bind('mouseout', jsddm_timer);*/
        $(menuId + '.jsddm > li').bind('click', { menu: $(menuId + '.jsddm > li'), id: menuId }, toggleMenu);
        $(menuId + '.jsddm .inner_list').hide();
        menuOpened[menuId] = false;
    };

    function openMenu(menuId, menu) {
        //closeMenu();
        if (menu != null) {
            menu.find('ul').eq(0).slideDown(200);  //css('visibility', 'visible');
            menuOpened[menuId] = true;
        }
    }

    function closeMenu(menuId, menu) {
        if (menu != null)
            menu.find('ul').eq(0).slideUp(200);  //css('visibility', 'hidden');
        menuOpened[menuId] = false;
    }

    function toggleMenu(event) {
        //menu = $('.jsddm > li');
        if (menuOpened[event.data.id])
            closeMenu(event.data.id, event.data.menu);
        else
            openMenu(event.data.id, event.data.menu);
    }

    this.initSearchAutocomplete = function(searchCtrlId, url) {
        $(searchCtrlId).autocomplete(url,
         {
             width: 300,
             max: 20,
             minChars: 1,
             scroll: true,
             scrollHeight: 350,
             parse: function(data) {
                 var tmp = Sys.Serialization.JavaScriptSerializer.deserialize(data);
                 return $.map(tmp, function(row) {
                     return {
                         data: row,
                         value: row.Keyword,
                         result: row.Keyword
                     }
                 });
             },
             formatItem: function(data, position, totalCount, value) {
                var desc = data.Keyword;
                if(desc.length > 90)
                    desc = desc.substr(0, 90) + " ...";
                  
                return "<div class=\"mui_item_row_wrap\"><a href=\"#\"><div class=\"mui_mini_thumb flo_l\"><img src='" + data.ImageUrl + "'></img></div><h5>" + data.Brand + "</h5><p>" + desc + "</p><div class=\"mui_now\">" + data.Price + "</div></a></div>";
             }
         }).result(function(event, item) {
             location.href = item.Url;
         });
    }
};

var CSHeader = new Mediachase_Header();
