﻿var bFirstRan = true;
var iNumTabs = 6;
var iContentWidthAdjustor = 0;

function setCookie(cookieName, cookieValue) {
  expiryDate = new Date;
  expiryDate.setMonth(expiryDate.getMonth() + 6);
  
  document.cookie = cookieName + '=' + cookieValue + ';expires=' + expiryDate.toGMTString();
}

function doTabResize()
{
    //var oContainer = document.getElementById('tabContainer');
    var oContainer = document.getElementById('tabPanes');        
    //var oContainer = document.getElementById('ConArea');    
    if (!(oContainer))
        oContainer = document.getElementById(sContentAreaId);

    var bOldBrowser = !(window.XMLHttpRequest);
    
    // ensure content pane is never narrower than 250 pixels
    // min-width not used as width needs setting in Javascript due to wrapping issues
    var iNewContentWidth = oContainer.offsetWidth;
    
    iNewContentWidth -= iContentWidthAdjustor;
    
    // set tab data divider to maximum width
    //document.getElementById('tabDataDivider').style.width = (iNewContentWidth + 2) + 'px';
    
    // set tab pane to maximum width and height
    var oProjectData = document.getElementById('projectData');
    for(var iCurTab = 0; iCurTab < iNumTabs; iCurTab++)
    {
        var oCurrent = document.getElementById('tabPane' + iCurTab);
        oCurrent.style.width = (iNewContentWidth - 18) + 'px';
        //alert(oCurrent.style.height + ' / ' + oProjectData.offsetHeight)
        //if (oCurrent.offsetHeight < oProjectData.offsetHeight)
        //    oCurrent.style.height = oProjectData.offsetHeight + 'px';
    }
    
    // used to make tabs narrower if desired
    var iTabContainerWidth = iNewContentWidth;
    iTabContainerWidth -= 1;

    // if tabs exist, ensure heights all match and widths all match and best fit
    if (document.getElementById('tab0'))
    {
        var iTabWidth = 10;
        
        var sTabClass = document.getElementById('tab0').className;
        if (sTabClass.substring(sTabClass.length - 5) == 'Small')
            iTabWidth = 5;
        
        var iUseWidth = oContainer.offsetWidth - ((iNumTabs - 1) * iTabWidth) - 24;
        // needs replacing with better code
        if (iNumTabs != 6)
        {
            document.getElementById('tabContainer').style.width = iNewContentWidth + 'px';
            iUseWidth = iTabContainerWidth - ((iNumTabs - 1) * iTabWidth) - 24;
        }
        
        iUseWidth = Math.floor(iUseWidth / iNumTabs);
        var iMaxHeight = 0;
        
        // determine maximum height
        for (var iTab = 0; iTab < iNumTabs; iTab++)
        {
            if (document.getElementById('tab' + iTab))
            {
                iMaxHeight = Math.max(iMaxHeight, document.getElementById('tab' + iTab).offsetHeight);
            }
        }

        // set tab width and height
        for (var iTab = 0; iTab < iNumTabs; iTab++)
        {
            var oTab = document.getElementById('tab' + iTab);
            if (oTab)
            {
                if (iUseWidth != oTab.offsetWidth)
                    oTab.style.width = iUseWidth + 'px';
                if (iMaxHeight != oTab.offsetHeight)
                    oTab.style.height = iMaxHeight + 'px';        
            }
        }
    }
}

// set opacity of an object
function setOpacity(setObject, value)
{
    if (navigator.appName == "Microsoft Internet Explorer")
	    setObject.style.filter = 'alpha(opacity=' + value*5 + ')'
	else
	    setObject.style.opacity = value/20;
}

function tabClick(tabId)
{
    var iCurrentTab = document.getElementById('currentTab').value;
    
    if (iCurrentTab == iNumTabs - 1)
        document.getElementById('tab' + iCurrentTab).className = 'cwsTabStripTabLastMedium'
    else
        document.getElementById('tab' + iCurrentTab).className = 'cwsTabStripTabMedium';
    document.getElementById('tabPane' + iCurrentTab).style.display = 'none';
    
    document.getElementById('currentTab').value = tabId;
    
    if (tabId == iNumTabs - 1)
        document.getElementById('tab' + tabId).className = 'cwsTabStripTabLastOnMedium'
    else
        document.getElementById('tab' + tabId).className = 'cwsTabStripTabOnMedium';
    document.getElementById('tabPane' + tabId).style.display = '';
    
    if (document.getElementById('tabPane' + tabId).offsetHeight < 400)
        document.getElementById('tabPane' + tabId).style.height = 400 + 'px';
    // if not IE, increase tab height by 30 pixels to compensate for rendering issue
    if (navigator.userAgent.indexOf('MSIE') == -1 && document.getElementById('tabExpanded' + tabId).value != '1')
    {
        document.getElementById('tabExpanded' + tabId).value = '1';
        document.getElementById('tabPane' + tabId).style.height = (document.getElementById('tabPane' + tabId).offsetHeight + 30) + 'px';
    }
}

function tabOver(tabId, currentTab)
{
    if (tabId != document.getElementById('currentTab').value)
    {
        if (tabId == iNumTabs - 1)
            currentTab.className = 'cwsTabStripTabLastOnMedium'
        else
            currentTab.className = 'cwsTabStripTabOnMedium';
        currentTab.style.cursor = 'pointer';
    }
}

function tabOut(tabId, currentTab)
{
    if (tabId != document.getElementById('currentTab').value)
    {
        if (tabId == iNumTabs - 1)
            currentTab.className = 'cwsTabStripTabLastMedium'
        else
            currentTab.className = 'cwsTabStripTabMedium';
        currentTab.style.cursor = 'default';
    }
}

function checkImage(imageToCheck, numChecksRemaining)
{
    if (typeof(checkAgain) == 'undefined')
        numChecksRemaining = 10;
    
    // get copy of image
    var oSourceImage = document.getElementById('staffPhoto_' + imageToCheck);
    var oImageToCheck = new Image();
    
    if (oSourceImage)
    {
        oImageToCheck.src = oSourceImage.src;
        
        //alert(oImageToCheck.height)
        if (oImageToCheck.height <= 150)
        {
            if (numChecksRemaining > 0)
                setTimeout('checkImage(\'' + imageToCheck + '\', ' + (numChecksRemaining - 1) + ')', 500)
            else
                oSourceImage.src = 'uploads/xsltdisplay/PeoplePlaceHolder.gif';
        }
        else
            oSourceImage.style.display = '';
    }
}

