/**
 * 该Javascript UI库是基于jQuery的扩展。
 */
if (typeof playgoogle === 'undefined')
    var playgoogle = {};
if (typeof playgoogle.ui === 'undefined')
    playgoogle.ui = {};
 (function($){
	playgoogle.ui.imageMarker = function(){
		
	};
	 playgoogle.ui.imageMarker = function(options) {
        this.opts = $.extend({}, playgoogle.ui.imageMarker.defaults, options, true);
        this.id = "photo-marker";
        this._init();
        this.friendSuggest = null;
    };
    playgoogle.ui.imageMarker.prototype = {
        _init:function() {
            this._getTemp();
			this._eventBind();
        },
        _getTemp:function() {
            var str = '<div  class="photo-marker" id="' + this.id + '"><span class="t"></span><span class="r"></span><span class="b"></span><span class="l"></span></div>';
            $(str).appendTo($(this.opts.bigImageContainer));
            this.$marker =  $("#"+this.id); 
        },
        _eventBind:function() {
            var _this = this;
            this.$marker.draggable({
                containment:"parent",
                drag:function(){
               	  _this._resize();
				  if($.isFunction(_this.opts.drag)){
					 _this.opts.drag.call(_this);
				  }
               },
               stop:function(){
               	  _this._resize();
				  if($.isFunction(_this.opts.dragStop)){
					 _this.opts.dragStop.call(_this);
				  }
				  
               }
            });
            this.$marker.resizable({
                handles:"n,e,s,w,se,sw,ne,nw",
                minHeight:30,
                minWidth:30,
                resize:function(event,ui) {
                    _this._resize();
					if($.isFunction(_this.opts.resize)){
						_this.opts.resize.call(_this);
					}
                },
                stop:function(){
                	_this._resize();
					if($.isFunction(_this.opts.risizeStop)){
					 _this.opts.risizeStop.call(_this);
					}
                }
            });
        },
        _resize:function(){
        	var _this = this;
        	var left = _this.$marker.position().left;
        	
            var top = _this.$marker.position().top;
            var width = _this.$marker.outerWidth(true);
            var height = _this.$marker.outerHeight(true);
            var imgWidth = $(_this.opts.bigImage).outerWidth(true);
            var imgHeight = $(_this.opts.bigImage).outerHeight(true);
            if(left<0){
                _this.$marker.css("left",0);
            }
            if(top<0){
                _this.$marker.css("top",0);
            }
            if(left+width>imgWidth){
                _this.$marker.css("width",imgWidth-left);
            }
            if(top+height>imgHeight){
                _this.$marker.css("height",imgHeight-top);
            }
        },
        saveMarker:function(){
   
        },
        remove:function(){
        	this.$marker.remove();
        	$("#album-friend-wapper").remove();
        },
        /*获取当前圈人定位*/
        getPosition:function(){
            return{
                nw:[this.$marker.position().left,this.$marker.position().top],
                se:[this.$marker.position().left+this.$marker.width(),this.$marker.position().top+this.$marker.height()]
            }
        }
    };
	playgoogle.ui.imageMarker.defaults = {
       bigImageContainer:"#imgContainer",
	   bigImage:"#bigImage",
	   drag:null,
	   resize:null,
	   dragStop:null,
	   resizeStrop:null
	}
 })(jQuery);