//FileArray
try
{
    var index=0;
    var img=new Image();
    img.src="../../Resources/images/FunStuff/"+FileArray[index];
    //document.getElementById("dvPicShow").innerHTML="<img id='img"+index+"' src='"+img.src+"'/>";
    $("#ulPicPortfolio li:first td").html("<img id='img"+index+"' src='"+img.src+"'/>");
}
catch(Error)
{
}

function PicChange(delta)
{
//  var img=new Image();
//  img.src="../../Resources/images/FunStuff/";
    index=index+delta;
    if(index<0)index=FileArray.length-1;
    if(index>FileArray.length-1)index=0;
    
    var src="../../Resources/images/FunStuff/"+FileArray[index];
    //img.src="../../Resources/images/FunStuff/"+FileArray[index];
    //document.getElementById("dvPicShow").innerHTML="<img id='img"+index+"' src='"+img.src+"'/>";
    //$("#ulPicPortfolio li:first").html("<img id='img"+index+"' src='"+img.src+"'/>");
    
    var Next=(delta>0);
    SlideResults(Next, src);
}

function SlideResults(NextPage, src)
{
    var FirstLi="#ulPicPortfolio li:first";
    var LastLi="#ulPicPortfolio li:last";

    if(NextPage)
    {
        $(FirstLi).after("<li><table><tr><td><img src='"+src+"'/></td></tr></table></li>");
        $(FirstLi).animate({
            marginLeft:"-600px"
        }, 500, function(){
            $(FirstLi).remove();
        });
    }
    else
    {   
        $(FirstLi).before("<li style='margin-left:-600px;'><table><tr><td><img src='"+src+"'/></td></tr></table></li>");
        $(FirstLi).animate({
            marginLeft:"0px"
        }, 500, function(){
           $(LastLi).remove();
        });
    }
}