$(document).ready(function () {

    var illustration = null;

    $('#house A')
    .mouseenter(function () {

        $(this).cite({
            title: $('IMG', this).attr('alt'),
            description: $('EM', this).html(),
            link: $(this).attr('href'),
            id: $(this).attr('id')
        });

    });

    jQuery.fn.cite = function () {
        var args = arguments[0] || {}; // Argument
        var title = args.title;
        var description = args.description;
        var link = args.link;
        var id = "#ill-" + args.id;


        if (illustration != null) {

            $(illustration)
            .css('visibility', 'hidden')
            .css('-webkit-transform', 'scale(0)')
            .css('-moz-transform', 'scale(0)');

            $('.productinfohus').animate({
                'opacity': 0
            }, 150, 'easeInQuad', function () {

                $('DIV.productinfohus')
		        .html('<div class="right"><h2>' + title + '</h2><p class="eleven">' + description + '</p><p class="eleven boldlink"><a href="' + link + '">Klicka för läsa mer</a></p></div>')
		        .animate({
		            'opacity': 1
		        }, 150, 'easeInQuad');

                // Illustration
		        $(id)
                .css('visibility', 'visible')
                .css('-webkit-transform', 'scale(1)')
                .css('-moz-transform', 'scale(1)');
                illustration = id;

            });
        }
        else {
            $('DIV.productinfohus')
		    .stop()
		    .html('<div class="right"><h2>' + title + '</h2><p class="eleven">' + description + '</p><p class="eleven boldlink"><a href="' + link + '">Klicka för läsa mer</a></p></div>')
		    .css({
		        'display': 'block',
		        'opacity': 0
		    })
		    .animate({
		        'opacity': 1
		    }, 150, 'easeInQuad');
            // Illustration

		    $(id)
                .css('visibility', 'visible')
                .css('-webkit-transform', 'scale(1)')
                .css('-moz-transform', 'scale(1)');




            illustration = id;
        }
    };

});