var image = new (function() {

	this.view = function( url, mtop ) {
		var img = $("product-image-placeholder");
		if( img.src.indexOf(url) == -1 ) {
			img.setOpacity(0);
			img.style.marginTop = mtop + "px";
			img.src = url;
			img.fadeIn();
		};
	};

});

var company = (new function() {
	
	var buildingList = {};
	var companyList = {};
	var buildingPosList = {
		b1 : { y : 25, x : 295 },
		b2 : { y : 95, x : 288},
		b3 : { y : 27, x : 230 },
		b4 : { y : 120, x : 345 },
		b5 : { y : 183, x : 282 },
		b6 : { y : 244, x : 335 },
		b7 : { y : 175, x : 117 }
	}
	
	this.add = function( company, buildings ) {
		if( buildings ) {
			buildings = buildings.split(",");
			for( var i = 0; i < buildings.length; i++ ) {
				if(buildingList[buildings[i]] == null ) {
					buildingList[buildings[i]] = new Array();
				}
				buildingList[buildings[i]].push( company );
			}
			
			companyList[company] = buildings;
		}
	}
	
	function getBuildingList( company ) {
		return companyList[ company ];
	}
	
	function getCompanyList( building ) {
		return buildingList[ building ];
	}
	
	this.displayBuildings = function( buildings ) {
		
		var bl = buildings.split(",");
		if( !bl || !bl.length ) {								
			return;
		}
		for( var i = 0; i < bl.length; i++ ) {
			var o = $("marker"+i);
			if( o.isNull ) {
				o = $(document.body).addElement("img", { id : "marker"+i, src : "/inc/images/img_map_marker.png" }, { position: "absolute" } ).hide();
			}
			o.top( buildingPosList[bl[i]].y+$("product-image").top() ).left( buildingPosList[bl[i]].x+$("product-image").left() ).show();
		}
	}
	
	this.displayCompanies = function( building ) {
		$("company-list").setClass();
		$("company-list").setClass(building.id);
	}
	
	this.hide = function() {
		$("marker0","marker1").hide();
	}
	
});