var _userId, _currentGameId, gamedetail, map, locations, centerlocation;
var myfood, foodgroup, wheatgroup, vegetablegroup, fruitgroup, diarygroup, meatgroup, extrasgroup;
var eat, learn, play;
function newGameAdded(gameid, jsonArray) {
setSingleMarker(map, jsonArray);
var json = new Object();
json.GameId = parseInt(gameid, 10);
json.UserId = parseInt(_userId);
sendAJAX('GetGameDetailByGameId', json, null);
}
function guestclick() {
$.BadBox({ width: 500, height: 100, iframe: "/badbox/LoginRequired.aspx" });
return false;
}
function dispatchFilterClick(e) {
var target = $(e.target);
if (target.is("#allfilter")) {
foodgroup.children('div').removeClass('invisible');
}
else if (target.is('#wheatfilter')) {
wheatgroup.removeClass('invisible').siblings('div').addClass('invisible');
}
else if (target.is('#vegetablefilter')) {
vegetablegroup.removeClass('invisible').siblings('div').addClass('invisible');
}
else if (target.is('#fruitsfilter')) {
fruitgroup.removeClass('invisible').siblings('div').addClass('invisible');
}
else if (target.is('#diaryfilter')) {
diarygroup.removeClass('invisible').siblings('div').addClass('invisible');
}
else if (target.is('#meatfilter')) {
meatgroup.removeClass('invisible').siblings('div').addClass('invisible');
}
else if (target.is('#extrasfilter')) {
extrasgroup.removeClass('invisible').siblings('div').addClass('invisible');
}
}
function dispatchRemoveFood(e) {
$(e.target).parent('a').remove();
}
//dispatchCreateGameClick
//click on create a game
//
//@param e : object : event object
function dispatchCreateGameClick(e) {
$.BadBox({ width: 800, height: 600, iframe: "/badbox/AddGame.aspx" });
return false;
}
function HomeControl(controlDiv, map) {
// Set CSS styles for the DIV containing the control
// Setting padding to 5 px will offset the control
// from the edge of the map
controlDiv.style.padding = '5px';
// Set CSS for the control border
var controlUI = document.createElement('DIV');
controlUI.style.backgroundColor = 'white';
controlUI.style.borderStyle = 'solid';
controlUI.style.borderWidth = '2px';
controlUI.style.cursor = 'pointer';
controlUI.style.textAlign = 'center';
controlUI.title = 'Click to set the map to Home';
controlDiv.appendChild(controlUI);
// Set CSS for the control interior
var controlText = document.createElement('DIV');
controlText.style.fontFamily = 'Arial,sans-serif';
controlText.style.fontSize = '12px';
controlText.style.paddingLeft = '4px';
controlText.style.paddingRight = '4px';
controlText.innerHTML = 'Change Location';
controlUI.appendChild(controlText);
// Setup the click event listeners: simply set the map to
// Chicago
google.maps.event.addDomListener(controlUI, 'click', function() {
$('#locationmodal').toggle();
});
}
//initialize
//initialize the map when page starts
//
function initialize() {
centerlocation = new google.maps.LatLng(jsLatitude, jsLongitude);
var myOptions = {
zoom: 10,
mapTypeControl: true,
mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU},
center: centerlocation,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
var homeControlDiv = document.createElement('DIV');
var homeControl = new HomeControl(homeControlDiv, map);
homeControlDiv.index = 1;
map.controls[google.maps.ControlPosition.TOP_RIGHT].push(homeControlDiv);
locations = jsLocationName;
setMarkers(map, locations);
}
//Update the map based on coordinate given
function UpdateCurrentMap() {
map.clearOverlays();
centerlocation = new google.maps.LatLng(jsLatitude, jsLongitude);
map.setCenter(centerlocation);
locations = jsLocationName;
setMarkers(map, locations);
}
//Test functionality to show the arrays
function ShowArrayContents() {
var allElements = '';
for (var i = 0; i < jsLocationName.length; i++)
allElements += jsLocationName[i] + "\n";
alert(allElements);
return false;
}
//Set the marker on the map
function setMarkers(map, location) {
// Add markers to the map
var shape = {
coord: [1, 1, 1, 20, 18, 20, 18, 1],
type: 'poly'
};
for (var i = 0; i < locations.length; i++) {
var location = locations[i];
var myLatLng = new google.maps.LatLng(location[1], location[2]);
var imageurl = getMapImageByGameTypeId(location[3], 32);
var image = new google.maps.MarkerImage(imageurl,
// This marker is 20 pixels wide by 32 pixels tall.
new google.maps.Size(32, 32),
// The origin for this image is 0,0.
new google.maps.Point(0, 0),
// The anchor for this image is the base of the flagpole at 0,32.
new google.maps.Point(0, 32));
var marker = new google.maps.Marker({
position: myLatLng,
map: map,
//shadow: null,
icon: image,
//shape: shape,
title: location[0]
//zIndex: beach[3]
});
var GameId = location[4];
showGameDetail(marker, GameId);
}
}
//Set the marker on the map
function setSingleMarker(map, singlelocation) {
// Add markers to the map
var shape = {
coord: [1, 1, 1, 20, 18, 20, 18, 1],
type: 'poly'
};
//var location = singlelocation;
var myLatLng = new google.maps.LatLng(singlelocation[1], singlelocation[2]);
var imageurl = getMapImageByGameTypeId(singlelocation[3], 32);
var image = new google.maps.MarkerImage(imageurl,
// This marker is 20 pixels wide by 32 pixels tall.
new google.maps.Size(32, 32),
// The origin for this image is 0,0.
new google.maps.Point(0, 0),
// The anchor for this image is the base of the flagpole at 0,32.
new google.maps.Point(0, 32));
var marker = new google.maps.Marker({
position: myLatLng,
map: map,
//shadow: null,
icon: image,
//shape: shape,
title: singlelocation[0]
//zIndex: beach[3]
});
var GameId = singlelocation[4];
showGameDetail(marker, GameId);
}
// The five markers show a secret message when clicked
// but that message is not within the marker's instance data
function showGameDetail(marker, GameId) {
google.maps.event.addListener(marker, 'click', function() {
var json = new Object();
json.GameId = parseInt(GameId, 10);
json.UserId = parseInt(_userId);
sendAJAX('GetGameDetailByGameId', json, marker);
//alert(json.GameId);
//$.BadBox({ width: 800, height: 600, iframe: "/badbox/GameDetail.aspx?GameId=" + GameId });
//WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("ctl00$body$lnkGameDetail", "", false, "", "#sportsection", false, true));
});
}
function handleGetGameDetail(response, target) {
var picture = getMapImageByGameTypeId(response.GameTypeId, 128);
var button;
if (response.InGame) {
button = 'Can\'t make it';
}
else {
button = 'Join Game';
}
_currentGameId = parseInt(response.GameId);
var html = $('
'
);
participants.append(player);
}
//html.find('a#btnintake').click(moveToIntake);
if (response.InGame) {
html.find('a#btnleave').click(leaveGame);
}
else {
html.find('a#btnjoin').click(joinGame);
}
gamedetail.children().remove();
gamedetail.append(html);
}
//join the game
function joinGame(e) {
if (_currentGameId != 0) {
var json = new Object();
json.GameId = _currentGameId;
json.UserId = _userId;
sendAJAX('AddParticipant', json, $(e.target));
}
}
//successfully join the game
function handleAddParticipant(response, target) {
var button = $('Can\'t make it');
button.click(leaveGame);
var player = $(
'