var OP = (navigator.userAgent.indexOf('Opera') != -1);
var IE = (navigator.userAgent.indexOf('MSIE') != -1 && !OP);
var GK = (navigator.userAgent.indexOf('Gecko') != -1);
var SA = (navigator.userAgent.indexOf('Safari') != -1);
var DOM = document.getElementById;

var tooltip = null;

function showTT(num) {
    switch (num) {
        case 1:
            toolTip('<b>קניון חוגר</b> מציע מאות מוצרים בהנחה מיוחדת ובלעדית לחברי המועדון. בקניון ניתן למצוא מגוון ענק של מוצרים מכל התחומים ובמחירים חסרי תחרות. השימוש בקניון מותר אך ורק לחברי המועדון.', 250, 95);
            break;
        case 2:
            toolTip('<b>כרטיס "חוגר"</b> הינו כרטיס פלסטיק המעיד על חברות במועדון "חוגר". הכרטיס מעניק מגוון הנחות בלעדיות לחיילים באלפי בתי עסק מכל רחבי הארץ, החל ממסעדות ועד בתי מלון.', 250, 95);
            break;
        case 3:
            toolTip('<b>חוגר! היום</b> הינו שירות קופונים יומי אשר מעניק מידי יום הנחה ענקית במגוון עצום של בתי עסק.', 250, 95);
            break;
        case 4:
            toolTip('<b>מי יכול להצטרף למועדון "חוגר"?</b><p>ניתן להצטרף למועדון החל מרגע קבלת צו הגיוס, עד שנה מתום שירות החובה. בנוסף, המועדון מיועד גם לשוטרי מג"ב, שוטרי שח"ם, מתנדבי שירות לאומי ומתנדבי של"ת בשירות החובה ועד שנה מסיומו.</p>', 350, 95);
            break;
        case 5:
            toolTip('מועדון חוגר מצדיע לחיילי צה"ל, שוטרי מג"ב, שוטרי שח"ם ומתנדבי השירות הלאומי על תרומתם למדינה.', 250, 95);
            break;
        case 6:
            toolTip('מרכז השירות והמכירה פעיל בימים א\' עד ה\' בין השעות 09:00 עד 14:00, בימי ו\' מ08:00 עד 12:00.', 250, 100);
            break;
        case 7:
            toolTip('נציגי בתי עסק יכולים להצטרף על מנת לנהל את מכירות בית העסק אותו הם מייצגים. אם בית העסק אינו רשום, ניתן לצרף אותו.', 250, 100);
            break;
    }
}

function TOOLTIP() {
    //----------------------------------------------------------------------------------------------------
    // Configuration
    //----------------------------------------------------------------------------------------------------
    this.width = 200;                     // width (pixels)
    this.bgColor = "#1a1a1a";             // background color
    this.textFont = "Tahoma";      // text font family
    this.textSize = 14;                   // text font size (pixels)
    this.textColor = "white";           // text color
    this.border = "1px solid gray";   // border (CSS spec: size style color, e.g. "1px solid #D00000")
    this.opacity = 95;                    // opacity (0 - 100); not supported by all browsers
    this.cursorDistance = 5;              // distance from mouse cursor (pixels)
    this.xPos = 'right';                  // horizontal position: "left" or "right"
    this.yPos = 'bottom';                 // vertical position: "top" or "bottom"

    // don't change
    this.text = '';
    this.height = 0;
    this.obj = null;
    this.active = false;

    //----------------------------------------------------------------------------------------------------
    // Methods
    //----------------------------------------------------------------------------------------------------
    this.create = function () {
        if (!this.obj) this.init();

        var s = (this.textFont ? 'font-family:' + this.textFont + '; ' : '') +
            (this.textSize ? 'font-size:' + this.textSize + 'px; ' : '') +
            (this.border ? 'border:' + this.border + '; ' : '') +
            (this.textColor ? 'color:' + this.textColor + '; ' : '');

        var t = '<table border=0 cellspacing=0 cellpadding=4 width=' + this.width + '><tr>' +
            '<td align=center' + (s ? ' style="' + s + '"' : '') + '>' + this.text +
            '</td></tr></table>';

        if (DOM || IE) this.obj.innerHTML = t;
        if (DOM) this.height = this.obj.offsetHeight;
        else if (IE) this.height = this.obj.style.pixelHeight;
        if (this.bgColor) this.obj.style.backgroundColor = this.bgColor;

        this.setOpacity();
        this.move();
        this.show();
    }

    this.init = function () {
        if (DOM) this.obj = document.getElementById('ToolTip');
        else if (IE) this.obj = document.all.ToolTip;
    }

    this.move = function () {
        var winX = getWinX() - (((GK && !SA) || OP) ? 17 : 0);
        var winY = getWinY() - (((GK && !SA) || OP) ? 17 : 0);
        var x = mouseX;
        var y = mouseY;

        if (this.xPos == 'left') {
            if (x - this.width - this.cursorDistance >= getScrX())
                x -= this.width + this.cursorDistance;
            else x += this.cursorDistance;
        }
        else {
            if (x + this.width + this.cursorDistance > winX + getScrX())
                x -= this.width + this.cursorDistance;
            else x += this.cursorDistance;
        }

        if (this.yPos == 'top') {
            if (y - this.height - this.cursorDistance >= getScrY())
                y -= this.height + this.cursorDistance;
            else y += this.cursorDistance;
        }
        else {
            if (y + this.height + this.cursorDistance > winY + getScrY())
                y -= this.height;
            else y += this.cursorDistance;
        }

        this.obj.style.left = x + 'px';
        this.obj.style.top = y + 'px';
    }

    this.show = function () {
        this.obj.style.zIndex = 69;
        this.active = true;
        this.obj.style.visibility = 'visible';
    }

    this.hide = function () {
        this.obj.style.zIndex = -1;
        this.active = false;
        this.obj.style.visibility = 'hidden';
    }

    this.setOpacity = function () {
        this.obj.style.opacity = this.opacity / 100;
        this.obj.style.MozOpacity = this.opacity / 100;
        this.obj.style.KhtmlOpacity = this.opacity / 100;
        this.obj.style.filter = 'alpha(opacity=' + this.opacity + ')';
    }
}

//----------------------------------------------------------------------------------------------------
// Global functions
//----------------------------------------------------------------------------------------------------
function getScrX() {
    var offset = 0;
    if (window.pageXOffset)
        offset = window.pageXOffset;
    else if (document.documentElement && document.documentElement.scrollLeft)
        offset = document.documentElement.scrollLeft;
    else if (document.body && document.body.scrollLeft)
        offset = document.body.scrollLeft;
    return offset;
}

function getScrY() {
    var offset = 0;
    if (window.pageYOffset)
        offset = window.pageYOffset;
    else if (document.documentElement && document.documentElement.scrollTop)
        offset = document.documentElement.scrollTop;
    else if (document.body && document.body.scrollTop)
        offset = document.body.scrollTop;
    return offset;
}

function getWinX() {
    var size = 0;
    if (window.innerWidth)
        size = window.innerWidth;
    else if (document.documentElement && document.documentElement.clientWidth)
        size = document.documentElement.clientWidth;
    else if (document.body && document.body.clientWidth)
        size = document.body.clientWidth;
    else size = screen.width;
    return size;
}

function getWinY() {
    var size = 0;
    if (window.innerHeight)
        size = window.innerHeight;
    else if (document.documentElement && document.documentElement.clientHeight)
        size = document.documentElement.clientHeight;
    else if (document.body && document.body.clientHeight)
        size = document.body.clientHeight;
    else size = screen.height;
    return size;
}

function getMouseXY(e) {
    if (e && e.pageX != null) {
        mouseX = e.pageX;
        mouseY = e.pageY;
    }
    else if (event && event.clientX != null) {
        mouseX = event.clientX + getScrX();
        mouseY = event.clientY + getScrY();
    }
    if (mouseX < 0) mouseX = 0;
    if (mouseY < 0) mouseY = 0;
    if (tooltip && tooltip.active) tooltip.move();
}

function toolTip(text, width, opacity) {
    if (text) {
        tooltip = new TOOLTIP();
        tooltip.text = text;
        if (width) tooltip.width = width;
        if (opacity) tooltip.opacity = opacity;
        tooltip.create();
    }
    else if (tooltip) tooltip.hide();
}

//----------------------------------------------------------------------------------------------------
// Build tooltip box
//----------------------------------------------------------------------------------------------------
document.write('<div id="ToolTip" style="position:absolute; visibility:hidden"></div>');

//----------------------------------------------------------------------------------------------------
// Event handlers
//----------------------------------------------------------------------------------------------------
var mouseX = mouseY = 0;
document.onmousemove = getMouseXY;
//----------------------------------------------------------------------------------------------------