// <!--
// File: default.js
// Author: Akram El Assas
// The Fancy Thumbnail Hover Effect is from http://www.sohtanaka.com/web-design/fancy-thumbnail-hover-effect-w-jquery/
// -->

$(document).ready(function () {
    // Larger thumbnail preview 
    // hoverIntent
    $("ul.thumb li").hover(function () {
        $(this).css({ 'z-index': '10' });
        $(this).find('img').addClass('hover').stop()
            .animate({
                marginTop: '-60px',
                marginLeft: '-120px',
                top: '50%',
                left: '50%',
                width: '241px',
                height: '121px',
                //padding: '20px'
				//border:'2px solid #DDD',
            }, 200);

    }, function () {
        $(this).css({ 'z-index': '0' });
        $(this).find('img').removeClass('hover').stop()
            .animate({
                marginTop: '0',
                marginLeft: '0',
                top: '0',
                left: '0',
                width: '221px',
                height: '101px',
                //padding: '5px'
				//border:'2px solid #DDD',
            }, 400);
    });

    // Swap Image on Click

    $('ul.thumb li a').one('click', function (e) {
        $.noConflict();
      

        e.preventDefault();
    //    var mainImage = $(this).attr("href"); //Find Image Name
    //    var img = "<img src='" + mainImage + "' height='100' width='100' />";
      //  var b = $('#basic-modal-content').html(img);
   //     $('#basic-modal-content').modal();


    });
   
    
});