//var next = "<img src=""gfx/v-pil.png"" alt=""tilbage"" />";
//var prev = "<img src=""gfx/h-pil.png"" alt=""frem"" />";

var eventItems = $('eventItems');

function getEventItems(index, count)
{
    if (debug) alert("getEventItems");
    $('showingIndex').innerHTML = "Viser side " + (curPage + 1  );
    eventItems.innerHTML = "henter data...";
    City2.Website.AjaxService.GetEventListItems(index, count, onSuccessgetEventItems);    
}

function onSuccessgetEventItems(value, userContext, methodName) 
{
    if (debug) alert("success: " + value);
    $('showingIndex').innerHTML = "Viser side " + (curPage + 1) + " af " + value.pageCount;
    $('tdNext').style.visibility = (value.hasNextPage ? 'visible' : 'hidden'); 
    $('tdPrev').style.visibility = (value.hasPreviousPage ? 'visible' : 'hidden'); 
    eventItems.innerHTML = value.items;    
}

curPage = 0;
itemcount = 6;

function nextEventPage()
{        
    lastIndex = curPage;
    curPage++;    
    dhtmlHistory.add(lastIndex, curPage);
    getEventItems(curPage, itemcount);    
}

function previousPage()
{
    lastIndex = curPage;
    curPage--;    
    dhtmlHistory.add(lastIndex, curPage);
    getEventItems(curPage, itemcount);
}

var yourListener = function(oldLocation, historyData) {
    var historyMsg = (typeof historyData == "object" && historyData != null ? historyStorage.toJSON(historyData) : historyData);     
    var msg = "A history change has occured:\n oldLocation=" + oldLocation + "\n historyData=" + historyMsg ; 
    //alert(msg);    
    if (historyMsg != null)   
        curPage = historyMsg;
    else
        curPage = 0;    
    getEventItems(curPage, itemcount);    
}; 

getEventItems(curPage, itemcount);
dhtmlHistory.addListener(yourListener);