The use of carousel failed!

See more:

Javascript

HTML

MVC

I still have two annoying things:
1. When I add images is not stopped me in the form of Carousel - only after I do save and edit again - see it in the form of Carousel.
2. When I press the arrow he passes an empty picture - and then do not see any images, only the keys.

the code in view(edit):

<div class="col-md-4">
 <div class="col-md-5">
  <div id="images">
   <div id="myCarousel" class="carousel slide" data-ride="carousel">
    <ol class="carousel-indicators">
      <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
      <li data-target="#myCarousel" data-slide-to="1"></li>
      <li data-target="#myCarousel" data-slide-to="2"></li>
      <li data-target="#myCarousel" data-slide-to="3"></li>
    </ol>
    <div class="carousel-inner" role="listbox">
     @{
       int x = 0;
       int x1 = 0;
       string cssClass = "item active";
       foreach (var img in Model.POIsImages)
       {
        @Html.Hidden("imageids[" + x1 + "]", img.ImageId);
        <div class="@cssClass">
          <input type="hidden" name="keep[@x]" value="1" data-imageid="@x" />
          <a class="darken" >
          <img id="image" class="img-rounded" data-imageid="@x" src="@Url.RouteUrl("Media", new { id = img.FileId })" width="80" height="80" />
          <span class="hoverText" data-imageid="@x">Remove</span>
          </a>
       </div>
        x1++;
        x++;
        cssClass = "item";
       }
       @Html.Hidden("NumberofImages", x);
     }
    </div>
    <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
       <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
       <span class="sr-only">Previous</span>
    </a>
    <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
       <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
       <span class="sr-only">Next</span>
     </a>
   </div>
 </div>
 @if (Model.POIsImages.Count == 0)
 {
   <div id="noimage" class="text-center h3"><br /><br />No Images Uploaded</div>
 }
 </div>
</div>