/**
 * $Id: builder.minimap.js 102 2009-09-10 12:37:29Z cyriljanssens $
 * 
 * minimap object
 * @class minimap
 * @constructor
 */
minimap = function() {
	
	this.pos = {
			top: 10,
			left: 760	
	};
	this.size = {
			height: 250,
			width: 400,
			ratio: 20
	};
	
	this.mapMaxSize = {
			height: 2500,
			width: 4000
	};
	
	this.iObjects = 0;
	this.aObjects = new Array();
	this.aMiniObjects = new Array();
	this.html = '<div class="minimap"><div class="redSquare"></div></div>';
	
	/**
	 * append minimap on document
	 */
	this.show = function(){
		this.resize();
		this.html.css('height', this.size.height + 'px');
		this.html.css('width', this.size.width + 'px');
		var minimapPos = this.html.offset();
		this.pos.top = minimapPos.top;
		this.pos.left = minimapPos.left;
		this.reloadUI();
	};
	
	this.resize = function(){
		var ratio = window.screen.availHeight / window.screen.availWidth;
		this.mapMaxSize.width = window.screen.availWidth * 2.5;
		this.mapMaxSize.height = this.mapMaxSize.width * ratio;
		this.size.height = this.mapMaxSize.height / this.size.ratio;
		this.size.width = this.mapMaxSize.width / this.size.ratio;
	};
	
	/**
	 * reload IU event on minimap
	 */
	this.reloadUI = function(){
		this.html.find('.redSquare').height(window.innerHeight / this.mapMaxSize.height * this.size.height);
		this.html.find('.redSquare').width(window.innerWidth / this.mapMaxSize.width * this.size.width);
		this.html.find('.redSquare').draggable({ 
			containment: 'parent',
			stop: this.helpers.moveScreen
			});
		$('.canvas').height(this.mapMaxSize.height);
		$('.canvas').width(this.mapMaxSize.width);
	};
	/**
	 * add pcg object as miniobject
	 * 
	 * @param {pcgObject} oPcg
	 */
	this.addObject = function(oPcg){
		this.aObjects[oPcg.id] = oPcg;
		this.aMiniObjects[oPcg.id] = {};
		this.aMiniObjects[oPcg.id].html = '<div class="miniObject"></div>';
		this.aMiniObjects[oPcg.id].html = $(this.aMiniObjects[oPcg.id].html);
		this.html.append(this.aMiniObjects[oPcg.id].html);
		this.moveObject(oPcg);
	};
	/**
	 * move miniobject on minimap according pcg object
	 * 
	 * @param {pcgObject} oPcg
	 */
	this.moveObject = function(oPcg){
		var minimapRelativePos = this.html.position();
		var oPos = oPcg.html.find(".pcgObject").offset();
		var relatives = {};
		relatives.top =  ((oPos.top / this.mapMaxSize.height ) * this.size.height) + minimapRelativePos.top;
		relatives.left = ((oPos.left / this.mapMaxSize.width) * this.size.width) + minimapRelativePos.left;
		relatives.height = oPcg.html.find(".pcgObject").height() / this.mapMaxSize.height * this.size.height;
		relatives.width = oPcg.html.find(".pcgObject").width() / this.mapMaxSize.width * this.size.width;
		this.aMiniObjects[oPcg.id].html.css('top',relatives.top + 'px');
		this.aMiniObjects[oPcg.id].html.css('left',relatives.left + 'px');
		this.aMiniObjects[oPcg.id].html.width(relatives.width + 'px');
		this.aMiniObjects[oPcg.id].html.height(relatives.height + 'px');
	};
	/**
	 * 
	 * @param {pcgObject} oPcg
	 * @return void(0)
	 */
	this.remove = function(oPcg){
		this.aMiniObjects[oPcg.id].html.remove();
		delete this.aObjects[oPcg.id];
	};
	
	//--------------------
	//    helpers
	//--------------------
	
	
	this.helpers = {
		/**
		 * move screen according the red square
		 * 
		 * @param event
		 * @param ui
		 * @return this
		 */
		moveScreen: function(event, ui){
			var realMinimapPos = map.html.offset();
			map.pos.top = realMinimapPos.top - $(document).scrollTop();
			map.pos.left = realMinimapPos.left - $(document).scrollLeft();
			
			var squarePos = map.html.find('.redSquare').offset();
			relatives = {};
			relatives.top = squarePos.top - map.pos.top - 1 - $(document).scrollTop();
			relatives.left = squarePos.left - map.pos.left - 1 - $(document).scrollLeft();
			relatives.top = relatives.top / map.size.height * map.mapMaxSize.height;
			relatives.left = relatives.left / map.size.width * map.mapMaxSize.width;
			window.scrollTo(relatives.left, relatives.top);
			return this;
		}
			
	};
	
	//--------------------
	//    constructor
	//--------------------
	
	this.html = $(this.html);
	
};