<?php
/*
Plugin Name: Guan Image Notes
Plugin URI: http://pangeran.org/guan-image-notes/
Description: Allows you and your visitors to add comment as textual annotations to images by select a region of the image and then attach a textual description to it. The notes or annotations is intergrated with WordPress comment system.
Author: Pangeran Wiguan
Version: 2.0
Author URI: http://wiguan88.com
*/

/*

Guan Image Notes | Add notes tagging to your images in WordPress powered blogs.
Copyright (C) 2010  Pangeran Wiguan

This program is free software; you can redistribute it and/or
modify it under the terms of the GNU General Public License
as published by the Free Software Foundation; either version 2
of the License, or (at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program; if not, write to the Free Software
Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.

*/

//header function
function load_image_annotation_js() {
    $plugindir = get_settings('home').'/wp-content/plugins/'.dirname(plugin_basename(__FILE__));
    echo "<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js' type='text/javascript'></script>\n";
    echo "<script type='text/javascript' src='". $plugindir ."/js/jquery.annotate.js'></script>\n";
    echo "<script type='text/javascript' src='". $plugindir ."/js/jquery-ui-1.7.1.js'></script>\n";
    echo "<link rel='stylesheet' href='$plugindir/css/annotation.css' type='text/css' />\n";

    function ae_detect_ie()
    {
        if (isset($_SERVER['HTTP_USER_AGENT']) &&
        (strpos($_SERVER['HTTP_USER_AGENT'], 'MSIE') !== false))
            return true;
        else
            return false;
    }

    /**
     *Since Guan Image Notes Version 1.0
     *Add notification for user to go to single page if other page than single page for example homepage.
      */
    if (is_single()) : { ?>

    <script language="javascript">
    $(document).ready(function(){
            $("img").each(function() {
                var idname = $(this).attr("id")
                if(idname.substring(0,4) == "img-") {
                    source = $(this).attr('src');
                    var addablecon = $(this).attr("addable")
                    addablecon = addablecon == undefined ? "true" : addablecon;

                    $(this).wrap($('<div id=' + idname.substring(4,idname.length) + ' ></div>'));

                    $('#' + idname).mouseover(function() {
                        $(this).annotateImage({
                            getPostID: <?php global $wp_query; $thePostID = $wp_query->post->ID; echo $thePostID; ?>,
                            getImgID: idname,
                            getUrl: "<?php echo $plugindir; ?>/imageannotation-run.php",
                            saveUrl: "<?php echo $plugindir; ?>/imageannotation-run.php",
                            deleteUrl: "<?php echo $plugindir; ?>/imageannotation-run.php",
                            editable: <?php get_currentuserinfo(); global $user_level; if ($user_level > 0) { ?>true<?php } else { ?>false<?php } ?>,
                            addable: <?php get_currentuserinfo(); global $user_level; if ($user_level > 0) { ?>true<?php } else { ?> addablecon == "true" ? true : false <?php } ?>
                        });
                    });
                }
            });

            $('div').each(function() {
                var divid = $(this).attr("id");
                if(divid.substring(0,8) == "comment-") {
                    var getimgsrc = imageSource(divid.substring(8,divid.length));
                    if(getimgsrc != "") {
                        $(this).remove("noted");
                        $(this).html('<div class="image-note-thumbnail"><a href="#' + divid.substring(8,divid.length) + '"><img src="' + getimgsrc + '" /></a></div>');
                    }
                }
            });
    });

    function imageSource(id) {
        var idreturn = "";
        $('img').each(function() {
            var imgid = $(this).attr("id");
            if(imgid == "img-" + id) {
                idreturn = $(this).attr("src");
            }
        });

        return idreturn;
    }

    </script>

    <?php }

    else : ?>

    <script language="javascript">
    $(document).ready(function(){
            $("img").each(function() {
                var idname = $(this).attr("id")
                if(idname.substring(0,4) == "img-") {
                    source = $(this).attr('src');
                    var addablecon = $(this).attr("addable")
                    addablecon = addablecon == undefined ? "true" : addablecon;

                    $(this).wrap($('<div id=' + idname.substring(4,idname.length) + ' ></div>'));

                    $('#' + idname).mouseover(function() {
                        $(this).annotateImage({
                            getPostID: <?php global $wp_query; $thePostID = $wp_query->post->ID; echo $thePostID; ?>,
                            getImgID: idname,
                            getUrl: "<?php echo $plugindir; ?>/imageannotation-run.php",
                            saveUrl: "<?php echo $plugindir; ?>/imageannotation-run.php",
                            deleteUrl: "<?php echo $plugindir; ?>/imageannotation-run.php",
                            editable: <?php get_currentuserinfo(); global $user_level; if ($user_level > 0) { ?>false<?php } else { ?>false<?php } ?>,
                            addable2: <?php get_currentuserinfo(); global $user_level; if ($user_level > 0) { ?>true<?php } else { ?> addablecon == "true" ? true : false <?php } ?>
                        });
                    });
                }
            });

            $('div').each(function() {
                var divid = $(this).attr("id");
                if(divid.substring(0,8) == "comment-") {
                    var getimgsrc = imageSource(divid.substring(8,divid.length));
                    if(getimgsrc != "") {
                        $(this).remove("noted");
                        $(this).html('<div class="image-note-thumbnail"><a href="#' + divid.substring(8,divid.length) + '"><img src="' + getimgsrc + '" /></a></div>');
                    }
                }
            });
    });

    function imageSource(id) {
        var idreturn = "";
        $('img').each(function() {
            var imgid = $(this).attr("id");
            if(imgid == "img-" + id) {
                idreturn = $(this).attr("src");
            }
        });

        return idreturn;
    }

    </script>

    <?php endif;


}

//comment function
function getImgID() {
    global $comment;
    $commentID = $comment->comment_ID;

    global $wpdb;
    $imgIDNow = $wpdb->get_var("SELECT note_img_ID FROM guan_imagenote WHERE note_comment_id = ".(int)$commentID);

    if($imgIDNow != "") {
        $str = substr($imgIDNow, 4, strlen($imgIDNow));
        echo "<div id=\"comment-".$str."\"><a href='#".$str."'>noted on #".$imgIDNow."</a></div>";
    } else {
        echo "&nbsp;";
    }
}

/**
 *Since Guan Image Notes Version 2.0
 *This function add id="img-012345678" into the image attribute while inserting the image into post using WordPress editor.
 *The number is unique and changed dynamically according to image id attachment.
 *Change the URL attached to the images as [Open Link In New Tab].
 */
function guan_image_note_processor($html, $id , $alt, $title) {

    $html = str_replace('<img', '<img id="img-' . $id . '" ', $html);

    return $html;

}

/**
 *Since Guan Image Notes Version 1.0
 *This function add the commented image thumbnail in the comment area.
 */
function guan_getImgID_inserter($comment_ID = 0){
    getImgID();
    $guan_comment_content = get_comment_text();
    return $guan_comment_content;
}

/**
 *Since Guan Image Notes 2.0
 *Admin stuffs
 */
function guan_image_notes_menu() {

    add_options_page('Guan Image Notes Settings', 'Guan Image Notes Settings', 'manage_options', 'guan-image-notes-page', 'guan_image_notes_options');

}

function guan_image_notes_options() {

    if (!current_user_can('manage_options'))  {
        wp_die( __('You do not have sufficient permissions to access this page.') );
    }

    $title = __('Guan Image Notes');

    $plugindir = '/wp-content/plugins/'.dirname(plugin_basename(__FILE__));

    include( ABSPATH . $plugindir . "/guan-image-notes-settings-page.php");

}

function register_guan_image_notes_settings() { // whitelist options
  register_setting( 'guan-image-notes', 'guan_image_notes_enable_comments_thumbnail' );
  register_setting( 'guan-image-notes', 'guan_image_notes_enable_comment_sync' );
}

if ( is_admin() ){ // admin actions
    add_action( 'admin_menu', 'guan_image_notes_menu' );
    add_action( 'admin_init', 'register_guan_image_notes_settings' );
}
else {
  // non-admin enqueues, actions, and filters
}

if( (get_option('guan_image_notes_enable_comments_thumbnail') == '1') ) {
    //Do nothing, the user don't want the script to insert the thumbnail into comments.
}
else {
    add_filter('comment_text', 'guan_getImgID_inserter', 10, 4);
}

add_filter('get_image_tag','guan_image_note_processor', 10, 4);
add_action('wp_head', 'load_image_annotation_js');
add_filter('Comments', 'getImgID');

// ?>