var totalSlides;
var	baseImagePath;
var currentSlideIndex;
var btnPrev = btnNext = imageContainer = bulletButtonsContainer = slideTitleContainer = slideTextContainer = '';
var jsonDataString;

//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 GetActiveSlideFromPage(activeIndex)
{       
        currentSlideIndex = activeIndex;
        
        SetImage(currentSlideIndex);
}


function FirstFunctionToRun()
{   
        
        InitPageSlides(0);		
        
        currentSlideIndex = 0;
        
        SetImage(currentSlideIndex);
        

}
function InitPageSlides(imageIndex)
{
    totalSlides = jsonDataString.slides.slide.length;

    currentSlideIndex = imageIndex;
    
    var slideArray = jsonDataString.slides.slide;
    
    
    var leftObj = document.getElementById(btnPrev);
    var rightObj = document.getElementById(btnNext);
    var slideTitleObj = document.getElementById(slideTitleContainer);
    var slideTextObj = document.getElementById(slideTextContainer);
    var bulletsContainerObj = document.getElementById(bulletButtonsContainer);
    
    for(var i = totalSlides-1; i>-1; i--)
    {   
        var newDiv = document.createElement('div');
        
        if(i != currentSlideIndex)
        {
            newDiv.innerHTML = '<a href="javascript:SetImage('+i+');"><img id="hrefImg'+ i +'" src="'+ baseImagePath + 'buttons/spot_off.jpg" style="border:0;"/></a>';
        }else{
            newDiv.innerHTML = '<a href="javascript:SetImage('+i+');"><img id="hrefImg'+ i +'" src="'+ baseImagePath + 'buttons/spot_on.gif" style="border:0;"/></a>';
        }
        
        newDiv.className = 'DivBullet';
        
        bulletsContainerObj.appendChild(newDiv);
    }
}

function SetImage(imageIndex)
{
    currentSlideIndex = imageIndex;

    var slideArray = jsonDataString.slides.slide;
    var mainImageSlideObj = document.getElementById(imageContainer);
    
    mainImageSlideObj.src = baseImagePath + 'lep/'+slideArray[currentSlideIndex].name;
    
    document.getElementById(slideTitleContainer).innerHTML = slideArray[currentSlideIndex].title;
    document.getElementById(slideTextContainer).innerHTML = slideArray[currentSlideIndex].text;
    
    //alert('==>'+slideArray[currentSlideIndex].title);
    
    var getHrefImageObj = document.getElementById('hrefImg'+currentSlideIndex);
    getHrefImageObj.src = baseImagePath + 'buttons/spot_on.gif';
    
    //change bullet image for inactive ones
    var hrefImages = document.getElementsByTagName('img'); 
	for(i=0;i<hrefImages.length;i++)
	{
	    if( hrefImages[i].id.indexOf('hrefImg')>-1 && hrefImages[i].id!='hrefImg'+ currentSlideIndex )
	        hrefImages[i].src = baseImagePath + 'buttons/spot_off.jpg';
	
	}
	
	
}

function PrevBtnImage()
{
    if( currentSlideIndex == 0){
        currentSlideIndex = totalSlides-1;
    }else{
        currentSlideIndex = currentSlideIndex-1;
    }
    SetImage(currentSlideIndex);
}
function NextBtnImage()
{
    if( currentSlideIndex == (totalSlides-1)){
        currentSlideIndex = 0;
    }else{
        currentSlideIndex = currentSlideIndex+1;
    }
    
    
    SetImage(currentSlideIndex);
}





/*******************/
/*
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>';
				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=\"'+currentSlide.subject+'\" /></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 + '';
		}
    
}
*/