(function() {
    $(document).ready(function() {
        window.$layout = $('#layout');
        setupInterfaces();
    });

    function setupInterfaces() {
        if ((jQuery.browser.msie) && (jQuery.browser.version < 7)) {
            var hIm = document.getElementById('h-im');
            if ((hIm) && (hIm.style.backgroundImage.match(/url\((.*?)\)/))) {
                hIm.style.backgroundImage = '';
                hIm.style.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="'+RegExp.$1+'", sizingMethod="image")';

            }
        }
        var prodList = document.getElementById('hp-prod-list');
        if (prodList) {
            drawLines(prodList);
            window.onresize = function() {
                $('div.line-h, div.line-v', window.$layout).remove();
                drawLines(prodList);
            }
        }
        $('#content ul.prod-subpages li').each(function() {
            var self = this;
            var a = this.getElementsByTagName('a')[0];
            $(a).click(function() { $('div.ins', self).toggle(300); return false; });
        });
        $('#content .text table[border=1]').addClass('bordered');
    };

    function drawLines(list) {
        var items = list.getElementsByTagName('li');
        for (var i=0; i<items.length; i++) {
            var id = items[i].id.substr(13);
            var menuItem = document.getElementById('pgroup-'+id);

            if (menuItem) {
                var $item = $(items[i]);
                var $mItem = $(menuItem);
                var p1 = $item.offset();
                p1.top += $item.height() / 2;
                var p2 = $mItem.offset();
                p2.top += $mItem.height() / 2;
                p2.left += $mItem.width();
                var c =  Math.floor((p1.left - p2.left) / 2);
                $el('div').addClass('line-h').css({ left: p2.left, top: p2.top, width: c }).appendTo(window.$layout);
                $el('div').addClass('line-h').css({ left: p2.left + c, top: p1.top, width: c }).appendTo(window.$layout);
                $el('div').addClass('line-v').css({ left: p2.left + c, height: Math.abs(p2.top - p1.top), top: (p2.top > p1.top) ? p1.top : p2.top  }).appendTo(window.$layout);

            }
        }
    }

    var $el = function(tag) {
        return $(document.createElement(tag));
    }
})();