function initPopups()
{
	initPopup({
		openEvent:'click'
	});
	initPopup({
		popupHolderClass:'popup-hover'
	});
}
if (window.addEventListener)
	window.addEventListener("load", initPopups, false);
else if (window.attachEvent)
	window.attachEvent("onload", initPopups);
	
function initPopup(_popup) {
	if (!_popup.popupHolderTag) _popup.popupHolderTag = 'li';
	if (!_popup.popupTag) _popup.popupTag = 'div';
	if (!_popup.popupHolderClass) _popup.popupHolderClass = 'popup-hover';
	if (!_popup.popupClass) _popup.popupClass = 'popup';
	if (!_popup.linkOpenClass) _popup.linkOpenClass = 'open';
	if (!_popup.linkCloseClass) _popup.linkCloseClass = 'close';
	if (!_popup.openClass) _popup.openClass = 'active';
	if (!_popup.openEvent) _popup.openEvent = 'hover';
	
	var timer = [];	
	var _popupHolderTag = document.getElementsByTagName(_popup.popupHolderTag);
	if (_popupHolderTag) {
		for (var i=0; i<_popupHolderTag.length; i++) {
			if (_popupHolderTag[i].className.indexOf(_popup.popupHolderClass) != -1) {
				var _popupLink = _popupHolderTag[i].getElementsByTagName('a');
				for (var j=0; j<_popupLink.length; j++) {
					_popupLink[j].parent = _popupHolderTag[i];
					if (_popupLink[j].className.indexOf(_popup.linkOpenClass) != -1) {
						if (_popup.openEvent == 'click') {
							_popupLink[j].onclick = function(){
								if (this.parent.className.indexOf(_popup.openClass) != -1) {
									this.parent.className = this.parent.className.replace(_popup.openClass,'');
								} else {
									this.parent.className += ' '+_popup.openClass;
								}
								return false;
							}
						} else {
							var _popupTag = _popupHolderTag[i].getElementsByTagName(_popup.popupTag);
							for (var k=0; k<_popupTag.length; k++) {
								if (_popupTag[k].className.indexOf(_popup.popupClass) != -1) {
									_popupTag[k].parent = _popupHolderTag[i];
									_popupTag[k].onmouseover = function(){
										if (timer[j]) clearTimeout(timer[j]);
										if (this.parent.className.indexOf(_popup.openClass) == -1) {
											this.parent.className += ' '+_popup.openClass;
										}
									}
									_popupTag[k].onmouseout = function(){
										var _this = this;
										timer[j] = setTimeout(function(){
											_this.parent.className = _this.parent.className.replace(_popup.openClass,'');
										},2);
									}	
								}
							}
							_popupLink[j].onmouseover = function(){
								if (timer[j]) clearTimeout(timer[j]);
								if (this.parent.className.indexOf(_popup.openClass) == -1) {
									this.parent.className += ' '+_popup.openClass;
								}
							}
							_popupLink[j].onmouseout = function(){
								var _this = this;
								timer[j] = setTimeout(function(){
									_this.parent.className = _this.parent.className.replace(_popup.openClass,'');
								},2);
							}
						}
					} else if (_popupLink[j].className.indexOf(_popup.linkCloseClass) != -1) {
						_popupLink[j].onclick = function(){
							if (this.parent.className.indexOf(_popup.openClass) != -1) {
								this.parent.className = this.parent.className.replace(_popup.openClass,'');
							} else {
								this.parent.className += ' '+_popup.openClass;
							}
							return false;
						}
					}
				}
			}		
		}
	}
}

function createModal(row) {
    return $('<div class="modal" id="row-' + row + '"></div>');
}

$(document).ready(function() {
    $("#menu li").mouseenter(function() {
        var $this = $(this);
        if (!$this.hasClass('selected')) {
            $(this).siblings().removeClass('selected');
            $(this).addClass('selected');
        }
    });
    
    var $table = $(".catalog-content table");
    $table.find("*[style]").attr("style", "").removeAttr('style');
    $table.addClass('product-list');
    var trFirst = $table.find('tr:first-child');
    $table.find('td:odd').addClass('uneven');
    $table.find('td:even').addClass('even');
    $table.find('tr:odd').not(':first-child').addClass('uneven-row');
    $table.find('tr:even').not(':first-child').addClass('even-row');
    $table.find('p').css('margin', '0');
    $table.attr('border', '0');
    
    var rowData = new Object();
    
    var $rows = $table.find('tr');
    var i = 0;
    $rows.each(function() {
        var $this = $(this).find('td:first');
        
        var $image = $this.find('img');
        if ($image.length != 0) {
            $table.after(createModal(i));
            
            var $modal = $("#row-" + i);
            $image.addClass('modal-image').appendTo($modal);
        }        

        if ($this.children('hr').length > 0) {

	   if(navigator.appName == 'Microsoft Internet Explorer') {
	     var text = $this.html().split('<HR>')[1];
             $this.html($this.html().replace(new RegExp('<HR>' + text, "g"), ''));
           } else {
	     var text = $this.html().split('<hr>')[1];
	     $this.html($this.html().replace(new RegExp('<hr>' + text, "g"), ''));
           }
            
            if (typeof($modal) == 'undefined') {
                $table.after(createModal(i));
                var $modal = $("#row-" + i);
            }
            $modal.append('<div class="modal-text">' + text + '</div>');
        }
        
        if (typeof($modal) != 'undefined') {
            $this.children().wrap('<a class="clickable" href="#row-' + i + '" />');
        }
        
        i++;
    });
    
    $("a.clickable").live('click', function(event) {
        event.preventDefault();
        $($(this).attr('href')).modal();
    });

    $table.find('tr').find('td:first-child').find('a.clickable:first-child').append('<em></em>');

});