using System;
   using System.Collections.Generic;
 using System.Linq;
  using System.Web;
  using System.Web.Mvc;
 using System.Web.Routing;

 namespace Practice
  {
  public class RouteConfig
  {
      public static void RegisterRoutes(RouteCollection routes)
   {
      routes.IgnoreRoute("{resource}.axd/{*pathInfo}");

         routes.MapRoute(
        name: "Default",
        url: "{controller}/{action}/{id}",
        defaults: new { controller = "Home", action = "Index", id = UrlParameter.Optional }
    );
}
  }
 }

public ActionResult Index()
{
    string firstLocation = "C:\Users\kaleb\source\repos\Practice\Practice\Images\Files";
    return RedirectToAction("PracticeView", new { param = firstLocation });
}


public ActionResult PracticeView(string param)
{
    List<FileInfo> fileLst = new List<FileInfo>();
    List<DirectoryInfo> dirLst = new List<DirectoryInfo>();

    if (Directory.Exists(param)) {

        DirectoryInfo di = new DirectoryInfo(param);
        DirectoryInfo[] diArr = di.GetDirectories();

        foreach (DirectoryInfo i in diArr)
        {
            dirLst.Add(i);
        }

        DirectoryInfo files = new DirectoryInfo(param);
        FileInfo[] f = files.GetFiles().ToArray();

        foreach (FileInfo i in f)
        {
            fileLst.Add(i);
        }
    }

    var returned = new Tuple<List<DirectoryInfo>, List<FileInfo>>(dirLst, fileLst);
    return View(returned);
}

public ActionResult imageView(string param1,string[] param2)
{
    var returned = new Tuple<string, string[]>(param1, param2);
    return View(returned);
}

@model Tuple<List<DirectoryInfo>, List<FileInfo>>

      <h3 style="text-decoration:underline;">Directories</h3>
       @foreach (DirectoryInfo i in Model.Item1)
      {
        System.Diagnostics.Debug.WriteLine(i);
       <p>@Html.ActionLink(i.Name, "PracticeView", new { param =
       i.FullName })</p>
       }

            <h3 style="text-decoration:underline;">Images</h3>

           @{
          List<string> images = new List<string>();
           string[] arr;
            }

        @foreach (FileInfo i in Model.Item2)
       {
        images.Add(i.FullName);
       }

      @{
         arr = images.ToArray();
      }

     @foreach (FileInfo i in Model.Item2)
      {
        <p>@Html.ActionLink(i.Name, "imageView", new { param1 =
         i.FullName , param2 = string.Join(";", arr)})</p>
       }

@model Tuple<string, string[]>

        <div style="width:800px;height:400px;border:3px solid
      #000;margin:0 auto;margin-top:70px;position:relative;">

      <img src="" style="width:100%;height:100%;" id="img" />

      <p style="position:absolute;top:45%;font-
      size:22px;color:#fff;left:10px;cursor:pointer;" id="left"><</p>

      <p style="position:absolute;top:45%;font-
      size:22px;color:#fff;right:10px;cursor:pointer;" id="right">></p>
      </div>

       <script type="text/javascript">
        var arr = [];
         var first = "@Model.Item1";
        counter = 0;

         arr.push(first);

        @foreach (string i in Model.Item2)
         {
           <text>arr.push("@i")</text>
         }

       $('#right').click(function () {
         if (counter == 0) {

           }
           else {
             counter--;
            }
    });

        $('#left').click(function () {
           if (counter == 0) {

          }
            else {
                 counter--;
           }
         });

          var image = document.getElementById("img");
          image.src = "@Url.Content("~/Practice/Images/")" + arr[0];
       </script>