loadmoreitems partial

@inherits Umbraco.Web.Mvc.UmbracoTemplatePage


    <div class="row cases list-of-insights">



			@{
            var selection = CurrentPage.Site().Descendants("Insight").OrderBy("OriginalDate desc").Where("Visible").Take(8);
            var j = 0;
            var counter = 0;
            var counterforRounds = 0;

			}


@foreach (var item in selection)
        {

            if (j == 0)
            {
                <div class="case-column">
                    <div class="case medium">
                        <a href="@item.Url">
                            @if (@item.insightImage != null && !(@item.insightImage is Umbraco.Core.Dynamics.DynamicNull))
                            {
                                var im = @item.GetCropUrl("insightImage", "TallProjectInsight");

                                <div class="top width100" style="background-image:Url(@im)">
                                    <p class="topHover"></p>
                                </div>

                            }
                            <div class="bottom">
                                <h4>@item.Name</h4>
                            </div>

                        </a>
                    </div>
                </div>
                            j++;

            }
            else if (j == 1)
            {
                <div class="case-column">
                    <div class="case">
                        <a href="@item.Url">
                            @if (@item.insightImage != null && !(@item.insightImage is Umbraco.Core.Dynamics.DynamicNull))
                            {
                                var im = @item.GetCropUrl("insightImage", "SmallProjectInsight");

                                <div class="top width100" style="background-image:Url(@im)">
                                    <p class="topHover"></p>
                                </div>



                            }
                            <div class="bottom">
                                <h4>@item.Name</h4>
                            </div>

                        </a>
                    </div>
                </div>
                            j++;
            }
            else if (j == 2)
            {
                <div class="case-column">
                    <div class="case medium">
                        <a href="@item.Url">
                            @if (@item.insightImage != null && !(@item.insightImage is Umbraco.Core.Dynamics.DynamicNull))
                            {
                                var im = @item.GetCropUrl("insightImage", "TallProjectInsight");

                                <div class="top width100" style="background-image:Url(@im)">
                                    <p class="topHover"></p>
                                </div>

                            }
                            <div class="bottom">
                                <h4>@item.Name</h4>
                            </div>

                        </a>
                    </div>
                </div>
                            j++;

            }
            else if (j == 3)
            {
                <div class="case-column">
                    <div class="case">
                        <a href="@item.Url">
                            @if (@item.insightImage != null && !(@item.insightImage is Umbraco.Core.Dynamics.DynamicNull))
                            {
                                var im = @item.GetCropUrl("insightImage", "SmallProjectInsight");

                                <div class="top width100" style="background-image:Url(@im)">
                                    <p class="topHover"></p>
                                </div>



                            }
                            <div class="bottom">
                                <h4>@item.Name</h4>
                            </div>

                        </a>
                    </div>
                </div>
					<div class="quote-column">
                    <div class="quote shift-up-1">
                        <p>@Umbraco.Field("textinsideinsight")</p>
                    </div>
				 </div>

                            j++;
            }



            else if (j == 4)
            {
                <div class="case-column">
                    <div class="case">
                        <a href="@item.Url">
                            @if (@item.insightImage != null && !(@item.insightImage is Umbraco.Core.Dynamics.DynamicNull))
                            {
                                var im = @item.GetCropUrl("insightImage", "SmallProjectInsight");

                                <div class="top width100" style="background-image:Url(@im)">
                                    <p class="topHover"></p>
                                </div>



                            }
                            <div class="bottom">
                                <h4>@item.Name</h4>
                            </div>

                        </a>
                    </div>
                </div>
                            j++;

            }
            else if (j == 5)
            {
                <div class="case-column">
                    <div class="case">
                        <a href="@item.Url">
                            @if (@item.insightImage != null && !(@item.insightImage is Umbraco.Core.Dynamics.DynamicNull))
                            {
                                var im = @item.GetCropUrl("insightImage", "SmallProjectInsight");

                                <div class="top width100" style="background-image:Url(@im)">
                                    <p class="topHover"></p>
                                </div>



                            }
                            <div class="bottom">
                                <h4>@item.Name</h4>
                            </div>

                        </a>
                    </div>
                </div>
                            j++;
            }
            else if (j == 6)
            {
                <div class="case-column">
                    <div class="case medium shift-up-2">
                        <a href="@item.Url">
                            @if (@item.insightImage != null && !(@item.insightImage is Umbraco.Core.Dynamics.DynamicNull))
                            {
                                var im = @item.GetCropUrl("insightImage", "TallProjectInsight");

                                <div class="top width100" style="background-image:Url(@im)">
                                    <p class="topHover"></p>
                                </div>
                            }
                            <div class="bottom">
                                <h4>@item.Name</h4>
                            </div>

                        </a>
                    </div>
                </div>
                            j++;
            }
            else if (j == 7)
            {
                <div class="case-column">
                    <div class="case">
                        <a href="@item.Url">
                            @if (@item.insightImage != null && !(@item.insightImage is Umbraco.Core.Dynamics.DynamicNull))
                            {
                                var im = @item.GetCropUrl("insightImage", "TallProjectInsight");

                                <div class="top width100" style="background-image:Url(@im)">
                                    <p class="topHover"></p>
                                </div>
                            }
                            <div class="bottom">
                                <h4>@item.Name</h4>
                            </div>

                        </a>
                    </div>
                </div>
                            j = 0;
                            counterforRounds++;
            }



        }

	</div>