Se han encontrado "+this.data.length+" propiedades
"; } var listing = new Element('div', {'class':'map_listing','style':'width:490px;height:150px;overflow:auto;'}).update("
");
var window_info = new Element('div', {'style':'width:500px;height:'+window_height+'px;'}).update(title).insert(listing);
this.openInfoWindow(window_info);
new Ajax.Request('/data/realestate', {
method:'get',
parameters:this.data.map(function(e){return 'ids[]='+e.id}).join('&'),
onSuccess:function(transport){
listing.update();
var response = transport.responseJSON;
for(var j = 0; j < response.length; ++j){
var data = response[j];
var link_url = data.get_url;
var html = ""+data.title+"
"; if (data.price && data.priceUnit){html += ""+data.priceUnit+" "+number_with_delimiter(data.price)+"
";}
if (data.address_html){html += ""+data.address_html+"";}
if (data.features){html += ""+data.features.truncate(80)+"
"; } if (data.description){html += ""+data.description.truncate(80)+"
";} html += "Ver +"; html += "Publicado en "+data.source_name+" el "+data.publish_date+""; html += "
");
}
listing.appendChild(o);
}
}
})
}
GEvent.addListener(marker, "click", marker.SAInfoWindow);
if (previousMarkers) {
previousMarkers[point.toString()] = marker;
}
}
return marker;
}
//global circle_radius, for the map
var circle_radius = 500;
var map=null;
function plotMap(container, center, properties, no_search, translations_text, fixed_size) {
if (GBrowserIsCompatible()) {
//global map
var map_options = {}
if(fixed_size){
map_options['size'] = fixed_size
}
map = new GMap2(container, map_options);
var mapCenter = (center) ? center : {"lat":-34.600433,"lon":-58.466492} ;
map.setCenter(new GLatLng(mapCenter.lat, mapCenter.lon), 12);
map.addControl(new GLargeMapControl3D(map));
map.addControl(new GMapTypeControl(map));
map.addControl(new GScaleControl());
map.addControl(new GOverviewMapControl());
map.addControl(new PanoMapTypeControl(map));
var markers = [];
var previousMarkers = {};
for(var i=0;i < properties.length; ++i){
var marker = createMarker( properties[i], previousMarkers );
markers.push( marker );
}
var numericIcon = new GIcon();
numericIcon.iconSize = new GSize(37, 51);
numericIcon.iconAnchor = new GPoint(19,51);
numericIcon.infoWindowAnchor = new GPoint(9, 2);
var cluster=new ClusterMarker(map, { markers:markers , clusterMarkerIcon:numericIcon, intersectPadding:8 } );
cluster.fitMapToMarkers();
if(!no_search){
searchControl = new SearchControl(map);
searchControl.translations = translations_text.search_control;
searchControl._clusterMarker = cluster;
var statusControl = new StatusControl(map);
statusControl.translations = translations_text.status_control;
searchControl._statusControl = statusControl;
var howToControl = new HowToControl(map);
howToControl.translations = translations_text.how_to_control;
searchControl._howToControl = howToControl;
map.addControl(statusControl);
map.addControl(searchControl);
map.addControl(howToControl);
GEvent.addListener(map, "click", function(overlay, point) {
if (point) {
singleClick = !singleClick;
setTimeout(function(){if (singleClick) createCircle(new GLatLng(point.lat(), point.lng() ), circle_radius )}, 300);
}
});
}
}
return map;
}
function drawPOI(poi){
if(poi){
opts = {title : poi.title};
if(poi.icon){
opts.icon = new GIcon(G_DEFAULT_ICON, poi.icon);
opts.icon.iconSize = new GSize(32,32);
}
var poi_marker = new GMarker(new GLatLng(poi.lat, poi.lon), opts);
map.addOverlay(poi_marker);
}
}
var singleClick = false;
var searchCenterOptions = new Object();
var searchBorderOptions = new Object();
searchCenterOptions.icon = new GIcon();
searchCenterOptions.icon.image = "/images/gmaps/centerArrow.png";
searchCenterOptions.icon.iconSize = new GSize(16,16);
searchCenterOptions.icon.iconAnchor = new GPoint(8, 8);
searchCenterOptions.draggable = true;
searchCenterOptions.bouncy = true;
searchCenterOptions.zIndexProcess = function(){return 250000000;};
searchBorderOptions.icon = new GIcon();
searchBorderOptions.icon.image = "/images/gmaps/resizeArrow.png";
searchBorderOptions.icon.iconSize = new GSize(25,20);
searchBorderOptions.icon.iconAnchor = new GPoint(12, 10);
searchBorderOptions.draggable = true;
searchBorderOptions.bouncy = true;
searchBorderOptions.zIndexProcess = function(){return 250000000;};
function createCircle(point, radius, fit_map, only_render) {
singleClick = false;
searchArea = new SearchArea();
searchArea.initializeCircle(radius, point, map);
searchControl.addSearchArea(searchArea);
searchArea.render(fit_map, only_render);
}
function destination(orig, hdng, dist) {
var R = 6371; // earth's mean radius in km
var oX, oY;
var x, y;
var d = dist/R; // d = angular distance covered on earth's surface
hdng = hdng * Math.PI / 180; // degrees to radians
oX = orig.x * Math.PI / 180;
oY = orig.y * Math.PI / 180;
y = Math.asin( Math.sin(oY)*Math.cos(d) + Math.cos(oY)*Math.sin(d)*Math.cos(hdng) );
x = oX + Math.atan2(Math.sin(hdng)*Math.sin(d)*Math.cos(oY), Math.cos(d)-Math.sin(oY)*Math.sin(y));
y = y * 180 / Math.PI;
x = x * 180 / Math.PI;
return new GLatLng(y, x);
}
function distance(point1, point2) {
var R = 6371; // earth's mean radius in km
var lon1 = point1.lng() * Math.PI / 180;
var lat1 = point1.lat() * Math.PI / 180;
var lon2 = point2.lng() * Math.PI / 180;
var lat2 = point2.lat() * Math.PI / 180;
var deltaLat = lat1 - lat2;
var deltaLon = lon1 - lon2;
var step1 = Math.pow(Math.sin(deltaLat/2), 2) + Math.cos(lat2) * Math.cos(lat1) * Math.pow(Math.sin(deltaLon/2), 2);
var step2 = 2 * Math.atan2(Math.sqrt(step1), Math.sqrt(1 - step1));
return step2 * R;
}
function SearchArea() {}
SearchArea.prototype.COLOR="#FF0000";
SearchArea.prototype._map;
SearchArea.prototype._radius;
SearchArea.prototype._dragHandle;
SearchArea.prototype._centerHandle;
SearchArea.prototype._polygon;
SearchArea.prototype._control;
SearchArea.prototype._points;
SearchArea.prototype._dragHandlePosition;
SearchArea.prototype._centerHandlePosition;
SearchArea.prototype._centerField;
SearchArea.prototype._radiusField;
SearchArea.prototype.initializeCircle = function(radius, point, map) {
this._radius = radius;
this._map = map;
this._points = [];
this._dragHandlePosition = destination(point, 90, this._radius/1000);
this._dragHandle = new GMarker(this._dragHandlePosition, searchBorderOptions);
this._centerHandlePosition = point;
this._centerHandle = new GMarker(this._centerHandlePosition, searchCenterOptions);
this._map.addOverlay(this._dragHandle);
this._map.addOverlay(this._centerHandle);
this._centerField = $('search_point');
this._radiusField = $('search_radius');
var that = this;
GEvent.addListener (this._dragHandle, "dragend", function() {that.updateCircle('border');});
GEvent.addListener (this._centerHandle, "dragend", function() {that.updateCircle('center');});
}
SearchArea.prototype.updateCircle = function (type) {
this._map.removeOverlay(this._polygon);
if (type=='border') {
this._dragHandlePosition = this._dragHandle.getPoint();
this._radius = distance(this._centerHandlePosition, this._dragHandlePosition) * 1000;
this.render();
} else if (type=='center') {
this._centerHandlePosition = this._centerHandle.getPoint();
this.render();
this._dragHandle.setPoint(this.getEast());
}
}
SearchArea.prototype.updateFields = function() {
this._centerField.value = this.getCenterLatLng();
this._radiusField.value = this.getKMRadius();
}
SearchArea.prototype.clearFields = function() {
this._centerField.value="";
this._radiusField.value="";
window.location.hash = "#.";
}
SearchArea.prototype.render = function(fit_map, only_render) {
this.updateFields();
circle_radius = this._radius;
if(!only_render){
this._control.updateMarkers(fit_map);
}
this._points.clear();
var distance = this._radius/1000;
for (var i = 0; i < 72; ++i) {
this._points.push(destination(this._centerHandlePosition, i * 360/72, distance) );
}
this._points.push(destination(this._centerHandlePosition, 0, distance) );
this._polygon = new GPolygon(this._points, this.COLOR, 2, 1, this.COLOR, 0.1);
this._control.render();
this._map.addOverlay(this._polygon);
}
SearchArea.prototype.remove = function() {
this.clearFields();
this._map.removeOverlay(this._polygon);
GEvent.clearListeners(this._dragHandle);
GEvent.clearListeners(this._centerHandle);
this._map.removeOverlay(this._dragHandle);
this._map.removeOverlay(this._centerHandle);
this._searchPoint = null;
this._searchRadius = null;
this._control = null;
}
SearchArea.prototype.getKMRadius = function() {
return (this._radius/1000).toFixed(2);
}
SearchArea.prototype.getCenterLatLng = function() {
return this._centerHandle.getPoint().toUrlValue();
}
SearchArea.prototype.getHTML = function() {
result = "
"+this._control.translations.searching+" "+this._control.translations.radius+" ";
if (this._radius < 1000) {
result += this._radius.toFixed(1) + 'm';
} else {
result += (this._radius / 1000).toFixed(1) + 'km';
}
result += "";
if (this._polygon){
result += "" +this._control.translations.area + " " + (this._polygon.getArea()/1000000).toFixed(1) + "km²";
}
return result;
}
SearchArea.prototype.getNorth = function() {
return this._points[0];
}
SearchArea.prototype.getSouth = function() {
return this._points[(72/2)];
}
SearchArea.prototype.getEast = function() {
return this._points[(72/4)];
}
SearchArea.prototype.getWest = function() {
return this._points[(72/4*3)];
}
function SearchControl () {}
SearchControl.prototype = new GControl();
SearchControl.prototype._searchArea;
SearchControl.prototype._searchDiv;
SearchControl.prototype._searchForm;
SearchControl.prototype._statusControl;
SearchControl.prototype.preloaded_markers = [];
SearchControl.prototype.translations;
SearchControl.prototype.show_info_window = true;
SearchControl.prototype.initialize = function(map) {
this._map = map;
this._searchDiv = new Element("div", { 'id' : "searchControl", 'class' : 'invisible map_control'});
this._map.getContainer().appendChild(this._searchDiv);
this._searchForm = $('property_sideform');
this._results_counter = $('map_results_count');
this._results_title = $('map_results_title');
this.title_suffix = document.title.replace(/.+?\|/, ' |');
this._poi_markers = [];
var preloaded_data = window.location.hash.replace(/#/, '').toQueryParams();
if ( preloaded_data.prop_ids ){
this.preloaded_markers = preloaded_data.prop_ids.split(',');
}
var that = this;
$('property_search_operation').observe('change', function(){
that.togglePriceOperationFilter(this.value);
that.filterBy({operation:this.value});
})
$('property_search_property_type').observe('change', function(){
that.filterBy({property_type:this.value});
})
return this._searchDiv;
}
SearchControl.prototype.getDefaultPosition = function() {
return new GControlPosition(G_ANCHOR_TOP_LEFT, new GSize(70, 10));
}
SearchControl.prototype.addSearchArea = function(searchArea) {
if(this._searchArea){
this.removeSearchArea();
}
this._searchArea = searchArea;
searchArea._control = this;
this._searchDiv.innerHTML = searchArea.getHTML();
}
SearchControl.prototype.render = function() {
if (this._searchArea){
this._searchDiv.removeClassName('invisible');
this._searchDiv.innerHTML = this._searchArea.getHTML();
} else {
this._searchDiv.innerHTML = '';
this._searchDiv.addClassName('invisible');
}
}
SearchControl.prototype.togglePriceOperationFilter = function(operation) {
$('price_sell_menu').toggle();
$('search_sell_currency').disabled = !$('search_sell_currency').disabled
$('price_sell_currency').toggle();
$('price_rent_menu').toggle();
$('search_rent_currency').disabled = !$('search_rent_currency').disabled
$('price_rent_currency').toggle();
$('search_price_from').value = ''
$('search_price_to').value = ''
}
SearchControl.prototype.updatePlaces = function(places_arr) {
var place_ids = places_arr.map(function(e){
return e.select('select').map(function(f){
return f.value
}).reject(function(f){return !f || f.empty()}).last()
}).compact().uniq()
this._searchForm.select('.place_ids').each(function(e){e.remove()});
for(var i=0; i< place_ids.length; ++i){
this._searchForm.appendChild( new Element('input', {'type':'hidden', 'name':'search[place_ids]['+i+']', 'value':place_ids[i], 'class':'place_ids'}) );
}
this.updateMarkers();
}
SearchControl.prototype.filterBy = function(filters, clicked, parent_id, fit_map) {
if (clicked){
$$('#'+parent_id+' a').each(function(e){e.removeClassName('current')});
clicked.addClassName('current');
clicked.blur();
}
$H(filters).each(function(e){
var filter = $('search_'+e.key)
if (filter){
filter.value = e.value;
}
});
this.updateMarkers(fit_map);
}
SearchControl.prototype.hashSerializeForm = function(){
var values = [];
$H(Form.serialize(this._searchForm, true)).each(function(h){
if (!h.value.toString().empty()){
values.push( h.key.replace(/search\[(.+?)\]/, '$1' ) + '=' + h.value );
}
});
window.location.hash = values.join('&');
}
var request_counter = 0;
SearchControl.prototype.updateMarkers = function(fit_map) {
this.hashSerializeForm();
if (update_markers){
var that = this;
this.setLoading();
var this_request = ++request_counter;
new Ajax.Request(this._searchForm.action, {
parameters:Form.serialize(this._searchForm)+'&ajax=1',
method:'get',
onSuccess:function(transport){
if(this_request === request_counter){
var new_properties = transport.responseJSON.properties;
var new_title = transport.responseJSON.title;
var new_win_title = transport.responseJSON.win_title
var new_markers = [];
var previousMarkers = {};
var click = false;
for(var i=0; i < new_properties.length; ++i){
new_markers.push( createMarker(new_properties[i], previousMarkers) );
if( click === false && that.show_info_window && that.preloaded_markers.include( new_properties[i].id ) ){
click = i;
}
}
if (that._results_counter){ that._results_counter.update( new_properties.length.toString() ); }
if (that._results_title && new_title){
that._results_title.update( new_title );
}
if (new_win_title){
document.title = new_win_title + that.title_suffix;
}
that._clusterMarker.removeMarkers();
that._clusterMarker.addMarkers(new_markers);
that._clusterMarker.refresh();
if(that.show_info_window && click !== false){
that._clusterMarker.triggerClick(click);
that.show_info_window = false;
}else if(fit_map){
that._clusterMarker.fitMapToMarkers();
}
that.drawPOIs(transport.responseJSON.pois);
}
},
onComplete:function(transport){ if(this_request === request_counter) that.endLoading();}
});
}else{update_markers=true;}
}
SearchControl.prototype.drawPOIs = function(pois) {
if(this._poi_markers.length > 0){
this._poi_markers.each(function(e){
this._map.removeOverlay(e);
});
this._poi_markers.clear();
}
if(pois){
var that = this;
pois.each(function(poi){
var opts = {title: poi.title};
if(poi.icon){
opts.icon = new GIcon(G_DEFAULT_ICON, poi.icon);
opts.icon.iconSize = new GSize(32,32);
}
var marker = new GMarker(new GLatLng(poi.lat, poi.lon), opts);
GEvent.addListener(marker, "click", function(){
this.openInfoWindow(""+ poi.title + "
" + poi.description + "
" ) }); that._map.addOverlay(marker); that._poi_markers.push(marker); }) } } SearchControl.prototype.setLoading = function() { this._statusControl.show(); } SearchControl.prototype.endLoading = function() { this._statusControl.hide(); } SearchControl.prototype.removeSearchArea = function(update_markers) { this._searchArea.remove(); this._searchArea = null; this.render(); if(update_markers){ this.updateMarkers(); } } SearchControl.prototype.closeHowTo = function() { this._howToControl.hide(); } function StatusControl () {} StatusControl.prototype = new GControl(); StatusControl.prototype._statusDiv; StatusControl.prototype.translations; StatusControl.prototype.initialize = function(map) { this._map = map; this._statusDiv = new Element("div", { 'id' : "statusControl", 'class':'map_control'}).update(""+this.translations.loading_text);
this._statusDiv.hide();
this._map.getContainer().appendChild(this._statusDiv);
return this._statusDiv;
}
StatusControl.prototype.getDefaultPosition = function() {
var left_distance = (this._map.getSize().width/3).round();
return new GControlPosition(G_ANCHOR_TOP_LEFT, new GSize(left_distance, 30));
}
StatusControl.prototype.show = function() {
this._statusDiv.show();
}
StatusControl.prototype.hide = function() {
this._statusDiv.hide();
}
function followIfCompatible(text , button_text){
if (GBrowserIsCompatible() && navigator.geolocation) {
var b = new Element("button",{"id":"follow"}).update(button_text)
b.observe("click", follow );
$$(".map_search_instructions").first().insert(text).appendChild(b)
}
}
function follow() {
searchControl.setLoading()
positionId = navigator.geolocation.watchPosition(function(position){
currentLocation = new GLatLng(position.coords.latitude, position.coords.longitude);
createCircle( currentLocation , 1000 , true );
});
}
function HowToControl () {}
HowToControl.prototype = new GControl();
HowToControl.prototype._statusDiv;
HowToControl.prototype.translations;
HowToControl.prototype.initialize = function(map) {
this._map = map;
this._statusDiv = new Element('div', { 'id' : 'howToControl', 'class':'map_control map_search_instructions'}).update("" + (this.translations));
this._map.getContainer().appendChild(this._statusDiv);
return this._statusDiv;
}
HowToControl.prototype.getDefaultPosition = function() {
return new GControlPosition(G_ANCHOR_TOP_RIGHT, new GSize(20, 50));
}
HowToControl.prototype.hide = function() {
this._statusDiv.hide();
}
/**
* Copyright (c) 2008 Google Inc.
*
* You are free to copy and use this sample.
* License can be found here: http://code.google.com/apis/ajaxsearch/faq/#license
*/
/**
* @fileoverview A slideshow control based on the AJAX Feed API.
* @author dcollison@google.com (Derek Collison)
*/
/**
* GFslideshow
* @param {String} photoFeed The feed URL.
* @param {String|Object} container Either the id string or the element itself.
* @param {Object} options Options map.
* @constructor
*/
function GFslideShow(photoFeed, container, options) {
this.feedUrl = null;
this.directEntries = null;
if (typeof photoFeed == 'string') {
this.feedUrl = photoFeed;
} else if (photoFeed && photoFeed.length && photoFeed.length > 1) {
this.directEntries = photoFeed;
} else {
throw "invalid argument: photoFeed";
}
if (typeof container == "string") {
container = document.getElementById(container);
}
this.container = container;
this.parseOptions(options);
this.setup();
}
// Thumbnail size preferences.
GFslideShow.THUMBNAILS_SMALL = "small";
GFslideShow.THUMBNAILS_MEDIUM = "medium";
GFslideShow.THUMBNAILS_LARGE = "large";
// Thumbnail tag names and namespaces.
// MediaRSS.
GFslideShow.MRSS_THUMBNAIL_TAG = "thumbnail";
GFslideShow.MRSS_THUMBNAIL_NS = "http://search.yahoo.com/mrss/";
// iTunes.
GFslideShow.ITMS_THUMBNAIL_TAG = "coverArt";
GFslideShow.ITMS_THUMBNAIL_NS = "http://phobos.apple.com/rss/1.0/modules/itms/";
// MediaRSS is default.
GFslideShow.DEFAULT_THUMBNAIL_TAG = GFslideShow.MRSS_THUMBNAIL_TAG;
GFslideShow.DEFAULT_THUMBNAIL_NS = GFslideShow.MRSS_THUMBNAIL_NS;
// Default display timings, all in milliseconds.
GFslideShow.DEFAULT_DISPLAY_TIME = 3000;
GFslideShow.DEFAULT_TRANSISTION_TIME = 1000;
GFslideShow.DEFAULT_TRANSISTION_STEP = 40;
GFslideShow.DEFAULT_PAUSE_PNG = google.loader.ServiceBase +
"/solutions/slideshow/pause.png";
GFslideShow.DEFAULT_PLAY_PNG = google.loader.ServiceBase +
"/solutions/slideshow/play.png";
// Full Control Setting
GFslideShow.FC_PAUSE_PNG = {
small : google.loader.ServiceBase + "/solutions/slideshow/btn_pause_small.png",
big : google.loader.ServiceBase + "/solutions/slideshow/btn_pause.png"
};
GFslideShow.FC_PLAY_PNG = {
small : google.loader.ServiceBase + "/solutions/slideshow/btn_play_small.png",
big : google.loader.ServiceBase + "/solutions/slideshow/btn_play.png"
};
GFslideShow.FC_PREV_PNG = {
small : google.loader.ServiceBase + "/solutions/slideshow/btn_prev_small.png",
big : google.loader.ServiceBase + "/solutions/slideshow/btn_prev.png"
};
GFslideShow.FC_NEXT_PNG = {
small : google.loader.ServiceBase + "/solutions/slideshow/btn_next_small.png",
big : google.loader.ServiceBase + "/solutions/slideshow/btn_next.png"
};
GFslideShow.DEFAULT_FC_FADEOUT_TIME = 5000;
GFslideShow.DEFAULT_FC_OPACITY = 0.65;
/**
* Setup default option map and apply overrides from constructor.
* @param {Object} options Options map.
* @private
*/
GFslideShow.prototype.parseOptions = function(options) {
var maxEntries;
if (google != undefined && google.feeds != undefined) {
maxEntries = google.feeds.Feed.MAX_ENTRIES;
} else {
maxEntries = 20;
}
// Default Options
this.options = {
numResults : maxEntries,
scaleImages : false,
thumbnailTag : GFslideShow.DEFAULT_THUMBNAIL_TAG,
thumbnailNamespace : GFslideShow.DEFAULT_THUMBNAIL_NS,
thumbnailSize : GFslideShow.THUMBNAILS_LARGE,
linkTarget : null,
displayTime : GFslideShow.DEFAULT_DISPLAY_TIME,
transitionTime : GFslideShow.DEFAULT_TRANSISTION_TIME,
transitionStep : GFslideShow.DEFAULT_TRANSISTION_STEP,
pauseOnHover : true,
pauseImage : GFslideShow.DEFAULT_PAUSE_PNG,
pauseStateCallback : null,
scalePauseImage : true,
autoCleanup : true,
thumbnailUrlResolver : null,
transitionCallback : null,
transitionAnimationCallback : null,
feedLoadCallback : null,
feedProcessedCallback : null,
imageClickCallback : null,
centerBias : { topBias : 0, leftBias : 0 },
pauseCenterBias : { topBias : 0, leftBias : 0 },
fullControlPanel : false,
fullControlPanelCursor : false,
fullControlPanelFadeOutTime : GFslideShow.DEFAULT_FC_FADEOUT_TIME,
fullControlPanelPlayCallback : null,
fullControlPanelSmallIcons : false,
maintainAspectRatio : true
};
if (options) {
for (o in this.options) {
if (typeof options[o] != "undefined") {
this.options[o] = options[o];
}
}
}
// Override strange options
if (this.options.displayTime < 100) {
this.options.displayTime = 100;
}
// Calculated
var ts = (this.options.transitionTime / this.options.transitionStep);
this.delta = Math.min(1, (1.0/ts));
// Flag to start
this.started = false;
};
/**
* Basic setup.
* @private
*/
GFslideShow.prototype.setup = function() {
if (this.container == null) return;
// Browser fun.
if (window.ActiveXObject) {
this.ie = this[window.XMLHttpRequest ? 'ie7' : 'ie6'] = true;
} else if (window.opera) {
this.opera = true;
} else if (document.childNodes && !document.all && !navigator.taintEnabled) {
this.safari = true;
if (navigator.userAgent.indexOf('iPhone') > 0) {
this.iphone = true;
}
} else if (document.getBoxObjectFor != null) {
this.gecko = true;
}
// Feeds..
if (this.feedUrl) {
this.feed = new google.feeds.Feed(this.feedUrl);
this.feed.setResultFormat(google.feeds.Feed.MIXED_FORMAT);
this.feed.setNumEntries(this.options.numResults);
this.feed.load(this.bind(this.feedLoaded));
} else if (this.directEntries) {
this.feedLoaded(this.directEntries);
}
};
/**
* Add new entries to the existing ones. Only useful in direct entry mode.
* @param {Object} newEntries the additional entries Array.
*/
GFslideShow.prototype.addEntries = function(newEntries) {
this.processEntries(newEntries);
if (!this.thumb_timer) {
this.processThumbs();
}
};
/**
* Helper method to bind this instance correctly.
* @param {Object} method function/method to bind.
* @return {Function}
* @private
*/
GFslideShow.prototype.bind = function(method) {
var self = this;
var opt_args = [].slice.call(arguments, 1);
return function() {
var args = opt_args.concat([].slice.call(arguments));
return method.apply(self, args);
}
};
/**
* Process mouseover event.
* @param {Event} e Optional passed in event.
* @private
*/
GFslideShow.prototype.mouseOver = function(e) {
var event = e || window.event;
var relatedTarget = event.relatedTarget || event.fromElement;
while(relatedTarget != null) {
if (relatedTarget == this.container) {
return;
}
relatedTarget = relatedTarget.parentNode;
}
if (this.options.fullControlPanel) {
if (this.options.pauseOnHover && !this.display_paused) {
this.pauseOrPlayFullControl();
}
this.fadeInFullControl();
} else {
this.display_paused = true;
if (this.pauseImage) {
this.pauseImage.style.visibility = "visible";
}
}
if (this.options.pauseStateCallback) {
this.options.pauseStateCallback(this.display_paused);
}
};
/**
* Process mouseout event.
* @param {Event} e Optional passed in event.
* @private
*/
GFslideShow.prototype.mouseOut = function(e) {
var event = e || window.event;
var relatedTarget = event.relatedTarget || event.toElement;
while(relatedTarget != null) {
if (relatedTarget == this.container) {
return;
}
relatedTarget = relatedTarget.parentNode;
}
if (this.options.fullControlPanel) {
this.fadeOutFullControl();
this.container.onmousemove = null;
if (this.options.pauseOnHover && this.display_paused) {
this.pauseOrPlayFullControl();
}
} else {
this.display_paused = false;
if (this.pauseImage) {
this.pauseImage.style.visibility = "hidden";
}
}
if (this.options.pauseStateCallback) {
this.options.pauseStateCallback(this.display_paused);
}
if (this.display_timer == null && this.transition_timer == null) {
// restart.
this.displayNextPhoto();
}
};
GFslideShow.prototype.operaClickAndCallout = function() {
var entry = this.entries[this.photo_index];
var tmpLink = this.createLink(entry.link);
tmpLink.click();
};
/**
* Programatic pause action.
*/
GFslideShow.prototype.pause = function(opt_suppressPauseImage) {
var pi = this.pauseImage;
if (opt_suppressPauseImage) {
this.pauseImage = null;
}
this.pauseAndCallout();
this.pauseImage = pi;
};
/**
* Programatic resume action.
*/
GFslideShow.prototype.resume = function() {
this.resumeSlideShow();
};
/**
* Process pause action and associated user callout.
* @private
*/
GFslideShow.prototype.pauseAndCallout = function() {
this.display_paused = true;
if (this.pauseImage) {
this.pauseImage.style.visibility = "visible";
}
// for some reason a mouseout happens
// when we click and swap divs...
this.container.onmouseout = null;
if (this.options.imageClickCallback) {
this.options.imageClickCallback(this.entries[this.photo_index]);
}
};
/**
* Resume the slideshow after a pause action.
*/
GFslideShow.prototype.resumeSlideShow = function() {
if (this.options.pauseOnHover || this.options.fullControlPanel) {
this.container.onmouseover = this.bind(this.mouseOver);
this.container.onmouseout = this.bind(this.mouseOut);
}
this.display_paused = false;
if (this.pauseImage) {
this.pauseImage.style.visibility = "hidden";
}
if (this.display_timer == null && this.transition_timer == null) {
// restart.
this.displayNextPhoto();
}
};
/**
* Helper method to properly clear a node and its children.
* @param {Object} node Node to clear.
* @private
*/
GFslideShow.prototype.clearNode = function(node) {
if (node == null) return;
var child;
while (child = node.firstChild) {
node.removeChild(child);
}
};
/**
* Setup our own subcontainer to the user supplied container.
* @private
*/
GFslideShow.prototype.createSubContainer = function() {
var div = document.createElement("div");
div.style.width = "100%";
div.style.height = "100%";
div.style.position = "relative";
div.style.overflow = "hidden";
this.clearNode(this.container);
this.container.appendChild(div);
// Hold onto our sub-container.
this.container = div;
};
/**
* Select the appropriate thumbnail url from the array of thumbnails provided
* based on options.
* @param {Array} thumbNodes Array of thumbnails urls.
* @private
*/
GFslideShow.prototype.grabThumb = function(thumbNodes) {
var ti = 0;
if (thumbNodes.length > 1) {
// Use size hint.
if (this.options.thumbnailSize == GFslideShow.THUMBNAILS_LARGE) {
ti = thumbNodes.length - 1;
} else if (this.options.thumbnailSize == GFslideShow.THUMBNAILS_MEDIUM) {
ti = Math.floor(thumbNodes.length / 2);
}
}
var node = thumbNodes[ti];
var thumb = null;
var thumb = node.getAttribute("url");
if (!thumb) {
thumb = node.firstChild.nodeValue;
}
return thumb;
};
/**
* Process the thumbs and create appropriate images. These can be done in
* chunks.
* @param {Number} opt_chunk optional chunk size to process.
* @param {Number} opt_timeout optional timeout for next chunk.
* @private
*/
GFslideShow.prototype.processThumbs = function(opt_chunk, opt_timeout) {
this.thumb_timer = null;
var start = this.thumbs_index;
var num = this.entries.length;
var chunk = opt_chunk || 4;
if (num > (start + chunk)) {
num = (start + chunk);
// schedule next batch.
var cb = this.bind(this.processThumbs);
var to = opt_timeout || Math.round(this.options.displayTime / 4);
this.thumb_timer = window.setTimeout(cb, to);
}
for (var i = start; i < num; i++) {
var thumbUrl = this.entries[i].thumbUrl;
var image = this.createImage(thumbUrl);
this.images.push(image);
if (this.options.linkTarget) {
if (!this.opera) {
var link = this.createLink(this.entries[i].link);
link.appendChild(image);
this.container.appendChild(link);
} else { // Opera Hack
image.onclick = this.bind(this.operaClickAndCallout);
image.style.cursor = 'pointer';
this.container.appendChild(image);
}
} else {
this.container.appendChild(image);
}
if (image.complete) {
// We are already loaded and we have size dimensions.
this.imageLoaded(image);
} else {
// We need to wait for the image to load..
image.onerror = this.bind(this.imageError, image);
image.onload = this.bind(this.imageLoaded, image);
}
this.thumbs_index++;
}
};
/**
* Process and setup the entries
* @param {Object} entries Entries array.
* @private
*/
GFslideShow.prototype.processEntries = function(entries) {
for (var i = 0; i < entries.length; i++) {
var thumbUrl = null;
if (this.options.thumbnailUrlResolver) {
thumbUrl = this.options.thumbnailUrlResolver(entries[i]);
} else {
var thumbNodes = google.feeds.getElementsByTagNameNS(
entries[i].xmlNode,
this.options.thumbnailNamespace,
this.options.thumbnailTag);
if (thumbNodes && thumbNodes.length > 0) {
thumbUrl = this.grabThumb(thumbNodes);
}
}
if (thumbUrl) {
entries[i].thumbUrl = thumbUrl;
this.entries.push(entries[i]);
}
}
};
/**
* Callback associated with the AJAX Feed api after load.
* @param {Object} result Loaded result.
* @private
*/
GFslideShow.prototype.feedLoaded = function(result) {
if (this.options.feedLoadCallback) {
this.options.feedLoadCallback(result);
}
if ((this.feedUrl && result.error) ||
(this.directEntries && this.directEntries.length == 0) ) {
if (!this.options.feedLoadCallback) {
this.container.innerHTML = "-
*
- If never before initialized, shows all the markers. *
- If previously initialized, removes and re-adds all markers. *
" +
"" +
"" +
"![](" + photo.photo_file_url + ")
<\/a>" +
"
<\/a>