@model Backend.Domain.NewsDTO

@{
    ViewBag.Title = "Details";
}

<script src="/Content/themes/m4l/js/jquery.masonry.min.js"></script>
<link href="/Content/themes/m4l/css/masonry.css" rel="stylesheet" />
<link href="/Content/themes/m4l/css/fancybox.css" rel="stylesheet" />
<script src="/Content/themes/m4l/js/jquery.fancybox.min.js"></script>

<meta property="og:title" content="@Model.Title"/>
<meta property="og:description" content="@Model.Introduction"/>

<div style="padding-top: 60px; background-color: White">
    <div class="wrapper-blog">
      <h1>@Model.Title</h1>
      <p class="lead">@Model.Introduction</p>
      <div class="container">
        <div class="row"> 
      
          <!-- Sidebar -->
          <div class="col-lg-2" style="text-align: right">
            <h4 class="half-margin">Info</h4>
            <p>da <a href="#">@Model.UserUpdate</a> il <span>@Model.LastUpdate</span></p>
            <hr />
            <dl>
              <dt>Categoria</dt>
              <dd><a href="#">tecnologia</a>, <a href="#">architetture</a></dd>
            </dl>
            <dl>
              <dt>Tags</dt>
              <dd><a href="#">database</a>, <a href="#">ORM</a>, <a href="#">nhibernate</a>, <a href="#">Entity Framework</a></dd>
            </dl>
          </div>
          <div class="col-lg-8"><img src="/Content/Files/@Model.ImageUrl" class="margin" alt="@Model.Title" style="width: 100%" />
            <p class="margin" style="text-align:justify">@Html.Raw(Model.Description)</p>
		    <h4 class="half-margin">@Model.Subtitle</h4>
            <hr />
        
          </div>
          <div class="col-lg-2"></div>
        </div>
      </div>
    </div>
    <div class="row" style="padding-bottom: 15px">
		<div class="span12" style="text-align:center">
			<div id="share-buttons">				 
				            <!-- Facebook -->
				<a href="http://www.facebook.com/sharer.php?u=@Url.Encode(Request.Url.ToString())" target="_blank"><img src="/Content/sharebuttons/facebook.png" alt="Facebook" /></a>
				 				<!-- Twitter -->
				<a href="http://twitter.com/share?url=@Url.Encode(Request.Url.ToString())&text=@Model.Title" target="_blank"><img src="/Content/sharebuttons/twitter.png" alt="Twitter" /></a>
				 				<!-- Google+ -->
				<a href="https://plus.google.com/share?url=@Url.Encode(Request.Url.ToString())" target="_blank"><img src="/Content/sharebuttons/google.png" alt="Google" /></a>
				 				<!-- Digg -->
				<a href="http://www.digg.com/submit?url=@Url.Encode(Request.Url.ToString())" target="_blank"><img src="/Content/sharebuttons/diggit.png" alt="Digg" /></a>
				 				<!-- Reddit -->
				<a href="http://reddit.com/submit?url=@Url.Encode(Request.Url.ToString())&title=@Model.Title" target="_blank"><img src="/Content/sharebuttons/reddit.png" alt="Reddit" /></a>
				 				<!-- LinkedIn -->
				<a href="http://www.linkedin.com/shareArticle?mini=true&url=@Url.Encode(Request.Url.ToString())" target="_blank"><img src="/Content/sharebuttons/linkedin.png" alt="LinkedIn" /></a>
				 				<!-- Pinterest -->
				<a href="javascript:void((function()%7Bvar%20e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','UTF-8');e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)%7D)());"><img src="/Content/sharebuttons/pinterest.png" alt="Pinterest" /></a>
				 				<!-- StumbleUpon-->
				<a href="http://www.stumbleupon.com/submit?url=@Url.Encode(Request.Url.ToString())&title=@Model.Title" target="_blank"><img src="/Content/sharebuttons/stumbleupon.png" alt="StumbleUpon" /></a>
				 				<!-- Email -->
				<a href="mailto:?Subject=@Model.Title&Body=Volevo suggerirti questo link: %20 @Url.Encode(Request.Url.ToString())"><img src="/Content/sharebuttons/email.png" alt="Email" /></a>
			                    <!-- Print -->
                <a href="#" target="_blank" onClick="window.print()"><img src="/Content/sharebuttons/print.png" alt="Stampa" /></a>
            </div>
		</div>
	</div>
</div>

    <script type="text/javascript">
        $(document).ready(function () {

            /* --- ScrollBar --- */
            var nice = $("html").niceScroll();
            var obj = window;

            /* --- NavBar Search --- */
            $('.navbar form input[type=text]').click(function () {
                $(".navbar form").addClass("form-hover");
                return false;
            });
            $('.navbar form input[type=text]').blur(function () {
                $(".navbar form").removeClass("form-hover");
                return false;
            });

            /* --- Opacity effect --- */
            $('.single').mouseover(function () {
                $(this).siblings().css({
                    opacity: 0.35
                });
            }).mouseout(function () {
                $(this).siblings().css({
                    opacity: 1
                });
            });

            /* --- Fancybox --- */
            $('.fancybox').fancybox();

            /* --- FullScreen --- */
            $(".fullscreen-supported").toggle($(document).fullScreen() != null);
            $(".fullscreen-not-supported").toggle($(document).fullScreen() == null);
            $(document).bind("fullscreenchange", function (e) {
                $("#status").text($(document).fullScreen() ?
                  "Full screen enabled" : "Full screen disabled");
            });
            $(document).bind("fullscreenerror", function (e) {
                $("#status").text("Browser won't enter full screen mode for some reason.");
            });

            /* --- Swap color --- */
            $('.swap').click(function () {
                $('#swap-bg').attr('href', 'css/' + $(this).data('bg') + '.css');
                $('#swap-color').attr('href', 'css/color/' + $(this).data('color') + '.css');
                return false;
            });

            /* --- toTop --- */
            $(window).scroll(function () {
                if ($(this).scrollTop() != 0) {
                    $('#toTop').fadeIn();
                } else {
                    $('#toTop').fadeOut();
                }
            });
            $('#toTop').click(function () {
                $('body,html').animate({
                    scrollTop: 0
                }, 1000);
            });

        });

        /* --- Masonry --- */
        window.onload = function () {
            var wall = new Masonry(document.getElementById('masonry'), {
                columnWidth: 240
            });
            $(".wrapper").css("top", "15%").css("overflow", "visible");
        };
</script>