@{
	ViewBag.Title = "Overview";
	Layout = "~/Views/Shared/_WidgetLayout.cshtml";
}
@section header
{
    <script type="text/javascript">
        $(function () {
			$("#lightbox").wijlightbox({modal: true});
        });
    </script>
}
<h2>Overview</h2>

        <div class="main demo">
            <!-- Begin demo markup -->
            <div id="lightbox">
                <a href="http://lorempixum.com/700/400/sports/1" rel="wijlightbox[stock];player=img">
                    <img src="http://lorempixum.com/150/125/sports/1" title="Sports 1" alt="Lorem ipsum dolor sit amet, consectetur adipiscing elit." /></a>
                <a href="http://lorempixum.com/600/400/sports/2" rel="wijlightbox[stock];player=img">
                    <img src="http://lorempixum.com/150/125/sports/2" title="Sports 2" alt="Lorem ipsum dolor sit amet, consectetur adipiscing elit." /></a>
                <a href="http://lorempixum.com/600/400/sports/3" rel="wijlightbox[stock];player=img">
                    <img src="http://lorempixum.com/150/125/sports/3" title="Sports 3" alt="Lorem ipsum dolor sit amet, consectetur adipiscing elit." /></a>
                <a href="http://lorempixum.com/600/400/sports/4" rel="wijlightbox[stock];player=img">
                    <img src="http://lorempixum.com/150/125/sports/4" title="Sports 4" alt="Lorem ipsum dolor sit amet, consectetur adipiscing elit. " /></a>
            </div>
            <!-- End demo markup -->
            <div class="demo-options">
                <!-- Begin options markup -->
                <!-- End options markup -->
            </div>
        </div>
@section description
{
  <p>
                This sample demonstrates the default wijlightbox behavior.</p>
}