// JavaScript Document
var buildsendtomehtml;
var mapbubblehtml;
var submitmediatype;
var pagemode;
var destarray=[];
var desteventarray = [];
var spinarray = [];
var updatedmarker;
var sectionlayouts;
//Added to make the searchfunction.js file compatible
var currentuser;
var globalscenepath;
var globalinputfield = 'blank';
var globalheaderitem;
//MAP GLOBALS
// GLOBAL SWITCHES FOR MAP FUNCTIONALTIY: 0 = Off; 1 = On;
var includemapcontrols = 1;
var includecreatecontrols = 0;
var includecustommarkers = 1;
var includedirections = 1;
var includepano = 1;
// GLOBAL TOGGLES FOR TRAFFIC AND STREETVIEW: 0 = OFF AT PAGELOAD; 1 = ON AT PAGELOAD.
var traffictoggleState = 0;
var panotoggleState = 0;
var searchfuncflag = false
var defaultmapoff;
var mapdiv;
var mapcontrolsdiv;
var mapcreatetoolsdiv;
var mapdirectionsdiv;
var mappanodiv;
var mappanodetailsdiv;
var highslidepanodiv;
//THE FOLLOWING FUNCTION NEEDS TO BE CALLED FROM THE "PAGE SPECIFIC" JAVASCRIPT FILE TO SET THE GLOBAL DIVS NEEDED FOR THE CORRESPONDING FUNCTIONS.
function setmapglobals(){
mapdiv = document.getElementById("greetingmap");
defaultmapoff = document.getElementById("HiddenMapOff").value;
var mapsetupflag = loadmap();
if(mapsetupflag == 'success'){
if(includecustommarkers == 1){
addcustommarkers();
}
if(includemapcontrols == 1){
mapcontrolsdiv = document.getElementById("mapcontrols");
setup_mapcontrols();
}
if(includecreatecontrols == 1){
mapcreatetoolsdiv = document.getElementById("createcontrols");
setup_createcontrols();
}
if(includedirections == 1){
mapdirectionsdiv = document.getElementById("directionscontent");
setup_intdirections();
}
if(includepano == 1){
mappanodiv = document.getElementById("pano");
mappanodetailsdiv = document.getElementById("panodetails");
highslidepanodiv = document.getElementById("panopanel");
if(panotoggleState == 1){
init_streetview();
}
}
}
}
function winattributes(){
getbrowser();
getwinsize();
//alert(windowheight);
document.getElementById("dynamback").style.minHeight = windowheight + 'px';
}
function parsedestinfo(destid){
var alldestdetails = document.getElementById("HiddenFieldDestInfo").value;
var destdetails = alldestdetails.split("|");
//alert(destdetails.length);
if(destdetails.length==22){
destarray[0] = new popdestination(destid, destdetails[0], destdetails[1], destdetails[2], destdetails[3], destdetails[4], destdetails[5], destdetails[6], destdetails[7], destdetails[8], destdetails[9], destdetails[10], destdetails[11], destdetails[12], destdetails[13], destdetails[14], destdetails[15], destdetails[16], destdetails[17], destdetails[18], destdetails[19], destdetails[20], destdetails[21]);
}
buildgreetingpage();
}
function popdestination(destinationid, name, description, address1, address2, city, state, zip, country, phone, fax, email, weblink, datemanual, datecreated, datemodified, username, lat, lng, zoom, maptype, marker, desttype, coupon){
this.destinationid=destinationid;
this.name=name;
this.description=description;
this.address1=address1;
this.address2=address2;
this.city=city;
this.state=state;
this.zip=zip;
this.country=country;
this.phone=phone;
this.fax=fax;
this.email=email;
this.weblink=weblink;
this.datemanual=datemanual;
this.datecreated=datecreated;
this.datemodified=datemodified;
this.username=username;
this.lat = lat;
this.lng = lng;
this.zoom= zoom;
this.maptype=maptype;
this.marker=marker;
this.desttype=desttype;
this.coupon=coupon;
}
function setupeditmode(){
makeHttpRequest('cpajax/cplayouts.xml', setcontrolpanel, true, 'destcontrolpanel');
var editboxhtml = '
';
buildsendtomehtmlpreview = mapbubblehtml;
buildbubblemenu(exploretext);
var dynbannerhtml = destarray[0].name;
var dyngreetingmedia = '';
//var dyngreetingmedia = '';
var dyngreetinghtml = '
'
+'
'+destdetailshtml+'
'
+'
';
document.getElementById("sffooter").innerHTML=footerhtml;
plotdestination();
}
function plotdestination(){
var lat = parseFloat(destarray[0].lat);
var lng = parseFloat(destarray[0].lng);
var zoom = parseFloat(destarray[0].zoom);
var point = new GLatLng(lat,lng);
panoClient.getNearestPanorama(point, ispanoavailable);
var label1 = 'Info';
var label2 = 'Directions';
configmap(point, zoom, destarray[0].maptype);
var newmarker = new GMarker(point, {icon:location_marker});
map.addOverlay(newmarker);
activemarker=newmarker;
var dmarker = markerpath + destarray[0].marker;
newmarker.setImage(dmarker);
GEvent.addListener(newmarker, "click", function(marker, point) {
newmarker.openInfoWindow(mapbubblehtml);
});
newmarker.openInfoWindow(mapbubblehtml);
}
function ctherepanocheck(){
var lat = parseFloat(destarray[0].lat);
var lng = parseFloat(destarray[0].lng);
var point = new GLatLng(lat,lng);
panoClient.getNearestPanorama(point, ispanoavailable);
}
function buildbubblemenu(exploretext){
var directionpoints = parseFloat(destarray[0].lat)+','+parseFloat(destarray[0].lng);
mapbubblehtml += '
';
}
function exploredestpoint(){
var explorepoint = parseFloat(destarray[0].lat)+','+parseFloat(destarray[0].lng);
window.location = "cpexplore.aspx?explorelatlng=" + explorepoint;
}
function placemarker(){
//changetabstrip('map');
clearmap();
var updatelat = parseFloat(destarray[0].lat);
var updatelng = parseFloat(destarray[0].lng);
var updatezoom = parseFloat(destarray[0].zoom);
var updatemaptype = destarray[0].maptype;
updatedmarker = destarray[0].marker;
var point = new GLatLng(updatelat, updatelng);
var label1 = 'Instructions';
var label2 = 'Map Markers';
var mapbubblehtml = '
'
+'
'
+'
1. To adjust the location of the marker: Close this bubble and drag the map marker to its new position.
'
+'
2. Use the map controls to set the zoom, maptype (i.e. Hybrid, Satellite, Map)
'
+'
3. Click the Map Markers tab and select a marker to change your map marker.
'
+'
4. Click Save Map Settings to complete.
'
+'
'
+'
';
var localmarkerpath = "../globalgraphics/markers/";
var localmarker = localmarkerpath+updatedmarker;
configmap(point, updatezoom, updatemaptype);
editmarker = new GMarker(point, {icon:dynamicmarker, draggable: true});
map.addOverlay(editmarker);
editmarker.enableDragging();
editmarker.setImage(localmarker);
var markertab = '
'+
'
';
GEvent.addListener(editmarker, "click", function(marker, point) {
editmarker.openInfoWindowTabsHtml([new GInfoWindowTab(label1,mapbubblehtml), new GInfoWindowTab(label2,markertab)]);
});
editmarker.openInfoWindowTabsHtml([new GInfoWindowTab(label1,mapbubblehtml), new GInfoWindowTab(label2,markertab)]);
}
function prepmapsettings(){
var updatelat = editmarker.getPoint().y;
var updatelng = editmarker.getPoint().x;
var updatezoom = map.getZoom();
var updatemaptype = map.getCurrentMapType().getName();
//alert('Lat: '+updatelat+'\nLng: '+updatelng+'\nZoom: '+updatezoom+'\nMap Type: '+updatemaptype+'\nMarker: '+updatedmarker);
var argstrg = destinationid+'|'+updatelat+'|'+updatelng+'|'+updatezoom+'|'+updatemaptype+'|'+updatedmarker;
//alert(argstrg);
var mapstatus = updatemapsettings(argstrg);
location.reload(true);
//alert(mapstatus);
}
function updatemarker(image){
var localmarkerpath = "../globalgraphics/markers/";
updatedmarker = image;
var newmarkerimage = localmarkerpath + updatedmarker;
editmarker.setImage(newmarkerimage);
}
function updatemapsettings(mapinfo){
//alert(mapinfo);
xmlRequest = DoCallback("/controls/ServerToJavascript.aspx", mapinfo +',updatemap');
return (xmlRequest.responseText);
}
//*************************************************************************************************
function displayeditbars(state){
switch (state){
case 'all':
document.getElementById("editbanner").style.visibility = 'visible';
document.getElementById("editbanner").style.height = '15px';
document.getElementById("editbanner").innerHTML='EDIT BANNER';
document.getElementById("editgreeting").style.visibility = 'visible';
document.getElementById("editgreeting").style.height = '15px';
document.getElementById("editgreeting").innerHTML = 'EDIT GREETING';
break;
case 'banneronly':
document.getElementById("editbanner").style.visibility = 'visible';
document.getElementById("editbanner").style.height = '15px';
document.getElementById("editbanner").innerHTML='EDIT BANNER';
document.getElementById("editgreeting").style.visibility = 'hidden';
document.getElementById("editgreeting").style.height = '0px';
document.getElementById("editgreeting").innerHTML = '';
break;
}
}
function getPageSizeWithScroll(){
if (window.innerHeight && window.scrollMaxY) {// Firefox
yWithScroll = window.innerHeight + window.scrollMaxY;
xWithScroll = window.innerWidth + window.scrollMaxX;
} else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
yWithScroll = document.body.scrollHeight;
xWithScroll = document.body.scrollWidth;
} else { // works in Explorer 6 Strict, Mozilla (not FF) and Safari
yWithScroll = document.body.offsetHeight;
xWithScroll = document.body.offsetWidth;
}
arrayPageSizeWithScroll = new Array(xWithScroll,yWithScroll);
//alert( 'The height is ' + yWithScroll + ' and the width is ' + xWithScroll );
return yWithScroll;
}
function buildheadereditbox(){
var editboxhtml = '
';
displayMessage(panostring, newtitle, '700', '475');
}
}
function displaycalendar(){
var calendarhtml='';
document.getElementById("sfmediaholder").innerHTML = calendarhtml;
}
function display3d(scenefile, mpageid, mmediaid){
//alert(scenefile);
var scenetitle = '3D Scene Title';
globalscenepath = scenefile;
//loadscenehtml='Open 3d Scene';
loadscenehtml='
'
+'
'
+'
'
+'Clicking the image below will launch a three dimensional, interactive simulation. '
+'To experience the 3D effects you must have the Viewpoint Media Player Plugin installed on your computer. '
+'If you do not, you will be prompted to do so.
';
// }else{
// document.getElementById("ctherebanner").style.visibility = 'hidden';
// document.getElementById("ctherebanner").style.height = '0px';
// }
var destdetailshtml='
';
var dyngreetinghtml = '
Get Connected
