/*
* Created By, Adam Yang 
* 11 Jun 2009
*/

var pList;
var	baseImagePath;
var currentGOTabIndex;
var lName = rName = cont = navMenu = pageingDiv = pagingText = '';
var currentPage;
var currentPageTotal;


//This method allows us to attach a window on load event to the current window so .NET can fire this method on Page_Load
function AttachEvent(elementObj, eventName, eventHandlerFunctionName)
{
    if (elementObj.addEventListener) // Non-IE browsers
    { 
        elementObj.addEventListener(eventName, eventHandlerFunctionName, false);		
    } 
    else if (elementObj.attachEvent) // IE 6+
    { 
        elementObj.attachEvent('on' + eventName, eventHandlerFunctionName);
    } 
    else 
    { 
        var currentEventHandler = elementObj['on' + eventName];// Older browsers 
        if (currentEventHandler == null){
            elementObj['on' + eventName] = eventHandlerFunctionName;
        }
        else{
            elementObj['on' + eventName] = function(e) { currentEventHandler(e); eventHandlerFunctionName(e); }
        }
    }
}

function Init(){
		InitTab(0);
}

function InitTab(selectedTabIndex)//this control builds the tab navigation menu
{
		currentGOTabIndex = selectedTabIndex;
		var tabs = pList.tabs.tab;
		var tabsCount = tabs.length;

		
		var goMenuNavContainer = document.getElementById(navMenu);
		goMenuNavContainer.innerHTML = '';//clear container
		var giftTabNavContainer = document.createElement('table');
		giftTabNavContainer.className = 'go_NavMenuLeftBorder';
    giftTabNavContainer.cellPadding= 0;
    giftTabNavContainer.cellSpacing= 0;
    giftTabNavContainer.border = 0;
    var tbody = document.createElement('tbody');
		var giftTabNav  = document.createElement('tr');


		for(var ii = 0; ii < tabsCount; ii++){
				var tabSpan = document.createElement('td');
				var linkClass = "";
				if(ii == selectedTabIndex){
						linkClass = 'LinkOrange';
				}else{
						linkClass = 'LinkNoLine';
				}
				//tabSpan.innerHTML = '<a href=\"javascript:InitTab('+ii+')\" class=\"'+linkClass+'\"><span class=\"TextLucidaGrande\"><span class=\"TextBig\">'+ tabs[ii].name+'</span></span></a>';             //Ardeshir text size for 5 tabs
				tabSpan.innerHTML = '<a href=\"javascript:InitTab('+ii+')\" class=\"'+linkClass+'\"><span class=\"TextLucidaGrande\"><span style=\"font-size:11px;\">'+ tabs[ii].name+'</span></span></a>';       //Ardeshir text size for 6 tabs
				if(ii == 0){
						if(ii == selectedTabIndex){
								tabSpan.className = 'go_SelectedTabFirst';
						}else{
								tabSpan.className = 'go_UnSelectedTabFirst';
						}
				}else if(ii != tabsCount - 1){
						if(ii == selectedTabIndex){
								tabSpan.className = 'go_SelectedTab';
						}else{
								tabSpan.className = 'go_UnSelectedTab';
						}
				}else{
						if(ii == selectedTabIndex){
								tabSpan.className = 'go_SelectedTabLast';
						}else{
								tabSpan.className = 'go_UnSelectedTabLast';
						}					
				}
				tabSpan.noWrap = true;
				giftTabNav.appendChild(tabSpan);
				
		}
		var tabRightSpan = document.createElement('td');
		tabRightSpan.className = 'go_RightSpan';
		tabRightSpan.width = 500;   
		tabRightSpan.innerHTML = '&nbsp;';  
		giftTabNav.appendChild(tabRightSpan);
		tbody.appendChild(giftTabNav); 
		giftTabNavContainer.appendChild(tbody); 
		goMenuNavContainer.appendChild(giftTabNavContainer);
		
		InitSlides(selectedTabIndex);
		
		//add the page counter
}

function InitSlides(selectedTabIndex) //this function builds the tab contains
{

		currentPage = 1;
		
		var tabs = pList.tabs.tab;
		var tab = tabs[selectedTabIndex];
    var left = document.getElementById(lName);
    var right = document.getElementById(rName);
    var container = document.getElementById(cont);
    container.innerHTML = ''; //clear the container
    var slider = document.createElement('div');
    
    var tblWidth = 578;
    var tSpeed = 4;

    var numChildren = tab.slide.length;
    var timer = null;
    
    slider.id = 'slider';
    slider.className = 'go_slider';
    slider.style.left = '0px';
    slider.style.width = (numChildren * tblWidth) + 10 + 'px';
    container.appendChild(slider);	
    
    
    for(var i=0;i<numChildren;i++)
    {
				var currentSlide = tab.slide[i];
				var tbl = document.createElement('table');
        tbl.cellPadding=0;
        tbl.cellSpacing= 0;
        tbl.border = 0;
        tbl.className = 'go_itemTable';
        var tbody = document.createElement('tbody');
        tbl.appendChild(tbody);
        var tr1 = document.createElement('tr');
        var td1 = document.createElement('td');
        tr1.appendChild(td1);
        var td2 = document.createElement('td');
        td2.vAlign = 'top';
        td2.align = 'left';
        tr1.appendChild(td2);
        
        tbody.appendChild(tr1);
        td1.width = 321;
        td1.innerHTML = '<a href=\"'+ currentSlide.link + '\"><img src=\"'+ baseImagePath + currentSlide.img +'\" style=\"border: solid 1px #D5CABE\" border=\"0\" alt=\"\" /></a>';
        td2.className = 'go_itemTextColumn';
        td2.innerHTML = '<h3>'+currentSlide.subject+'</h3><p>'+currentSlide.text+'</p>'+ '<img src=\"/images/arrow_bronze.gif\"/>&nbsp;<a href=\"'+ currentSlide.link + '\" class=\"Link\">'+ currentSlide.linktext + '</a>';
        
        slider.appendChild(tbl);
        
    }
    currentPage =  1;
    currentPageTotal = slider.childNodes.length;
    SetCurrentSlideIndex();
    
    
    right.onclick =function()
    {
				currentPage += 1;
        var sItems = slider.childNodes.length;
        currentPageTotal = sItems;
        var nextLeft = parseInt(slider.style.left) - tblWidth;
        if(nextLeft + sItems * tblWidth > 0)
						slider.style.left = nextLeft+'px';
				else
				{
						slider.style.left = '0px';	
						currentPage = 1;
				}
				SetCurrentSlideIndex();
			
    }
    
    left.onclick = function()
    {
				currentPage -= 1;
        var sItems = slider.childNodes.length;
        currentPageTotal = sItems;
        var nextLeft = parseInt(slider.style.left) + tblWidth;
        if(nextLeft <= 0)
						slider.style.left = nextLeft+'px';   
				else{
						slider.style.left = -(sItems * tblWidth - tblWidth)  + 'px';   	
						currentPage = 	sItems;
				}
				SetCurrentSlideIndex();			
    }
    
    
		function SetCurrentSlideIndex()
		{
				var agingTextLabel = document.getElementById(pagingText);
				agingTextLabel.innerHTML = 'Page '+ currentPage + ' of ' + currentPageTotal + '';
		}
    
}