').appendTo($(this));
var instructions = $('#droparea-instructions');
var isMSIE = /*@cc_on!@*/false;
if (isMSIE === true) {
s.instructions = s.instructionsIE;
}
s.init($(this));
if(!$(this).data('value'))
instructions.addClass('instructions').html(s.instructions);
//Better skip this for IE
//alert(isMSIE);
if (isMSIE === false) {
$(this).bind({
dragleave: function (e) {
e.preventDefault();
if($(this).data('value'))
//instructions.removeClass().empty();
$('#droparea-instructions').removeClass().empty();
else
//instructions.removeClass('over').html(s.instructions);
$('#droparea-instructions').removeClass('over').html(s.instructions);
},
dragenter: function (e) {
e.preventDefault();
//instructions.addClass('instructions over').html(s.over);
$('#droparea-instructions').addClass('instructions over').html(s.over);
},
dragover: function (e) {
e.preventDefault();
}
});
this.addEventListener("drop", function (e) {
e.preventDefault();
s.start($(this));
m.traverse(e.dataTransfer.files, $(this));
//instructions.removeClass().empty();
$('#droparea-instructions').removeClass().empty();
},false);
} else {
// Do something if necessary
}
});
var uploadButton = $("#" + s.uploadButtonName);
uploadButton.change(function(e){
/*s.start($("#post-image-uploader-droparea"));
m.traverse(e.currentTarget.files, $("#post-image-uploader-droparea"));
$("#post-image-uploader-droparea").find(".instructions").removeClass().empty();*/
s.start($("#" + s.dropAreaId));
m.traverse(e.currentTarget.files, $("#" + s.dropAreaId));
$("#" + s.dropAreaId).find(".instructions").removeClass().empty();
});
};
}
}
//imageUploader();
//})( jQuery );
//http://pupunzi.open-lab.com/mb-jquery-components/jquery-mb-mediaembedder/
function init_videoUploader() {
$("#uploader-video-source").bind('keypress', function(e){
if (e.which == "13" ) {
e.preventDefault();
previewVideo('uploader-video-embed');
}
});
}
function previewVideo(target) {
//[vimeo=http://www.vimeo.com/109467]
//http://www.ustream.tv/channel/iwakamiyasumij
var videoUrl = $("#uploader-video-source").val();
var videoMeta = parseVideoURL(videoUrl);
if (videoMeta.provider === "youtu") {
videoMeta.provider = "youtube";
videoUrl = "http://youtube.com/watch?v=" + videoMeta.id;
}
$("#uploader-video-url").val(videoUrl);
$("#" + target).html('[' + videoMeta.provider + '=' + videoUrl + ']');
$("#" + target).mb_embedMovies();
//Error handling needed
$("#newPost").find("#videoType").val(videoMeta.provider);
$("#newPost").find("#video").val(videoMeta.id);
}
//Thanks to the author of this code
//http://stackoverflow.com/questions/5612602/improving-regex-for-parsing-youtube-vimeo-urls
function parseVideoURL(url) {
var provider = url.match(/http:\/\/(:?www.)?(\w*)/)[2],
id;
if(provider == "youtube") {
id = url.match(/http:\/\/(?:www.)?(\w*).com\/.*v=(\w*)/)[2];
} else if (provider == "youtu") {
id = url.match(/http:\/\/(?:www.)?(\w*).be\/(\w*)/)[2];
} else if (provider == "vimeo") {
id = url.match(/http:\/\/(?:www.)?(\w*).com\/(\d*)/)[2];
} else if (provider == "ustream") {
//subject to change.
id = url.match(/http:\/\/(?:www.)?(\w*).com\/(\d*)/)[2];
} else {
throw new Error("parseVideoURL() takes a YouTube or Vimeo URL");
}
return {
provider : provider,
id : id
}
}
// Google Maps
var geocoder;
var maps = [];
function initializeMap(canvasId) {
var initialLocation = new google.maps.LatLng(35.682946, 139.686907);
if (!geocoder) {
geocoder = new google.maps.Geocoder();
}
var stylez = [
{
featureType: "all",
elementType: "geometry",
stylers: [{
hue: "#0099ff"
},{
saturation: 10
},{
lightness: 20
}]
}];
var myOptions = {
zoom: 14,
mapTypeId: google.maps.MapTypeId.TERRAIN,//ROADMAP
scrollwheel: false
}
var map = new google.maps.Map(document.getElementById(canvasId), myOptions);
maps.push(map);
// Try W3C Geolocation (Preferred)
if(navigator.geolocation) {
navigator.geolocation.getCurrentPosition(function(position) {
initialLocation = new google.maps.LatLng(position.coords.latitude,position.coords.longitude);
map.setCenter(initialLocation);
});
// Browser doesn't support Geolocation
} else {
map.setCenter(initialLocation);;
}
var styledMapOptions = {
map: map,
name: "wj-map"
}
var wjMapType = new google.maps.StyledMapType(stylez, styledMapOptions);
map.mapTypes.set('wj-map', wjMapType);
map.setMapTypeId('wj-map');
$("#uploader-map-address").bind('keypress', function(e){
if (e.which == "13" ) {
e.preventDefault();
codeAddress('uploader-map-address');
}
});
}
var marker;
function codeAddress(id) {
var map = maps[0];
addressField = $("#" + id);
if (addressField.hasClass("default-text")) {
return;
} else if (addressField.val() === "") {
return;
}
var address = document.getElementById(id).value;
if (geocoder) {
geocoder.geocode( {'address': address}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
if(marker !== undefined) {
marker.setMap();
}
map.setCenter(results[0].geometry.location);
marker = new google.maps.Marker({
map: map,
position: results[0].geometry.location
});
var latlong = map.getCenter();
$("#newPost").find("#mapLat").val(latlong.lat());
$("#newPost").find("#mapLong").val(latlong.lng());
} else {
alert("Geocode was not successful for the following reason: " + status);
}
});
}
}
function addMap(canvasId, coordinate) {
if (!geocoder) {
geocoder = new google.maps.Geocoder();
}
if (!coordinate.lat || !coordinate.lng) {
return;
}
var latlng = new google.maps.LatLng(coordinate.lat, coordinate.lng);
//var latlng = new google.maps.LatLng(-34.397, 150.644);
var stylez = [
{
featureType: "all",
elementType: "geometry",
stylers: [{
hue: "#0099ff"
},{
saturation: 10
},{
lightness: 20
}]
}];
var myOptions = {
zoom: 14,
center: latlng,
mapTypeId: google.maps.MapTypeId.TERRAIN,//ROADMAP
scrollwheel: false
}
var map = new google.maps.Map(document.getElementById(canvasId), myOptions);
//maps.push(map);
var tooltip = "Latitude: " + coordinate.lat + " Longitude: " + coordinate.lng;
var markerPin = new google.maps.Marker({
position: latlng,
map: map,
title: tooltip
});
var styledMapOptions = {
map: map,
name: "wj-map"
}
var wjMapType = new google.maps.StyledMapType(stylez, styledMapOptions);
map.mapTypes.set('wj-map', wjMapType);
map.setMapTypeId('wj-map');
}
function addMemberMap(canvasId, placeList, zoom, imageUrl) {
if (!geocoder) {
geocoder = new google.maps.Geocoder();
}
var port = window.location.port;
if (port != '') {
port = ':'+port;
}
var baseUrl = window.location.protocol+'//'+window.location.hostname+port;
if (imageUrl) {
// Default marker image
console.log('Map icon url: ' + imageUrl);
var imageMarker = new google.maps.MarkerImage(
imageUrl,
new google.maps.Size(15, 19),
new google.maps.Point(0, 0),
new google.maps.Point(8, 2)
);
}
var coordinate = {'lat':20.00000, 'lng':11.5801863};
var latlng = new google.maps.LatLng(coordinate.lat, coordinate.lng);
//var latlng = new google.maps.LatLng(-34.397, 150.644);
var stylez = [
{
featureType: "all",
elementType: "geometry",
stylers: [{
hue: "#0099ff"
},{
saturation: 10
},{
lightness: 20
}]
}];
var myOptions = {
zoom: zoom,
center: latlng,
mapTypeId: google.maps.MapTypeId.SATELLITE, //TERRAIN,//ROADMAP
scrollwheel: false,
streetViewControl: false,
mapTypeControl: false,
navigationControl: true,
navigationControlOptions: {
position: google.maps.ControlPosition.LEFT_BOTTOM
}
}
var map = new google.maps.Map(document.getElementById(canvasId), myOptions);
//maps.push(map);
var count = 1;
for(var i in placeList) {
// Limit country markers up to 12 until we get a lat/long database.
if (count < 13) {
geocoder.geocode( {'address': placeList[i]}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
//if(marker !== undefined) {
// marker.setMap();
//}
//map.setCenter(results[0].geometry.location);
var marker = new google.maps.Marker({
map: map,
position: results[0].geometry.location,
icon: imageMarker
});
//var latlong = map.getCenter();
} else {
//alert("Geocode was not successful for the following reason: " + status);
}
});
}
count++;
}
var styledMapOptions = {
map: map,
name: "wj-map"
}
var wjMapType = new google.maps.StyledMapType(stylez, styledMapOptions);
map.mapTypes.set('wj-map', wjMapType);
map.setMapTypeId('wj-map');
}
//Handy functions
function setDefaultText(id, text) {
var field = $(id);
var defaultTextClass = "default-text";
if (field.val() == "")
{
field.val(text);
//Lets define defaultTextActive class in css.
field.addClass(defaultTextClass);
} else if (field.val() == text) {
field.addClass(defaultTextClass);
} else {
field.removeClass(defaultTextClass);
}
field.focus(function() {
if ($(this).hasClass(defaultTextClass))
{
$(this).removeClass(defaultTextClass);
$(this).val("");
}
});
field.blur(function(){
if ($(this).val() == "")
{
$(this).addClass(defaultTextClass);
$(this).val(text);
}
});
field.blur();
}
function setToolTip(element, text) {
var targetField = element;
targetField.bind('mouseover', function(e){
//$(this).addClass("mouseOver");
//Append the tooltip template and its value
targetField.prepend('');
//Show the tooltip with faceIn effect
$('#tooltip').fadeIn('500');
$('#tooltip').fadeTo('10',0.9);
});
targetField.bind('mousemove', function(e) {
//Keep changing the X and Y axis for the tooltip, thus, the tooltip move along with the mouse
$('#tooltip').css('top', e.pageY - 50);
$('#tooltip').css('left', e.pageX + 10);
});
targetField.bind('mouseout', function(e) {
//Remove the appended tooltip template
targetField.children('div#tooltip').remove();
//$(this).removeClass("mouseOver");
//$(this).css("background-color", "transparent");
});
}
// First version for modal screen.
// Initialize.
function init_modal() {
//temp
var port = window.location.port;
if (port != '') {
port = ':'+port;
}
var baseUrl = window.location.protocol+'//'+window.location.hostname+port;
// Does element exist?
if (!$('a.modal').length && !$('.button-modal').length) {
// If not, exit.
return;
}
// Detect IE6 (boolean).
var $IE6 = typeof document.addEventListener !== 'function' && !window.XMLHttpRequest;
function sizeModal(target) {
// Modal dimensions.
var $modal = $(target).find('.modal_window');
var $modal_width = $modal.outerWidth();
var $modal_height = $modal.outerHeight();
var $modal_top = '-' + Math.floor($modal_height / 2) + 'px';
var $modal_left = '-' + Math.floor($modal_width / 2) + 'px';
// Set modal.
$('.modal_window').css('margin-top', $modal_top).css('margin-left', $modal_left);
}
/* For IE6. */
function positionModal() {
// Force modal into place.
$('.modal_wrapper').css('top', $(document).scrollTop() + 'px');
}
// Reveal the modal.
function showModal(link, title) {
if ($IE6) {
positionModal();
}
// Reveal static content
if (link.match(/^#./)) {
$(link).fadeIn();
// Assuming ajax content
} else {
$.get(link, function(data){
var content = {title: title, content: data};
var ajax = $("#modal-template").tmpl(content);
$('body').append($(ajax));
$('.modal_ajax').fadeIn('fast', function(){
sizeModal('.modal_ajax');
if (facebook_client.get("page_id")) {
$('.modal_window').css('width', '420px').css('margin-top', '0').css('top', '20px');
}
$('.modal_window').css('visibility', 'visible').show();
});
$('.modal_ajax').find(".modal_overlay, .modal_close").click(function(){
$('.modal_ajax').remove();
this.blur();
return false;
});
});
}
// Size it.
sizeModal(link);
// Reveal modal window.
$('.modal_window').css('visibility', 'visible').show();
// Resize as images load.
$('.modal_content img').each(function() {
$(this).load(function() {$(this).removeClass('modal_placeholder').show();
sizeModal();
});
});
}
// Insert modal at end of