var animateX = -10;
var animateInterval = 24;
var currentPage = null;
var pageHistory = Array();

function initNav()
{
    $j("#iPhoneMenu ul:first").attr('selected','true').show();
    currentPage = $j("#iPhoneMenu ul:first").attr('id');
    
    $j('#iPhoneMenu li a').click(function() 
    {
        var href = $j(this).attr('href');
        var hash = this.hash;
        //$j(this).removeAttr('href');
        //$j(this).attr('onclick','return false;');

        var params = href.split('&');
        //alert('0:'+params[0]+' @@ 1:'+params[1]+' @@ 2:'+params[2]+' @@ 3:'+params[3]);
        var defaultpage = new Array();
		if (params[3]) {
			defaultpage = params[3].split('#');
		}
		
		if (params[2] == 'defaultpage=0') {
			var url = params[0].split('=');
			Lightbox.showPage('file_'+url[1]+'');
		}
		else if (href && hash == '#vorige') {
            var page = $j('#'+pageHistory[(pageHistory.length)-1]);
            slideNav(page,1);
            pageHistory.pop();
            pageHistory.pop();
		}
		else if (href && hash && hash != '#vorige') {
			var page = $j('#'+hash.substr(1));			
			$j.ajax({data: "ajaxActie=haalContent&url="+ escape(href) });
			if (params[2] != 'defaultpage=1') {
			    slideNav(page);
			}
		}
		
		return false;
    });
}
// ----
function slideNav(page, backwards)
{	
    var pageid = $j(page).attr('id');
    pageHistory.push(currentPage);
    
    var fromPage = currentPage;
    currentPage = pageid;
    
    //alert('pageid: '+pageid);
    //alert('currentPage: '+currentPage);
    //alert('fromPage: '+fromPage);
    
    if (fromPage && fromPage != null) 
    {
        $j('#'+currentPage).css('left',"195px").attr("selected", "true").show();
        //scrollTo(0, 1);
        
        var percent = 100;
        var timer = setInterval(function()
        {
            percent += animateX;
            if (percent <= 0)
            {
                percent = 0;
                $j('#'+fromPage).removeAttr("selected");
                clearInterval(timer);
            }
            $j('#'+fromPage).css('left', (backwards ? (100-percent) : (percent-100)) + "%"); 
            $j('#'+currentPage).css('left', (backwards ? -percent : percent) + "%");
        }, animateInterval);
    }
}