/**
 * imgnotes jQuery plugin
 * version 0.1
 *
 * Copyright (c) 2008 Dr. Tarique Sani <tarique@sanisoft.com>
 *
 * Dual licensed under the MIT (MIT-LICENSE.txt) 
 * and GPL (GPL-LICENSE.txt) licenses.
 *
 * @URL      http://www.sanisoft.com/blog/2008/05/26/img-notes-jquery-plugin/
 * @Example  example.html
 *
 **/

//Wrap in a closure
(function($) {

    $.fn.imgNotes = function(n) {
	
        if(undefined != n){
            notes = n;
        }
	
        imgOffset = $(this).offset();
	
        $(notes).each(function(){
            appendnote(this);
        });
	
        $(this).hover(
            function(){
                $('.note').show();
            },
            function(){
                $('.note').hide();
            }
            );
	
        $('.note').hover(
            function(){
                $('.note').show();
                $(this).next('.notep').show();
                $(this).css("z-index", 10000);
            },
            function(){
                $('.note').show();
                $(this).next('.notep').hide();
                $(this).css("z-index", 0);
            }
            );
    }
	
    function appendnote(note_data) {
//        if(note_data.community == 'false') {
//            note_left  = parseInt(imgOffset.left) + (parseInt(note_data.x1) * 1.6);
//            note_top   = parseInt(imgOffset.top) + (parseInt(note_data.y1) * 1.46);
//
//            note_data.width  = note_data.width * 1.6
//            note_data.height = note_data.height * 1.46;
//        } else {
//            note_left  = parseInt(imgOffset.left) + parseInt(note_data.x1);
//            note_top   = parseInt(imgOffset.top) + parseInt(note_data.y1);
//        }
        
        note_left  = parseInt(imgOffset.left) + parseInt(note_data.x1);
        note_top   = parseInt(imgOffset.top) + parseInt(note_data.y1);

        note_p_top  = note_top + parseInt(note_data.height)+5;
						
        note_area_div = $("<div class='note'></div>").css({
            left: note_left + 'px',
            top: note_top + 'px',
            width: note_data.width + 'px',
            height: note_data.height + 'px'
        });
		
        note_text_div = $('<div class="notep" >'+note_data.note+'</div>').css({
            left: note_left + 'px',
            top: note_p_top + 'px'
            });
	
        $('body').append(note_area_div);
        $('body').append(note_text_div);
    }

// End the closure
})(jQuery);