﻿var productOnHtml = "<table border='0' cellpadding='0' cellspacing='0' style='width: 100%;'><tr><td style='background-image: url("+menuOnLftImg+");width: 5%; height: 29px;'></td><td style='background-image: url(" + menuOnBg + ");background-repeat: repeat-x; height: 29px; font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;color: #fff;padding-left: 8px; padding-right: 8px; width: 90%;text-align: center;'><span style='color: #fff; text-align: center;text-decoration: none; cursor: default;' >{0}</span></td><td style='background-image: url("+menuOnRgtImg+");height: 29px; width: 5%;'></td></tr></table>";
var productOffHtml = "<div style='background-image: url(" + menuOff + ");background-repeat: repeat-x; height: 29px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;text-align: center;cursor: pointer;color: #666666;padding-left: 8px;padding-right: 8px;'><span style='color: #666666;vertical-align: middle;line-height: 29px;text-align: center;text-decoration: none; cursor: pointer;' >{0}</span></div>";
var tabOffHtml = "<table cellpadding='0' cellspacing='0'><tr><td style='height: 6px; width: 7px; background-image: url(" +tbTpLftOffImg+");'></td><td style='background-image: url(" + tbTpCntrOffImg+"); background-repeat: repeat-x;'></td><td style='height: 6px; width: 7px; background-image: url(" +tbTpRghtOffImg +");'></td></tr><tr style='cursor: pointer;' onclick=\"menuClick('{0}')\"><td style='width: 7px;  background-image: url(" + tbLftBrdOffImg + ");background-repeat: repeat-y; border-bottom: solid 1px #e1e1e1;'></td><td style='height: 25px; text-align: center; color: #686868; font-size: 12px; padding-bottom: 4px;'>{1}</td><td style='width: 7px; background-image: url(" + tbRghtBrdOffImg + "); background-repeat: repeat-y; border-bottom: solid 1px #e1e1e1;'></td></tr></table>";                       
var tabOnHtml = "<table cellpadding='0' cellspacing='0'><tr><td style='height: 6px; width: 7px; background-image: url(" +tbTpLftOnImg+");'></td><td style='background-image: url(" + tbTpCntrOnImg+"); background-repeat: repeat-x;'></td><td style='height: 6px; width: 7px; background-image: url(" + tbTpRghtOnImg + ");'></td></tr><tr style='cursor: default;' onclick=\"menuClick('{0}')\"><td style='width: 7px;  background-image: url(" + tbLftBrdOnImg + ");background-repeat: repeat-y; border-bottom: solid 1px #e1e1e1;'></td><td style='background-image: url(" + tbCntrOnImg+ "); background-repeat: repeat-x; height: 27px; text-align: center; color: #000; font-size: 12px; padding-top: 2px; vertical-align: top; text-decoration: none;'>{1}</td><td style='width: 7px; background-image: url(" + tbRghtBrdOnImg + "); background-repeat: repeat-y; border-bottom: solid 1px #e1e1e1;'></td></tr></table>";

String.format = function()
{
    if( arguments.length == 0 )
        return null;
    var str = arguments[0];
    for(var i=1;i<arguments.length;i++)
    {
        var re = new RegExp('\\{' + (i-1) + '\\}','gm');
        str = str.replace(re, arguments[i]);
    }
    return str;
}

function ProductButtonClick(currentSelectedproduct , productClicked)
{
    ProductButtonOff(currentSelectedproduct);
    ProductButtonOn(productClicked);
}

function ProductButtonOff(product)
{
    var objHtm = document.getElementById(product);
    if(objHtm != null)
    {
         var textValue;
        if(objHtm.innerText)
        {
            textValue = objHtm.innerText;
        }
        else
        {
            textValue = objHtm.textContent;
        }
        objHtm.innerHTML = String.format(productOffHtml,textValue);
    }
}

function ProductButtonOn(product)
{
    var objHtm = document.getElementById(product);
    if(objHtm != null)
    {
        var textValue;
        if(objHtm.innerText)
        {
            textValue = objHtm.innerText;
        }
        else
        {
            textValue = objHtm.textContent;
        }
        var v = String.format(productOnHtml,textValue);
        objHtm.innerHTML = v;
    }
}

function TabClick(currentSelectedtab , tabClicked)
{
    if( currentSelectedtab != null || currentSelectedtab != tabClicked)
    {
        TabOff(currentSelectedtab);
    }
    if(currentSelectedtab == tabClicked && initialPageLoad)
    {
        return;
    }
    else
    {
        TabOn(tabClicked);
    }
}

function TabOff(tab)
{
    var objHtm = document.getElementById(tab);
    if(objHtm != null)
    {
        var textValue;
        if(objHtm.innerText)
        {
            textValue = objHtm.innerText;
        }
        else
        {
            textValue = objHtm.textContent;
        }
        objHtm.innerHTML = String.format(tabOffHtml,tab,textValue);
    }    
}

function TabOn(tab)
{
    var objHtm = document.getElementById(tab);
    if(objHtm != null)
    {   
        var textValue;
        if(objHtm.innerText)
        {
            textValue = objHtm.innerText;
        }
        else
        {
            textValue = objHtm.textContent;
        }
        objHtm.innerHTML = String.format(tabOnHtml,tab,textValue);
    }
}

function showDetails(url, winWidth, winHeight)
{
        setCookie(productOn, menuOn, "0");
	if (winWidth == "")
	{
		winWidth = 400;
	}
	if (winHeight == "")
	{
		winHeight = 200;
	}
	window.open(url, "_new", "location=0,status=1,toolbar=0,menubar=0,resizable=0,scrollbars=yes,width=" + winWidth + ",height=" + winHeight);
	ReportEventsForCustomLinks(url,url);
}