','className':99999999});Util.stack["black"].appendChild(Util.stack["blacknote"]);},switchBlack:function(layerOn)
{Util.stack.black.style.display=(layerOn)?'':'none';if(layerOn&&Util.shadow)Util.shadow.parentNode.removeChild(Util.shadow);},_ntimer1:null,_ntimer2:null,addDatLayer:function()
{var informationLayer=Util.element("div",{'position':'absolute','left':'0px','top':'0px','zIndex':'11','width':0,'height':0,'cursor':'pointer'},null);Layers.coreElement.appendChild(informationLayer);Util.stack['information']=informationLayer;var venueLayers=Util.element("div",{'position':'absolute','left':'0px','top':'0px','zIndex':'16','width':0,'height':0,'cursor':'pointer'},null);Layers.coreElement.appendChild(venueLayers);Util.stack['venues']=venueLayers;var commerceHotels=Util.element("div",{'position':'absolute','left':'0px','top':'0px','zIndex':'13','width':0,'height':0,'cursor':'pointer'},null);Layers.coreElement.appendChild(commerceHotels);Util.stack['commerce']=commerceHotels;var datLayer=Util.element("div",{'position':'absolute','left':'0px','top':'0px','width':parseInt(Layers.coreElement.style.width),'height':parseInt(Layers.coreElement.style.height),'zIndex':'10','cursor':'move','backgroundColor':'#CCCCCC'},null);Util.stack['dat']=datLayer;Layers.coreElement.appendChild(datLayer);var printLayer=Util.element("div",{'position':'absolute','left':'0px','top':'0px','width':parseInt(Layers.coreElement.style.width),'height':parseInt(Layers.coreElement.style.height),'zIndex':'9','cursor':'pointer'},null);Util.stack['print']=printLayer;Layers.coreElement.appendChild(printLayer);Util.stack['commerce'].onmouseover=function()
{try{if(window.addEventListener)
{window.removeEventListener('DOMMouseScroll',EventObject_MouseWheel.scrollHotelList,false)
window.addEventListener('DOMMouseScroll',EventObject_MouseWheel.wheelActive,false);}
window.onmousewheel=document.onmousewheel=EventObject_MouseWheel.wheelActive;}catch(egh){}
this.style.zIndex='20';}
Util.stack['commerce'].onmouseout=function(){this.style.zIndex='13';}
Util.setTrans(datLayer,0);datLayer.onmousedown=EventObject_MouseHandler.MouseDown;datLayer.onmouseup=EventObject_MouseHandler.MouseUp;datLayer.onmouseover=function()
{try{if(window.addEventListener)
{window.removeEventListener('DOMMouseScroll',EventObject_MouseWheel.scrollHotelList,false)
window.addEventListener('DOMMouseScroll',EventObject_MouseWheel.wheelActive,false);}
window.onmousewheel=document.onmousewheel=EventObject_MouseWheel.wheelActive;}catch(ety){}}
Layers.createLeftHandStack();},createLeftHandStack:function()
{var rows=Array(4);Util.stack['SPLIT']=Util.element("table",{'left':'12px','top':'63px','position':'absolute','width':'180px','zIndex':'99999'},null);rows[0]=Util.stack['SPLIT'].insertRow(0);rows[1]=Util.stack['SPLIT'].insertRow(1);rows[2]=Util.stack['SPLIT'].insertRow(2);rows[3]=Util.stack['SPLIT'].insertRow(3);rows[4]=Util.stack['SPLIT'].insertRow(4);var internalCellPoint=rows[0].insertCell(0);Util.stack['LEFTPANELA']=rows[1].insertCell(0);Util.stack['LEFTPANELB']=rows[2].insertCell(0);Util.stack['LEFTPANELC']=rows[3].insertCell(0);Util.stack['LEFTPANELD']=rows[4].insertCell(0);Util.stack['LEFTPANEL0']=Util.element("div",{'position':'relative','left':0,'top':0,'height':123},null);internalCellPoint.appendChild(Util.stack['LEFTPANEL0']);Layers.coreElement.appendChild(Util.stack['SPLIT']);Util.stack['SPLIT'].onmouseover=function(){EventObject_MouseHandler.mouseDown=false;}
Util.stack['SPLIT'].isShown=true;Util.kill(rows,internalCellPoint);}};
var Util={mouseTracker:{},_TRACER:null,collector:{},geo:{'h1':512080,'v1':164883,'h2':545922,'v2':188021},stack:{galleryFavorites:{},fullyBooked:{}},slideActive:false,collectionStack:new Array(),slidertimer:null,domIncrementor:0,pinReference:{'object':null,'pinDown':false,'left':0,'top':0},labelHotels:{},addDropIcon:function(base_clone)
{base_clone.myactive=true;if(!base_clone.picon1)
{var point=Util.element("img",{'display':'none','zIndex':'99999999','position':'absolute','left':20,'top':parseInt(base_clone.style.height)},{'src':'Images/Elements/ICONS1/bbrp.png'});base_clone.appendChild(point);var myicon=Util.element("div",{'display':'','height':((document.all)?20:15),'fontFamily':'arial','fontSize':'9px','color':'#FFFFFF','paddingTop':'4px','border':'1px solid #4B4B4B','zIndex':'1','backgroundRepeat':'repeat-x','backgroundImage':'url(Images/Elements/ICONS1/bbr.jpg)','width':1,'overflow':'hidden','textAlign':'center','whiteSpace':'nowrap','position':'absolute','left':0,'top':(parseInt(base_clone.style.height)+5)},{'innerHTML':base_clone.alt});base_clone.appendChild(myicon);var c=0;var myInterval=setInterval(function()
{c++;if(parseInt(myicon.scrollWidth)>2)
{var width=10+base_clone.picon1.scrollWidth;base_clone.picon1.style.left=0-((width/2))+(55/2)-2;base_clone.picon1.style.width=width;clearInterval(myInterval);myInterval=null;base_clone.picon2.style.display='';setTimeout(function(){base_clone.picon1.style.zIndex='99999998';},50);}
if(c>50)clearInterval(myInterval);},10);base_clone.picon1=myicon;base_clone.picon2=point;}
else
{base_clone.picon1.style.top=parseInt(base_clone.style.height)+5;base_clone.picon2.style.top=parseInt(base_clone.style.height);base_clone.picon1.style.display='';base_clone.picon2.style.display='';}
base_clone.style.zIndex='999999999';},getDatesAsQueryString:function()
{var GETString="";var GET=new Array();GET['departuredate']=commerce_dates["ARRIVAL_DAY"]+"/"+commerce_dates["ARRIVAL_MONTH_YEAR"].replace('-','/');GET['nbrooms']=commerce_dates["NUM_ROOMS"];GET['adults']=commerce_dates["NUM_ADULTS"];GET['children']=commerce_dates["NUM_CHILDREN"];GET['nbnights']=commerce_dates["NUM_NIGHTS"];GET['dontsearch']='false';for(var k in GET)GETString+=k+"="+GET[k]+"&";return GETString;},getLIDomain:function(tagname)
{Util.domIncrementor++;if(Util.domIncrementor>9)Util.domIncrementor=0;var domString="m"+Util.domIncrementor+".londonmaps.com";return domString;},eventProMarker:function(base_clone)
{if(base_clone.plinth)
{try
{if(Util.stack['eventBubbleIcon'])
{icon.manager.addPlinth(base_clone);var sizing=icon.manager.getwidthandheight(icon.manager.getZoomLevel1(),icon.manager.getIconSize(base_clone.rooms_available));Util.stack['eventBubbleIcon'].style.top=sizing[1];Util.stack['eventBubbleIcon'].style.left=(0-(Util.stack['eventBubbleIcon'].goPos/2))+26;}
else
{var altname=base_clone.alt;var henc=hotelenc;var q="unencoded=";if(reverseloc)
{henc=escape(base_clone.alt);altname='';q+=henc;}
base_clone.style.zIndex='999999998';icon.manager.addPlinth(base_clone);var eventBubble=document.createElement("img");eventBubble.style.display='none';eventBubble.base_clone=base_clone;eventBubble.style.position='absolute';var sizing=icon.manager.getwidthandheight(icon.manager.getZoomLevel1(),icon.manager.getIconSize(base_clone.rooms_available));eventBubble.style.top=sizing[1];eventBubble.onload=function()
{setTimeout(function(){JSON.Load("PHP/Image/eventSystemIcon.php?hotelReference=true&venueSize=1&l1="+henc+"&jsWidth=true&l2="+altname+"&"+q+"&");},1000);}
eventBubble.src="PHP/Image/eventSystemIcon.php?l1="+henc+"&l2="+altname+"&"+q+"&"+"&key="+Math.random();Util.stack['eventBubbleIcon']=eventBubble;setTimeout(function(){JSON.Load("PHP/Image/eventSystemIcon.php?hotelReference=true&venueSize=1&l1="+henc+"&jsWidth=true&l2="+altname+"&"+q+"&"+"&");},5000);base_clone.appendChild(eventBubble);try
{JSON_Element_PinManager.addRowIcon("false",hotelenc,hoteldec,base_clone.geoh,base_clone.geov,true,true,"","VOID");}
catch(addPinToLabelsException)
{}}}
catch(proMarkerRemoveExcveption){}}},manageStyle:function(object,styles)
{for(var i=0;i';} else {toolTipBubble.innerHTML+=arguments[2][i]+"
";} toolTipShadow.innerHTML=toolTipBubble.innerHTML;} Layers.coreElement.appendChild(toolTipBubble);Layers.coreElement.appendChild(toolTipShadow);object.toolTipBubble=toolTipBubble;object.onmouseout=function(){this.toolTipBubble.destroy();}}},getDimensions:function() {var viewportwidth;var viewportheight;if(typeof window.innerWidth!='undefined'){viewportwidth=window.innerWidth,viewportheight=window.innerHeight}else if(typeof document.documentElement!='undefined'&&typeof document.documentElement.clientWidth!='undefined'&&document.documentElement.clientWidth!=0){viewportwidth=document.documentElement.clientWidth,viewportheight=document.documentElement.clientHeight}else{viewportwidth=document.getElementsByTagName('body')[0].clientWidth,viewportheight=document.getElementsByTagName('body')[0].clientHeight} return new Array(viewportwidth,viewportheight);},setTrans:function(obj,level) {obj.hidOpac=level;obj.style.MozOpacity=level/100;obj.style.opacity=level/100;obj.style.filter="alpha(opacity="+level+")";},getGeo:function() {var dimensions=Util.getDimensions();var top=Util.pixelToGeo(Math.abs(parseInt(Util.stack.map.style.left)),(Math.abs(parseInt(Util.stack.map.style.top))+dimensions[1]));var bottom=Util.pixelToGeo((Math.abs(parseInt(Util.stack.map.style.left))+dimensions[0]),Math.abs(parseInt(Util.stack.map.style.top)));return Array(Math.round(top[0]),Math.round(top[1]),Math.round(bottom[0]),Math.round(bottom[1]));},kill:function() {for(var i=0;i
System: Please wait a moment
";entryArea.onmousedown=function(){}
entryArea.focus();entryArea.speechPoint=speechPoint;entryArea.onkeydown=function(e){this.myKeyDown(e);}
entryArea.myKeyDown=function(e)
{e=(e)?e:window.event;if(e.which==13)
{this.speechPoint.innerHTML=this.speechPoint.innerHTML+"You: "+this.value+"
";JSON.Load("Script/JSON/Actions/JSON_XChange.php?user=true&s="+londonMapsSession+"&m="+escape(this.value)+"&");this.value='';try{Util.stack['JSON_CHAT'].messageWindow.scrollTop=999999;}catch(eeee){}
return false;}}
chatArea.appendChild(entryArea);var sendButton=Util.element("div",{'cursor':'pointer','position':'absolute','left':'135','top':'268','width':'46','height':'43','backgroundColor':'#000000'},null);Util.setTrans(sendButton,1);sendButton.entryArea=entryArea;sendButton.onmousedown=function(e)
{this.entryArea.speechPoint.innerHTML=this.entryArea.speechPoint.innerHTML+"You: "+this.entryArea.value+"
";JSON.Load("Script/JSON/Actions/JSON_XChange.php?user=true&s="+londonMapsSession+"&m="+escape(this.entryArea.value)+"&");this.entryArea.value='';try{Util.stack['JSON_CHAT'].messageWindow.scrollTop=999999;}catch(eeee){}
return false;}
chatArea.appendChild(sendButton);document.body.appendChild(chatArea);speechPoint.userName=userName;Util.stack['chatMovePoint']=chatMovePoint;Util.stack['JSON_CHAT']=callCentreInterface;Util.stack.JSON_CHAT['messageWindow']=speechPoint;Util.stack['JSON_MAIN']=chatArea;callCentreInterface.poll=setInterval(function()
{try
{var geos=Util.getGeo();Util.stack['JSON_CHAT'].polling=true;JSON.Load("Script/JSON/Actions/JSON_XChange.php?&geoh1="+Math.round(geos[0])+"&geov1="+Math.round(geos[1])+"&geoh2="+Math.round(geos[2])+"&geov2="+Math.round(geos[3])+"&poll=true&sid="+londonMapsSession+"&");}catch(ee){}},2500);}
else
{alert("We need a valid name..");}},kill:function()
{JSON.Load("Script/JSON/Actions/JSON_XChange.php?remove=true&s="+londonMapsSession+"&");clearInterval(callCentreInterface.poll);callCentreInterface.poll=null;Util.stack['JSON_MAIN'].parentNode.removeChild(Util.stack['JSON_MAIN']);Util.stack['JSON_MAIN']=null;},addCallCentreApp:function()
{try
{Util.stack['CallCentreApp']=Util.stack['LEFTPANELB'];if(callCentreInterface.adminCount<1)callCentreInterface.curStatus='offline';var callCentreImage=Util.element("img",{'cursor':'pointer'},{'src':callCentreInterface.navPointImages[callCentreInterface.curStatus]});callCentreImage.onmousedown=function()
{if(callCentreInterface.curStatus=='online')
{if(!Util.stack['JSON_MAIN']){callCentreInterface.createChatArea();}else{callCentreInterface.notice("You already have a chat window open!");}}
else
{location.href='mailto:Assist_Me@HotelMap.com';}};callCentreImage.onmouseover=function()
{Util.stack['callShadow'].style.display='none';clearTimeout(callCentreInterface.intervalWait);callCentreInterface.intervalWait=null;if(!this.blockSub)
{var procode='';var imageReference=(procode)?s3+'Elements/CallCentreApp/blockArea_Offer.png':s3+'Elements/CallCentreApp/blockArea_NoOffer.png';var blockSubImage=Util.element("div",{'display':'','width':186,'height':172,'backgroundImage':'url('+imageReference+')','backgroundRepeat':'none'},null);this.parentNode.appendChild(blockSubImage);this.blockSub=blockSubImage;blockSubImage.callCentreImage=this;blockSubImage.onmouseover=function()
{clearTimeout(callCentreInterface.intervalWait);callCentreInterface.intervalWait=null;}
blockSubImage.onmouseout=function()
{var ref=this;callCentreInterface.intervalWait=setTimeout(function()
{Util.stack['callShadow'].style.display='';ref.style.display='none';},700);}
if(procode)
{var offerCode=Util.element("div",{'fontFamily':'arial','fontSize':'11','color':'#FFFFFF','zIndex':'9999999','position':'relative','left':'109px','top':'98px','width':'90px','height':'30px'},{'innerHTML':procode});blockSubImage.appendChild(offerCode);}
else
{var offerCode=Util.element("div",{'fontFamily':'arial','fontSize':'11','color':'#FFFFFF','zIndex':'9999999','position':'relative','left':'19px','top':'98px','width':'90px','height':'30px'},{'innerHTML':' '});blockSubImage.appendChild(offerCode);}
var phoneNumber='020 7437 4370';if(procode)phoneNumber=(venueIconEnabled)?'020 7292 2335':'020 7292 2329';var phoneCode=Util.element("div",{'fontFamily':'arial','fontSize':'19','color':'#FFFFFF','zIndex':'9999999','position':'relative','left':'17px','top':'46px','width':'180px','height':'50px'},{'innerHTML':phoneNumber});blockSubImage.appendChild(phoneCode);var emailAddress='Assist_Me@HotelMap.com';var emailCode=Util.element("div",{'fontFamily':'arial','fontSize':'11','color':'#FFFFFF','zIndex':'9999999','position':'relative','left':'17px','top':'60px','width':'180px','height':'50px'},{'innerHTML':emailAddress});blockSubImage.appendChild(emailCode);}
else
{this.blockSub.style.display='';Util.stack['callShadow'].style.display='none';}}
callCentreImage.onmouseout=function()
{var ref=this;callCentreInterface.intervalWait=setTimeout(function()
{Util.stack['callShadow'].style.display='';ref.blockSub.style.display='none';},700);}
Util.stack.CallCentreApp.appendChild(callCentreImage);var shadow=Util.element("div",{'display':'','width':186,'height':2,'overflow':'hidden','backgroundImage':'url('+s3+'Elements/CallCentreApp/shadow.gif)','backgroundRepeat':'none'},null);Util.stack.CallCentreApp.appendChild(shadow);Util.stack['callShadow']=shadow;}
catch(callCentreException)
{alert("callCentreException: "+callCentreException.message);}}};
var datasets =
{
photocollection : {},
photoicons : {},
photoshown : null,
photoinfo : null
};
var SystemPreloader =
{
doFullImageLoadedCheck : function()
{
setTimeout( function() { if ( Util.stack['preload_done'] ){ primaryBuilding(); } else { SystemPreloader.doFullImageLoadedCheck(); } }, 50);
},
initialisePreloadImageSequence : function()
{
Util.stack['preload_done'] = false;
if ( !isNewSession && document.all ) {
//alert("Is here");
Util.stack['preload_done'] = true;
//alert("Here too");
runDateSystem();
} else {
/** $Id: Hotelmap.pre.php,v 1.27 2010/08/11 11:18:03 james Exp $ **/
/** Preload the images we need **/
preloadImageSelection=[{'image':s3+'Elements/Search/filter_bot_point.png','style':'default'},{'image':s3+'Elements/Search/search_hotels.png','style':'default'},{'image':s3+'Elements/Search/info2.png','style':'default'},{'image':s3+'Elements/Search/right_cal.gif','style':'default'},{'image':s3+'Elements/Search/cal_arrival1.png','style':'default'},{'image':s3+'Elements/Search/close_seach_window.png','style':'default'},{'image':s3+'Elements/Search/filter_top_point.png','style':'default'},{'image':s3+'Elements/Search/search_ajax.gif','style':'default'},{'image':s3+'Elements/Search/left_cal.gif','style':'default'},{'image':s3+'Elements/Search/cal_arrival_event1.png','style':'default'},{'image':s3+'Elements/Search/hotel_spinner.gif','style':'default'},{'image':s3+'Elements/Search/cal_departure1.png','style':'default'},{'image':s3+'Elements/Search/close_seach_window_hover.png','style':'default'},{'image':s3+'Elements/Search/filter_sub_1_mid.png','style':'default'},{'image':s3+'Elements/Search/cal_departure_event1.png','style':'default'},{'image':s3+'Elements/Search/search_spin_1.gif','style':'default'},{'image':s3+'Elements/DecisionPop/about_general.png','style':'default'},{'image':s3+'Elements/DecisionPop/choices.png','style':'default'},{'image':s3+'Elements/DecisionPop/heading.jpg','style':'default'},{'image':s3+'Elements/DecisionPop/goto-map.png','style':'default'},{'image':s3+'Elements/DecisionPop/enter-date.png','style':'default'},{'image':s3+'Elements/black_loader.gif','style':'default'},{'image':s3+'Elements/Pins/edit.png','style':'default'},{'image':s3+'Elements/Pins/done.png','style':'default'},{'image':s3+'Elements/Pins/ACross.png','style':'default'},{'image':s3+'Elements/Overview/overview-housing.png','style':'default'},{'image':s3+'Elements/Zoom/zoom_slider.gif','style':'default'},{'image':s3+'Elements/Zoom/zoom_minus.png','style':'default'},{'image':s3+'Elements/Zoom/zoom_scroll.png','style':'default'},{'image':s3+'Elements/Zoom/zoom_plus.png','style':'default'},{'image':s3+'Elements/NameIcon/pointer.png','style':'default'},{'image':s3+'Elements/NameIcon/pointer1.png','style':'default'},{'image':s3+'Elements/NameIcon/bg.png','style':'default'},{'image':s3+'Elements/NameIcon/right.png','style':'default'},{'image':s3+'Elements/NameIcon/bg.gif','style':'default'},{'image':s3+'Elements/NameIcon/right.gif','style':'default'},{'image':s3+'Elements/NameIcon/background.png','style':'default'},{'image':s3+'Elements/NameIcon/left.png','style':'default'},{'image':s3+'Elements/NameIcon/left.gif','style':'default'},{'image':s3+'Elements/VariableRate/vr-bot.png','style':'default'},{'image':s3+'Elements/VariableRate/newtop.png','style':'default'},{'image':s3+'Elements/VariableRate/vr-mid.png','style':'default'},{'image':s3+'Elements/Plinths/SmallSmall.png','style':'default'},{'image':s3+'Elements/Plinths/MediumMedium.png','style':'default'},{'image':s3+'Elements/Plinths/MediumLarge_pink.png','style':'default'},{'image':s3+'Elements/Plinths/MediumLarge.png','style':'default'},{'image':s3+'Elements/Plinths/MediumSmall.png','style':'default'},{'image':s3+'Elements/Plinths/SmallSmall_pink.png','style':'default'},{'image':s3+'Elements/Plinths/MediumMedium_pink.png','style':'default'},{'image':s3+'Elements/Plinths/MediumSmall_pink.png','style':'default'},{'image':s3+'Elements/Notes/pin_left.png','style':'default'},{'image':s3+'Elements/Notes/save.png','style':'default'},{'image':s3+'Elements/Notes/close.png','style':'default'},{'image':s3+'Elements/Notes/cancel.png','style':'default'},{'image':s3+'Elements/Notes/editnote.png','style':'default'},{'image':s3+'Elements/Notes/NoteShadow.png','style':'default'},{'image':s3+'Elements/Notes/NoteBody.png','style':'default'},{'image':s3+'Elements/ShowPanel/CheckBack.png','style':'default'},{'image':s3+'Elements/ShowPanel/Board_UnCheck.png','style':'default'},{'image':s3+'Elements/ShowPanel/Board_Check.png','style':'default'},{'image':s3+'Elements/ShowPanel/SHOW_PANEL_TEMP.png','style':'default'},{'image':s3+'Elements/Header/wedding.png','style':'default'},{'image':s3+'Elements/Header/hide-off.png','style':'default'},{'image':s3+'Elements/Header/hide-on.png','style':'default'},{'image':s3+'Elements/Header/shadow.png','style':'default'},{'image':s3+'Elements/Header/print-off.png','style':'default'},{'image':s3+'Elements/Header/print-on.png','style':'default'},{'image':s3+'Elements/Header/hyb_green_tick.gif','style':'default'},{'image':s3+'Elements/Header/ShowPanels.png','style':'default'},{'image':s3+'Elements/Header/hyb_grey_cross.gif','style':'default'},{'image':s3+'Elements/Header/heading.png','style':'default'},{'image':s3+'Elements/NI/hotel_on.png','style':'default'},{'image':s3+'Elements/NI/notes_on.png','style':'default'},{'image':s3+'Elements/NI/parking_on.png','style':'default'},{'image':s3+'Elements/NI/tube_on.png','style':'default'},{'image':s3+'Elements/ICONS1/3stars.png','style':'default'},{'image':s3+'Elements/ICONS1/BB1.png','style':'default'},{'image':s3+'Elements/ICONS1/ZOOM2/Small/CHAIN.png','style':'default'},{'image':s3+'Elements/ICONS1/ZOOM2/Medium/CHAIN.png','style':'default'},{'image':s3+'Elements/ICONS1/ZOOM2/Large/CHAIN.png','style':'default'},{'image':s3+'Elements/ICONS1/APARTMENT1.png','style':'default'},{'image':s3+'Elements/ICONS1/CHAIN_animated-spinner2.gif','style':'default'},{'image':s3+'Elements/ICONS1/5stars.png','style':'default'},{'image':s3+'Elements/ICONS1/fully_booked.gif','style':'default'},{'image':s3+'Elements/ICONS1/bbrp.png','style':'default'},{'image':s3+'Elements/ICONS1/fully_booked.png','style':'default'},{'image':s3+'Elements/ICONS1/ZOOM3/Large/CHAIN.png','style':'default'},{'image':s3+'Elements/ICONS1/bbr.jpg','style':'default'},{'image':s3+'Elements/ICONS1/4stars.png','style':'default'},{'image':s3+'Elements/_new_leftpanel_find/pin_left.png','style':'default'},{'image':s3+'Elements/_new_leftpanel_find/find_low.png','style':'default'},{'image':s3+'Elements/_new_leftpanel_find/npinmid.png','style':'default'},{'image':s3+'Elements/_new_leftpanel_find/pin_right.png','style':'default'},{'image':s3+'Elements/_new_leftpanel_find/more_arrow.png','style':'default'},{'image':s3+'Elements/_new_leftpanel_find/pin_back.png','style':'default'},{'image':s3+'Elements/_new_leftpanel_find/pin_selector_1.png','style':'default'},{'image':s3+'Elements/_new_leftpanel_find/top-sp.png','style':'default'},{'image':s3+'Elements/_new_leftpanel_find/npinpoint.png','style':'default'},{'image':s3+'Elements/_new_leftpanel_find/bot-spacer.png','style':'default'},{'image':s3+'Elements/_new_leftpanel_find/find_main.png','style':'default'},{'image':s3+'Elements/_new_leftpanel_find/topPrimary.png','style':'default'},{'image':s3+'Elements/_new_leftpanel_find/menu_din_1.png','style':'default'},{'image':s3+'Elements/_new_leftpanel_find/mid-spacer.png','style':'default'},{'image':s3+'Elements/_new_leftpanel_find/npinright.png','style':'default'},{'image':s3+'Elements/_new_leftpanel_find/npinleft.png','style':'default'},{'image':s3+'Elements/_new_leftpanel_find/bot-spacer22.png','style':'default'},{'image':s3+'Elements/_new_leftpanel_find/find_mid.png','style':'default'},{'image':s3+'Elements/_new_leftpanel_find/find_main_shad.png','style':'default'},{'image':s3+'Elements/_new_leftpanel_find/backing.png','style':'default'},{'image':s3+'Elements/_new_leftpanel_find/menu_attrac.png','style':'default'},{'image':s3+'Elements/_new_leftpanel_find/primary_top.png','style':'default'},{'image':s3+'Elements/_new_leftpanel_find/menu_shop_1.png','style':'default'},{'image':s3+'Elements/CATS/_CAT_Dining_MIDDLE.png','style':'default'},{'image':s3+'Elements/Filter/price_marker.png','style':'default'},{'image':s3+'Elements/Filter/LargeMain2.png','style':'default'},{'image':s3+'Elements/Filter/filter-core-1.png','style':'default'},{'image':s3+'Elements/Filter/wifi.png','style':'default'},{'image':s3+'Elements/Filter/dining.png','style':'default'},{'image':s3+'Elements/Filter/Filter_Price_background.gif','style':'default'},{'image':s3+'Elements/Filter/arrow.png','style':'default'},{'image':s3+'Elements/Filter/filter_sub_1_mid.png','style':'default'},{'image':s3+'Elements/Filter/arrow-1.png','style':'default'}];
var previouscount = 0;
var previousvalue = 0;
var activeImageLoads = new Array(preloadImageSelection.length);
for ( var j = 0 ; j < preloadImageSelection.length; j++ ) activeImageLoads[j] = false;
var imagePlacementContainer = document.createElement("div");
imagePlacementContainer.style.display = 'none';
document.body.appendChild(imagePlacementContainer);
var tCounter = 0;
/** Preload the images **/
for ( var i = 0; i < preloadImageSelection.length; i++)
{
tCounter++;
var temporaryImageHolder = document.createElement("img");
temporaryImageHolder.skinner = tCounter;//data1[i].image;
temporaryImageHolder.style.display = 'none';
temporaryImageHolder.onload = function()
{
activeImageLoads[this.skinner]=true;
if ( this.src.match("search_hotels")) setTimeout(function(){runDateSystem();},200);
}
temporaryImageHolder.src = preloadImageSelection[i].image;
imagePlacementContainer.appendChild(temporaryImageHolder);
}
Util.stack['epo'] = imagePlacementContainer;
/** Test function for image loaders **/
function runImageLoadTest()
{
if ( !Util.stack['core1'] )
{
var dimensions = Util.getDimensions();
try
{
var coreLoadElement = Util.element("div", {'zIndex':'9999999','position':'absolute', 'left':((dimensions[0]/2)-(699/2)), 'top':((dimensions[1]/2)-(251/2)), 'width':699, 'height':251},null);
var topImage = Util.element("img", {'position':'absolute', 'left':0, 'top':0},null);
var middleImage = Util.element("img", {'display':'none','position':'absolute', 'left':0, 'top':52},null);
var lowerImage = Util.element("div", {'position':'absolute', 'left':0, 'top':(52+133),'backgroundImage':'url('+s3+'Elements/Opening/lowerScreen.png)', 'width':699, 'height':67},null);
topImage.onload = function(){ this.style.display = ''; }
topImage.src = (designmods['Logo']) ? 'Images/Elements/EuroStar/upperScreen.png' : s3+'Elements/Opening/upperScreen.png';
middleImage.sessionType = isNewSession;
middleImage.onload = function(){ if ( isNewSession) this.style.display = ''; }
middleImage.src = s3+'Elements/Opening/middleScreen.jpg';
if ( !isNewSession )
{
lowerImage.style.top = 52;
}
var loader1 = Util.element("div", {'position':'absolute', 'left':129, 'top':36,'backgroundPosition':'right','backgroundImage':'url('+s3+'Elements/Opening/back_tot.png)', 'width':2, 'height':11},null);
var leftImage = Util.element("img", {'position':'absolute', 'left':0, 'top':0}, {'src':s3+' Elements/Opening/beg_tot.png'});
var loadertext = Util.element("div", {'fontFamily':'arial','fontSize':12, 'color':'#000000','position':'absolute', 'left':129, 'top':18, 'width':400, 'height':17},null);
loadertext.innerHTML = 'Loading HotelMap.com';
loader1.appendChild(leftImage);
lowerImage.appendChild(loader1);
lowerImage.appendChild(loadertext);
loader1.textItem = loadertext;
coreLoadElement.appendChild(topImage);
coreLoadElement.appendChild(middleImage);
coreLoadElement.appendChild(lowerImage);
document.body.appendChild(coreLoadElement);
coreLoadElement.pload = loader1;
Util.stack['core1']=coreLoadElement;
try { if (hybrid=='true') Util.stack['core1'].style.display = 'none'; } catch ( e_kkdj2 ){}
} catch (e2) { alert("Wee"+e2.message); }
}
var naming = 'Loading HotelMap™ application data';
var splitTimer = 250;
var numberOfActiveImages = 0;
var loaded = true;
for ( var i = 0 ; i < tCounter; i++)
{
if ( !activeImageLoads[i])
{
loaded = false;
}
else
{
numberOfActiveImages++;
var perc = Math.round((numberOfActiveImages/tCounter)*100);
Util.stack['percent_check'] = perc;
var remains = preloadImageSelection.length - numberOfActiveImages;
if ( perc > 40 ) naming = perc + '% - Loading images';
if ( perc > 75 ) naming = perc + '% - Loading preference';
if ( perc > 90 ) naming = perc + '% - Loading date system';
Util.stack['core1'].pload.style.width = (448/100)*perc;
Util.stack['core1'].pload.textItem.innerHTML = naming;
}
}
if ( numberOfActiveImages == previousvalue )
{
if ( previouscount > 23 )
{
Util.stack['preload_done'] = true;
loaded = true;
}
if ( numberOfActiveImages >= (tCounter-15))
{
Util.stack['preload_done'] = true;
loaded = true;
}
previouscount++;
}
else
{
previouscount = 0;
}
previousvalue = numberOfActiveImages;
if ( loaded )
{
Util.stack['preload_done'] = true;
//Util.stack['epo'].parentNode.removeChild(Util.stack['epo']);
try {
// Util.stack['loaderState'].parentNode.removeChild(Util.stack['loaderState']);
Util.stack['core1'].parentNode.removeChild(Util.stack['core1']);
} catch(ee){}
}
else
{
setTimeout(function(){runImageLoadTest();},250);
}
}
runImageLoadTest();
}
SystemPreloader.doFullImageLoadedCheck();
},
processAbsoluteImageRequirements:function()
{
// Preset to true - cycle images and if not loaded set to false
preRequiredValue=true;
for ( var i =0;i![]("+s3+"Elements/talking2.gif)
Talking to hotel";
incOfferRate.style.display = 'none';
hotelElement.panelRateExc = excOfferRate;
hotelElement.panelRateInc = incOfferRate;
el_hotelRate.appendChild( excOfferRate );
el_hotelRate.appendChild( incOfferRate );
PanelContent.master.appendChild ( el_hotelRate );
},
starInfo : function( hotelElement )
{
hotelElement.starCount = parseInt(hotelElement.stars)
var el_hotelStars = document.createElement("div");
el_hotelStars.className = 'hotel_listing_stars';
var mystar = document.createElement("img"); mystar.src = s3+'Elements/RightPan/p-star.png';
var starsAsInt = hotelElement.starCount;
if ( starsAsInt > 5 ) starsAsInt = 0;
for ( var k = 0 ; k < starsAsInt ; k++ )
{
var star = mystar.cloneNode(true);
el_hotelStars.appendChild(star);
}
el_hotelStars.style.cursor = 'pointer';
el_hotelStars.onmousedown = function() { HotelJSLibrary.selectHotel(this.parentNode.hotelNode,false); }
PanelContent.master.appendChild ( el_hotelStars );
var propertyType = 'Hotel';
switch ( hotelElement.myfilters.minor )
{
case 'LUXURYTOWN': propertyType = 'Luxury Town House'; break;
case 'DESIGN': propertyType = 'Luxury Design Hotel'; break;
case 'BUSINESS': propertyType = 'Luxury Business Hotel'; break;
case 'CLASSIC': propertyType = 'Luxury Classic Hotel'; break;
case '2STAR_SMALL_HOTEL': propertyType = 'Small Hotel'; break;
case '2STAR_HOTEL': propertyType = 'Hotel'; break;
case '3STAR_HOTEL': propertyType = 'Hotel'; break;
case '4STAR_HOTEL': propertyType = 'Hotel'; break;
case '4STAR_BUSINESS': propertyType = 'Business Hotel'; break;
case '5STAR_HOTEL': propertyType = 'Hotel'; break;
case 'NONLUX_DESIGN': propertyType = 'Design Hotel'; break;
case 'NONLUX_LUXURYTOWN': propertyType = 'Town House'; break;
case 'NONLUX_BUSINESS': propertyType = 'Business Hotel'; break;
case 'NONLUX_CLASSIC': propertyType = 'Classic Hotel'; break;
case 'APARTMENT': propertyType = 'Apartment'; break;
case 'BB': propertyType = 'Bed \u0026 Breakfast'; break;
case 'BACKPACKER': propertyType = 'Backpacker Hostel'; break;
}
var el_p = document.createElement("div"); el_p.innerHTML=propertyType;
PanelContent.master.appendChild( el_p );
el_p.className = 'hotel_listing_property_type';
var dis = 79;
if ( starsAsInt ) dis = dis + ( 8 * starsAsInt ) + 8;
el_p.style.left = dis ;
el_p.onmousedown = function() { featureWatcher.hotelMoreInformation = 1; HotelJSLibrary.selectHotel(this.parentNode.hotelNode,false); }
/** More Info Button **/
var el_moreInfoButton = document.createElement("img");
el_moreInfoButton.hotelElement = hotelElement;
el_moreInfoButton.src = s3+"Elements/RightPan/more_info.png";
el_moreInfoButton.style.position = 'absolute';
el_moreInfoButton.style.left = 131;
el_moreInfoButton.style.top = 53;
el_moreInfoButton.onmouseover =function(){ this.src = s3+"Elements/RightPan/more_info_hover.png"; }
el_moreInfoButton.onmouseout =function(){ this.src = s3+"Elements/RightPan/more_info.png"; }
el_moreInfoButton.onmousedown =function(){ HotelJSLibrary.selectHotel(this.parentNode.hotelNode,false); }
PanelContent.master.appendChild( el_moreInfoButton );
},
addImage : function( hotelElement )
{
var el_hotelImageShadow = document.createElement("img");
el_hotelImageShadow.src = s3+'Elements/RightPan/picture_shadow.png';
el_hotelImageShadow.style.position = 'absolute';
el_hotelImageShadow.style.left = 2;
el_hotelImageShadow.style.top = 2;
PanelContent.master.appendChild( el_hotelImageShadow );
var el_hotelImage = document.createElement("img") ;
el_hotelImage.imageReference = 'http:\/\/srv-londonimages-5.londontown.com/' +hotelElement.defaultIcon + '?d='+Math.random();
el_hotelImage.isIconed = false;
el_hotelImage.className = 'hotel_listing_imge';
PanelContent.master.appendChild ( el_hotelImage );
PanelContent.master.iconImage = el_hotelImage;
el_hotelImage.style.cursor = 'pointer';
el_hotelImage.onmousedown = function()
{
featureWatcher.hotelMoreInformation = 1;
HotelJSLibrary.selectHotel(this.parentNode.hotelNode,false);
}
},
addTitle : function( title )
{
var el_hotelName = document.createElement("div") ;
el_hotelName.className = 'hotel_listing_font_name';
el_hotelName.style.cursor = 'pointer';
el_hotelName.id = 'HOTEL_NAME_ELEMENT';
el_hotelName.style.cursor = 'pointer';
el_hotelName.appendChild( document.createTextNode( title ) ) ;
PanelContent.master.appendChild( el_hotelName );
el_hotelName.onmousedown = function()
{
HotelJSLibrary.selectHotel(this.parentNode.hotelNode,false);
}
},
addFavorite : function( hotelElement )
{
var isFavOn = false;
if ( Util.stack['fav_'] ) for ( var k = 0 ;k < Util.stack['fav_'].data.length; k++ ) if ( Util.stack['fav_'].data[k].base == hotelElement.hotelId ) isFavOn = true;
var el_hotelFavorite = Util.element("img", null, {'src':s3+'Elements/RightPan/but-fav-off.png', 'className':'hotel_listing_favorite','id':'FAVORITE_IMAGE','activeItem':false,'elementReference':hotelElement, 'localIcon':PanelContent.master.iconImage});
PanelContent.master.appendChild ( el_hotelFavorite );
PanelContent.master.favoriteCaller = el_hotelFavorite;
if ( isFavOn )
{
el_hotelFavorite.elementReference.favoriteElement = true;
el_hotelFavorite.activeItem = true;
el_hotelFavorite.src = s3+'Elements/RightPan/but-fav-on.png';
var cloneElement = el_hotelFavorite.parentNode.cloneNode(true);
cloneElement.realFavoriteReference = this;
cloneElement.realFavoriteReference = el_hotelFavorite;
cloneElement.hotelNode = el_hotelFavorite.parentNode.hotelNode;
cloneElement.localIcon = PanelContent.master.iconImage;
el_hotelFavorite.cloneReference = cloneElement;
var imageCollection = cloneElement.getElementsByTagName("img");
for ( var p = 0 ; p < imageCollection.length; p++ )
{
if ( imageCollection[p].id=='FAVORITE_IMAGE' )
{
imageCollection[p].onmousedown = function()
{
featureWatcher.favoriteAdded = 1;
this.parentNode.realFavoriteReference.favoriteController(this.parentNode);
}
}
}
var divCollection = cloneElement.getElementsByTagName("div");
for ( var p = 0 ; p < divCollection.length; p++ )
{
if ( divCollection[p].id=='HOTEL_NAME_ELEMENT' )
{
divCollection[p].onmousedown = function()
{
featureWatcher.moreHotelInformation = 1;
HotelJSLibrary.selectHotel(this.parentNode.hotelNode);
}
}
}
Util.stack['fav_tab'].appendChild(cloneElement);
}
el_hotelFavorite.onmousedown = function()
{
featureWatcher.favoriteAdded = 1;
this.favoriteController(false);
}
el_hotelFavorite.favoriteController = function(isClone)
{
if ( !isClone )
{
if ( !this.activeItem )
{
JSON.Load("Script/JSON/Actions/JSON_Action_Favorites.php?action=save&base=" + this.parentNode.hotelNode.hotelId + "&session=" + londonMapsSession + "&" );
this.elementReference.favoriteElement = true;
this.activeItem = true;
this.src = s3+'Elements/RightPan/but-fav-on.png';''
var cloneElement = this.parentNode.cloneNode(true);
cloneElement.realFavoriteReference = this;
cloneElement.hotelNode = this.parentNode.hotelNode;
this.cloneReference = cloneElement;
var imageCollection = cloneElement.getElementsByTagName("img");
for ( var p = 0 ; p < imageCollection.length; p++ )
{
if ( imageCollection[p].id=='FAVORITE_IMAGE' )
{
imageCollection[p].onmousedown = function()
{
this.parentNode.realFavoriteReference.favoriteController(this.parentNode);
}
}
}
var divCollection = cloneElement.getElementsByTagName("div");
for ( var p = 0 ; p < divCollection.length; p++ )
{
if ( divCollection[p].id=='HOTEL_NAME_ELEMENT' )
{
divCollection[p].onmousedown = function()
{
HotelJSLibrary.selectHotel(this.parentNode.hotelNode);
}
}
}
Util.stack['fav_tab'].appendChild(cloneElement);
}
else
{
JSON.Load("Script/JSON/Actions/JSON_Action_Favorites.php?action=delete&base=" + this.parentNode.hotelNode.hotelId + "&session=" + londonMapsSession + "&" );
this.elementReference.favoriteElement = false;
this.activeItem = false;
this.src = s3+'Elements/RightPan/but-fav-off.png';
Util.stack['fav_tab'].removeChild(this.cloneReference);
EventObject_MouseHandler.System_Data_Poll();
}
}
else
{
this.elementReference.favoriteElement = false;
this.activeItem = false;
this.src = s3+'Elements/RightPan/but-fav-off.png';
Util.stack['fav_tab'].removeChild(isClone);
JSON.Load("Script/JSON/Actions/JSON_Action_Favorites.php?action=delete&base=" + this.parentNode.hotelNode.hotelId + "&session=" + londonMapsSession + "&" );
EventObject_MouseHandler.System_Data_Poll();
}
}
}
};
function hotelInitialiser()
{
hotel_information.apartmentCount = hotel_information.independentCount = hotel_information.hostelCount = hotel_information.hotelCount = hotel_information.restaurantCount = hotel_information.airconCount = hotel_information.internetCount = hotel_information.barCount = hotel_information.meetingCount = hotel_information.businessCount = hotel_information.familyCount =hotel_information.romanceCount = hotel_information.surveyCount = 0;
var JCH = new JSON_Commerce_HotelFeed();
isHotelIconsLoaded = true;
JCH.run(hs_f_001.data);
timings.feed = '';
}
// +-------------------------------------------------------------------------------------+
// | LondonTown.com HotelMap - Version 2.0 |
// | Copyright (C) 2008, All Rights Reserved, Globalvision Media |
// +-------------------------------------------------------------------------------------+
// | File: JSON_Element_RightPanel.php |
// | Vers: $Id: JSON_Element_RightPanel.php,v 1.48 2010/08/06 13:47:40 james Exp $ |
// | Auth: James Holden (james_holden@londonmarketing.com) |
// | Last: $Auth: $ |
// | Desc: Constructs and manages most of the right hand pabel system |
// +-------------------------------------------------------------------------------------+
var JSON_Element_RightPanel =
{
current_scroll_top : 0 ,
current_mouse_top : 0,
active_selection : false,
start_date : null,
// --
// POPULATE THE RIGHT HAND PANEL DATES ELEMENTS
// --
populateDatePanelSystem : function(right_panel_top)
{
var txtValues = [
{'name':'Date of Arrival:', 'class':'date_bold_black', 'id_stack':'','left':'15', 'top':'40'},
{'name':'Wait..', 'class':'date_bold_grey', 'id_stack':'DATE_VIEW','left':'100', 'top':'40'},
{'name':'Nights:', 'class':'date_bold_black', 'id_stack':'','left':'15', 'top':'60'},
{'name':'', 'class':'date_bold_grey', 'id_stack':'DATE_NIGHTS', 'left':'60', 'top':'60'},
{'name':'Rooms:', 'class':'date_bold_black', 'id_stack':'', 'left':'90', 'top':'60'},
{'name':'', 'class':'date_bold_grey', 'id_stack':'DATE_ROOMS', 'left':'135', 'top':'60'},
{'name':'Adults:', 'class':'date_bold_black', 'id_stack':'', 'left':'15', 'top':'80'},
{'name':'', 'class':'date_bold_grey', 'id_stack':'DATE_ADULTS', 'left':'60', 'top':'80'},
{'name':'Children:', 'class':'date_bold_black', 'id_stack':'', 'left':'90', 'top':'80'},
{'name':'', 'class':'date_bold_grey', 'id_stack':'DATE_CHILDREN', 'left':'144', 'top':'80'},
{'name':'per room', 'class':'date_small_bold_black', 'id_stack':'','left':'90', 'top':'90'},
{'name':'per room', 'class':'date_small_bold_black', 'id_stack':'','left':'15', 'top':'90'}
];
for ( var i = 0 ; i < txtValues.length ; i++ )
{
var item = txtValues[i];
var txtElements = document.createElement("div");
txtElements.innerHTML = item['name'];
txtElements.className = item['class'];
txtElements.style.position = 'absolute';
txtElements.style.left = item['left'];
txtElements.style.top = item['top'];
if ( item['id_stack'] )
{
Util.stack[item['id_stack']]=txtElements;
}
right_panel_top.appendChild(txtElements);
}
DataSets.populateHotelPanel();
},
init : function()
{
// --
// DEFAULT VALUES WE NEED TO SET
// --
var dims = Util.getDimensions() ;
var totalPanelHeight = 0;
var originalHeight = 0;
// --
// CREATES THE BASIC RIGHT HAND PANEL ENCLOUSRE
// --
var core_base = document.createElement("div") ;
core_base.style.position = 'absolute';
core_base.style.left = dims[0] - 234;
core_base.style.top = 63;
core_base.style.height = dims[1] - 83;
core_base.style.width = 234;
core_base.style.zIndex = '9999997';
core_base.opened = true;
core_base.onmouseover = function()
{
EventObject_MouseHandler.mouseDown = false;
}
// --
// OPEN AND CLOSE FUNCTIONS ATTACHED TO MAIN PANEL
// --
core_base.slideShut = function()
{
var dims = Util.getDimensions() ;
if ( this.opened == true )
{
Scroll.horizontal( this, dims[0], true, 30, 15, 0, false );
this.opened = false;
if ( Util.stack['popout'] ) Util.stack.popout.closeElement();
if ( Util.stack['filter_housing'] ) Util.stack['filter_housing'].style.display = 'none';
}
}
core_base.slideOpen = function()
{
var dims = Util.getDimensions() ;
if ( !this.opened )
{
Scroll.horizontal( this, dims[0] - 234, false, 30, 15, 0, false );
this.opened = true;
if ( Util.stack['filter_housing'] ) setTimeout( function() { Util.stack['filter_housing'].style.display = ''; } , 2000 );
}
}
// --
// DETERMINE THE OVERALL HEIGHT OF THE RIGHT HAND PANEL
// --
totalPanelHeight = originalHeight = parseInt(core_base.style.height);
// --
// THE TOP HEADING AND SPACE FOR DATES
// --
var right_panel_top = document.createElement("div");
right_panel_top.style.width = 234;
right_panel_top.style.height = 109;
right_panel_top.style.backgroundImage = 'url('+s3+'Elements/RightPan/rp-top-base.png)';
right_panel_top.style.backgroundRepeat = 'no-repeat';
core_base.appendChild(right_panel_top);
// --
// THE CHANGE BUTTON AND ITS FUNCTIONALITY
// --
var changeButtonAttributes = {
src:s3+'Elements/RightPan/change_search.png',
width:'46',
height:'17',
position:true,
left:180,
top:85,
onmouseover:function(){ this.src=s3+'Elements/RightPan/change_search_hover.png'; },
onmouseout:function(){ this.src=s3+'Elements/RightPan/change_search.png'; },
onmousedown:function(){
if ( !Util.stack['search_container'] )
{
var day = DataSets.get("ARRIVAL_DAY");
var segments = DataSets.get("ARRIVAL_MONTH_YEAR");
segments = segments.split("-");
var month = segments[0];
var year = segments[1];
Layers.switchBlack(true);
// ---
// Request to show the current booking structure if someone has already entered the dates of thier stay
var currentNightCount = commerce_dates['NUM_NIGHTS'];
JSON.Load("Script/JSON/Alpha/JSON_DateSelection.php?has_chosen_dates=true&edate=&upperTitle=U29tZXJzZXQgSG91c2UsIFN0cmFuZCwgTG9uZG9uLCAgV0MyUiAxTEE=&coreTitle=&viewPortEnabled=true&calendarYear="+year+"&calendarMonth="+month+"&calendarDay="+day+"&periodLength="+currentNightCount+"&nightCount="+currentNightCount+"&");
//JSON.Load("Script/JSON/Elements/JSON_Element_SearchSelection.php?edate=&period=&label=U29tZXJzZXQgSG91c2U=&enc=&ad_l=U29tZXJzZXQgSG91c2UsIFN0cmFuZCwgTG9uZG9uLCAgV0MyUiAxTEE=&cal_month="+month+"&cal_day="+day+"&cal_year="+year+"&");
}
},
owner:right_panel_top
};
Util.ButtonImg(changeButtonAttributes);
// --
// DECREASE THE AVAILABLE HEIGHT BASED ON THE SIZE OF THE UPPER SPACE
// --
totalPanelHeight = totalPanelHeight - 109;
JSON_Element_RightPanel.populateDatePanelSystem(right_panel_top);
// --
// HIDDEN BEHIND THE PANEL BUT VISIABLE WHEN ITS CLOSED, OPENS THE PABEL
// --
var showPanelIcon = document.createElement("img");
showPanelIcon.src = s3+'Elements/RightPan/rp-show-pan.png';
showPanelIcon.style.position = 'absolute';
showPanelIcon.style.left = dims[0]-18;
showPanelIcon.style.top = 64;
showPanelIcon.style.zIndex = 9998;
showPanelIcon.onmousedown = function()
{
Util.stack.core_base.slideOpen();
}
Util.stack['show_panel_icon'] = showPanelIcon;
Layers.coreElement.appendChild(showPanelIcon);
// --
// THE HIDE PANEL ICON
// --
var hidePanelIcon = document.createElement("img");
hidePanelIcon.src = s3+'Elements/RightPan/rp-hide-pan.png';
hidePanelIcon.style.position = 'absolute';
hidePanelIcon.style.left = 170;
hidePanelIcon.style.top = 8;
hidePanelIcon.style.cursor = 'pointer';
right_panel_top.appendChild(hidePanelIcon);
hidePanelIcon.onmousedown = function()
{
Util.stack.core_base.slideShut();
}
hidePanelIcon.onmouseover = function()
{
hidePanelIcon.src = s3+'Elements/RightPan/rp-hide-pan-roll.png';
}
hidePanelIcon.onmouseout = function()
{
hidePanelIcon.src = s3+'Elements/RightPan/rp-hide-pan.png';
}
// --
// - Price Element Implementation - April 09
// --
totalPanelHeight = totalPanelHeight - 74;
var majorPrice = Util.element("div", {'backgroundImage':'url('+s3+'Elements/RightPan/price_panel.png)','position':'relative', 'height':'74px','width':'236px'}, null );
var pricesText = Util.element("div", {'position':'absolute', 'left':'10px', 'top':'6px'}, {'className':'date_bold_black'}); pricesText.innerHTML = 'Prices';
// The housing element for the pricing div element
var price_div = document.createElement("div");
price_div.style.position = 'absolute';
price_div.style.left = 25;
price_div.style.top = 5;
price_div.style.width = 186;
price_div.style.height = 73;
price_div.style.backgroundImage = 'url('+s3+'Elements/Filter/Filter_Price_background.gif)';
price_div.style.backgroundRepeat = 'no-repeat';
price_div.minimumLeft = 17;
price_div.maximumRght =147;
price_div.spanShift = price_div.maximumRght - price_div.minimumLeft;
// This is the fill part which spans the distance form the smallest to the lowest price
price_slideFill = document.createElement("div");
price_slideFill.style.height = '3px';
price_slideFill.style.width = price_div.spanShift;
price_slideFill.style.position = 'absolute';
price_slideFill.style.left = price_div.minimumLeft;
price_slideFill.style.top = 50;
price_slideFill.style.backgroundColor = '#5370AA';
price_slideFill.style.zIndex = 999997;
price_slideFill.style.overflow = 'hidden';
// This is the left hand slider which you can move up and down
price_sliderLeft = document.createElement("div");
price_sliderLeft.style.position = 'absolute';
price_sliderLeft.style.left = 22-(13/2);
price_sliderLeft.style.top = 43;
price_sliderLeft.style.width = 13;
price_sliderLeft.style.height = 16;
price_sliderLeft.style.backgroundImage = 'url('+s3+'Elements/Filter/price_marker.png)';
price_sliderLeft.style.backgroundRepeat = 'no-repeat';
price_sliderLeft.style.zIndex = 999999;
// This is the right hand slider which you can move up and down
price_sliderRght = document.createElement("div");
price_sliderRght.style.position = 'absolute';
price_sliderRght.style.left = 154-(13/2);
price_sliderRght.style.top = 43;
price_sliderRght.style.width = 13;
price_sliderRght.style.height = 16;
price_sliderRght.style.backgroundImage = 'url('+s3+'Elements/Filter/price_marker.png)';
price_sliderRght.style.backgroundRepeat = 'no-repeat';
price_sliderRght.style.zIndex = 999998;
// This is the cover which exists of the entire price and controls the mouse movement.
var price_cover = document.createElement("div");
price_cover.style.position = 'absolute';
price_cover.style.left = 0;
price_cover.style.top = 33;
price_cover.style.width = 190
price_cover.style.height = 30;
price_cover.style.border = '1px solid #000000';
price_cover.style.cursor = 'pointer';
price_cover.style.backgroundColor = '#FFFFFF';
price_cover.style.zIndex = 999999;
price_cover.rightSlide = price_sliderRght;
price_cover.leftSlide = price_sliderLeft;
price_cover.filler = price_slideFill;
price_cover.style.MozUserSelect = 'none';
Util.setTrans(price_cover,1);
// This and price_highest are the text pricing which is in the top right of the price system
var price_lowest = document.createElement("div");
price_lowest.style.position = 'absolute';
price_lowest.style.left = 89;
price_lowest.style.top = 8;
price_lowest.style.width = 31;
price_lowest.style.height = 12;
price_lowest.className = 'filter_price';
price_lowest.innerHTML = '\u00A3 0';
price_lowest.style.textAlign = 'center';
var price_highest = document.createElement("div");
price_highest.style.position = 'absolute';
price_highest.style.left = 133;
price_highest.style.top = 8;
price_highest.style.width = 31;
price_highest.style.height = 12;
price_highest.className = 'filter_price';
price_highest.innerHTML = '\u00A3 500';
price_highest.style.textAlign = 'center';
// We need to create global references so we can affect them later on
Util.stack['price_high'] = price_highest;
Util.stack['price_low'] = price_lowest;
/**
* When the cover is clicked on we determine which slider was clicked, if any and then
* we mark the point the mouse and the slider was
*/
price_cover.onmousedown = function(e)
{
featureWatcher.priceSliders = 1;
e=(e)?e:window.event;
price_cover.isDown = true;
var locationX = (e.clientX - parseInt( Util.stack['core_base'].style.left ));
price_cover.locationX = locationX;
price_cover.activeSlide = null;
price_cover.isLeft = null;
//Util.stack.debug.style.display = '';
//Util.stack.debug.innerHTML = "LocationX : " + locationX + ""; //Util.stack.debug.innerHTML += "Left : " + parseInt(price_cover.leftSlide.style.left) + "
"; //Util.stack.debug.innerHTML += "LEft13 : " + (parseInt(price_cover.leftSlide.style.left)+13) + "
"; if ( locationX >= parseInt(price_cover.rightSlide.style.left)+25 && locationX <= parseInt(price_cover.rightSlide.style.left)+13+25 ) { price_cover.activeSlide = price_cover.rightSlide; price_cover.isLeft = false; } if ( locationX >= parseInt(price_cover.leftSlide.style.left)+25 && locationX <= parseInt(price_cover.leftSlide.style.left)+13+25 ) { price_cover.activeSlide = price_cover.leftSlide; price_cover.isLeft = true; } if ( price_cover.activeSlide ) { price_cover.curLeft = parseInt( price_cover.activeSlide.style.left ) + 25; window.onmousemove = this.mousemove; document.onmousemove = this.mousemove; } } /** * Remove the mouse movement references and run a sweep on the filters to * readjust the hotels */ price_cover.onmouseout = function() { window.onmousemove = null; document.onmousemove = null; this.isDown = false; this.runSweep(); // JSON_Action_Filter.runFilterSweep(); // item.filterShown="NO"; } price_cover.runSweep = function() { EventObject_MouseHandler.System_Data_Poll(); } /** * as above */ price_cover.onmouseup = function() { window.onmousemove = null; document.onmousemove = null; this.isDown = false; this.runSweep(); // JSON_Action_Filter.runFilterSweep(); } /** * Handles the movement on the price sliders. It also only allows incrementals * of 50 pounds by using a nearest method. */ price_cover.onmousemove = function(e) { e = (e)?e:window.event; var currentLocX = e.clientX - parseInt( Util.stack['core_base'].style.left ); var movement = currentLocX - this.locationX; var amountSpan = hotel_information.highestOffer - hotel_information.lowestOffer; var widthSpan = this.parentNode.spanShift; var pixelsPerPound = amountSpan / widthSpan; var currentXPosition = (this.curLeft + movement) - 7; // Ensure that the mouse is down if ( this.isDown ) { if ( this.isLeft == true && this.isLeft != null ) // Left hand slider { if ( (currentXPosition) >= this.parentNode.minimumLeft && (currentXPosition) <= parseInt(this.rightSlide.style.left) ) { var currentLowPounds = Math.round(pixelsPerPound * ((currentXPosition) - this.parentNode.minimumLeft)); var price = _PriceCheck( currentLowPounds ); if ( price != null ) { var xPositionDetermined = Math.round(( price + ( pixelsPerPound * this.parentNode.minimumLeft ) ) / pixelsPerPound); hotel_information.price_low = price ; Util.stack['price_low'].innerHTML = "\u00A3 " + price ; this.activeSlide.style.left = xPositionDetermined; this.filler.style.left = parseInt(this.leftSlide.style.left); this.filler.style.width = parseInt(this.rightSlide.style.left) - parseInt(this.leftSlide.style.left); } } } if ( this.isLeft == false && this.isLeft != null ) // Right hand slider { if ( (currentXPosition) <= this.parentNode.maximumRght && (currentXPosition ) >= parseInt(price_cover.leftSlide.style.left) ) { var currentLowPounds = Math.round(pixelsPerPound * ((currentXPosition) - this.parentNode.minimumLeft)); var price = _PriceCheck( currentLowPounds ); if ( price != null ) { var xPositionDetermined = Math.round(( price + ( pixelsPerPound * this.parentNode.minimumLeft ) ) / pixelsPerPound); hotel_information.price_high = price ; Util.stack['price_high'].innerHTML = "\u00A3 " + price ; this.activeSlide.style.left = xPositionDetermined; this.filler.style.left = parseInt(this.leftSlide.style.left); this.filler.style.width = parseInt(this.rightSlide.style.left) - parseInt(this.leftSlide.style.left); } } } } } price_div.appendChild(price_sliderLeft); price_div.appendChild(price_sliderRght); price_div.appendChild(price_cover); price_div.appendChild(price_slideFill); price_div.appendChild(price_lowest); price_div.appendChild(price_highest); price_div.leftSlide = price_sliderLeft; price_div.rightSlide = price_sliderRght; price_div.appendChild(pricesText); majorPrice.appendChild( price_div ); core_base.appendChild(majorPrice); function _PriceCheck( currentLowPounds ) { var price = null; if ( currentLowPounds > 0 && currentLowPounds < 50 ) price = 0; if ( currentLowPounds >= 50 && currentLowPounds < 100 ) price = 50; if ( currentLowPounds >= 100 && currentLowPounds < 150 ) price = 100; if ( currentLowPounds >= 150 && currentLowPounds < 200 ) price = 150; if ( currentLowPounds >= 200 && currentLowPounds < 250 ) price = 200; if ( currentLowPounds >= 250 && currentLowPounds < 300 ) price = 250; if ( currentLowPounds >= 300 && currentLowPounds < 350 ) price = 300; if ( currentLowPounds >= 350 && currentLowPounds < 400 ) price = 350; if ( currentLowPounds >= 400 && currentLowPounds < 450 ) price = 400; if ( currentLowPounds >= 450 && currentLowPounds < 490 ) price = 450; if ( currentLowPounds >= 490 ) price = 500; return price; } // -- // RIGHT PANEL TABS - ONE IS HOTELS AND THE OTHER IS FAVORITES // -- var right_panel_tab = document.createElement("div"); right_panel_tab.style.backgroundImage = 'url('+s3+'Elements/RightPan/rp-tab-hot-on.png)'; right_panel_tab.style.backgroundRepeat = 'no-repeat'; right_panel_tab.style.width = 236 right_panel_tab.style.height = 34; right_panel_tab.selectedElement = "HOTEL"; core_base.appendChild(right_panel_tab); totalPanelHeight = totalPanelHeight - 32; totalPanelHeight = totalPanelHeight - 26; // Drag Panel. Util.stack['right_panel_tab'] = right_panel_tab ; right_panel_tab.onmousedown = function() { this.tabDown(); } right_panel_tab.tabFavoriteMaker = function() { this.selectedElement = 'HOTEL'; this.tabDown(); } right_panel_tab.tabHotelsTabOn = function() { this.selectedElement = 'FAVORITES'; this.tabDown(); } right_panel_tab.tabDown = function() { var selectionType = this.selectedElement; if ( selectionType == "HOTEL" ) { featureWatcher.favoriteTabSelected = 1; EventObject_MouseHandler.favoritesOnly = true; EventObject_MouseHandler.System_Data_Poll(); right_panel_tab.style.backgroundImage = 'url('+s3+'Elements/RightPan/rp-tab-fav-on.png)'; Util.stack['hotel_tab'].style.display = 'none'; Util.stack['fav_tab'].style.display = ''; this.selectedElement = 'FAVORITE'; if ( Util.stack['fav_tab'].childNodes.length == 0 ) { var noticePoint = document.createElement("div"); noticePoint.className = 'no_favorites'; noticePoint.style.padding = '9'; noticePoint.innerHTML = 'You do not currently have any favourites, switch back to the hotels on map tab.'; Util.stack['noticePoint'] = noticePoint; Util.stack['fav_tab'].appendChild(noticePoint); } } else { try { if ( Util.stack['noticePoint'] ) Util.stack['noticePoint'].parentNode.removeChild(Util.stack['noticePoint']); } catch ( e2asjoei ) { } EventObject_MouseHandler.favoritesOnly = false; EventObject_MouseHandler.System_Data_Poll(); right_panel_tab.style.backgroundImage = 'url('+s3+'Elements/RightPan/rp-tab-hot-on.png)'; Util.stack['hotel_tab'].style.display = ''; Util.stack['fav_tab'].style.display = 'none'; this.selectedElement = 'HOTEL'; } } // -- // FAVORITE CONTAINER WHICH HOLDS FAVOTITE HOTEL PANEL ITEMS // -- var favorite_container = document.createElement("div") ; favorite_container.className = 'NEW_RIGHTPANEL_Base'; favorite_container.style.height = totalPanelHeight; favorite_container.style.width = 234 ; favorite_container.style.paddingLeft = '4px'; favorite_container.id = 'hotel_tab'; favorite_container.style.display = 'none'; favorite_container.style.overflow = 'hidden'; Util.stack['fav_tab'] = favorite_container; core_base.appendChild( favorite_container ) ; /** Hotel Holder **/ var hotel_container = document.createElement("div") ; hotel_container.className = 'NEW_RIGHTPANEL_Base'; hotel_container.style.height = totalPanelHeight; hotel_container.style.width = 234 ; hotel_container.style.paddingLeft = '4px'; hotel_container.id = 'hotel_tab'; hotel_container.style.overflow = 'hidden'; hotel_container.onmouseover = function() { if (window.addEventListener) { window.removeEventListener('DOMMouseScroll', EventObject_MouseWheel.wheelActive , false) window.addEventListener('DOMMouseScroll', EventObject_MouseWheel.scrollHotelList , false); } window.onmousewheel = document.onmousewheel = null; window.onmousewheel = document.onmousewheel = EventObject_MouseWheel.scrollHotelList; } /** Scroll Elements which attach themsevles to the hotel and favorite panbels **/ var scroll_lot = document.createElement("div"); scroll_lot.style.width = 12; scroll_lot.style.border = '1px solid #C0C0C0'; scroll_lot.style.height = parseInt(hotel_container.style.height)-14; scroll_lot.style.backgroundColor = '#FFFFFF'; scroll_lot.style.left = parseInt(hotel_container.style.width) -20; scroll_lot.style.top = originalHeight-totalPanelHeight -20; scroll_lot.style.position = 'absolute'; scroll_lot.style.zIndex = '99999999'; scroll_lot.style.overflow = 'hidden'; Util.setTrans( scroll_lot, 60); scroll_lot.style.display = 'none'; Util.stack['scroll_lot'] = scroll_lot; var scroll_inner = document.createElement("div"); scroll_inner.style.position = 'absolute'; scroll_inner.style.left = 1; scroll_inner.style.top = 1; scroll_inner.style.width = 10; scroll_inner.style.backgroundColor = '#000000'; scroll_inner.style.height = 15; scroll_lot.appendChild(scroll_inner); Util.stack['scroll_inner'] = scroll_inner; /** Movement actions for hotel and favorite containers **/ hotel_container.onmousedown = function( event ) { var scroll_height = (parseInt( Util.stack['scroll_lot'].style.height ) / parseInt(Util.stack['hotel_tab'].scrollHeight)) * 100; var height_size = ( parseInt(Util.stack['scroll_lot'].style.height) / 100 ) * scroll_height; Util.stack['scroll_inner'].style.height = height_size; this.appendChild(Util.stack['scroll_lot']); event = ( event ) ? event : window.event ; var startDate = new Date(); JSON_Element_RightPanel.start_date = startDate.getTime(); JSON_Element_RightPanel.current_scroll_top = parseInt(Util.stack.hotel_tab.scrollTop); JSON_Element_RightPanel.current_mouse_top = event.clientY; window.onmousemove = this.trackscroll; document.onmousemove = this.trackscroll; JSON_Element_RightPanel.active_selection = true; if ( !Util.stack.movementClient ) { var movementClient = document.createElement("div") ; movementClient.style.width = this.style.width; movementClient.style.height = this.style.height; movementClient.style.left = 0; movementClient.style.top = this.scrollTop; movementClient.style.position = 'absolute'; movementClient.style.backgroundColor = '#ffffff'; movementClient.style.zIndex = '999999999'; movementClient.style.cursor = 'pointer'; movementClient.mmm = function() { ///this.parentNode.appleslide(); this.parentNode.removeChild(this); Util.stack['movementClient'] = false; JSON_Element_RightPanel.active_selection = false; window.onmousemove = null; document.onmousemove = null; Util.stack['scroll_lot'].style.display = 'none'; event.preventDefault() ; try{ event.stopPropagation(); } catch (e1) {} try{ event.cancelBubble(); } catch (e2) {} return false; } movementClient.onmouseout = function(){ this.mmm(); } Util.setTrans( movementClient, 0 ) ; this.appendChild( movementClient ) ; Util.stack['movementClient'] = movementClient ; } event.preventDefault() ; try{ event.stopPropagation(); } catch (e1) {} try{ event.cancelBubble(); } catch (e2) {} return false; } hotel_container.triggerMouseUp = hotel_container.onmouseup = function() { if ( Util.stack.movementClient ) { Util.stack['scroll_lot'].style.display = 'none'; this.removeChild( Util.stack['movementClient'] ); Util.stack['movementClient'] = false; JSON_Element_RightPanel.active_selection = false; window.onmousemove = null; document.onmousemove = null; } } hotel_container.trackscroll = function(e) { if ( JSON_Element_RightPanel.active_selection ) { Util.stack['scroll_lot'].style.display = ''; e=(e)?e:window.event; var curTop = parseInt(Util.stack.hotel_tab.scrollTop); var mseTop = e.clientY; var mouse_scrolling_top = (JSON_Element_RightPanel.current_mouse_top - e.clientY); Util.stack.hotel_tab.scrollTop = JSON_Element_RightPanel.current_scroll_top + mouse_scrolling_top; Util.stack.debug.innerHTML = Util.stack.hotel_tab.scrollTop; var scrollPosition = ( parseInt(Util.stack['hotel_tab'].scrollTop) / parseInt(Util.stack['hotel_tab'].scrollHeight) ) * 100 ; var topPoint = (( parseInt( Util.stack['scroll_lot'].style.height ) / 100 ) * scrollPosition ); Util.stack['scroll_inner'].style.top = topPoint; } } /*** Favorites Tab Scroll Mechanism - Yuk **/ favorite_container.onmousedown = function( event ) { var scroll_height1 = (parseInt( Util.stack['scroll_lot'].style.height ) / parseInt(Util.stack['fav_tab'].scrollHeight)) * 100; var height_size = ( parseInt(Util.stack['scroll_lot'].style.height) / 100 ) * scroll_height1; Util.stack['scroll_inner'].style.height = height_size; this.appendChild(Util.stack['scroll_lot']); event = ( event ) ? event : window.event ; var startDate = new Date(); JSON_Element_RightPanel.start_date = startDate.getTime(); JSON_Element_RightPanel.current_scroll_top = parseInt(Util.stack.fav_tab.scrollTop); JSON_Element_RightPanel.current_mouse_top = event.clientY; window.onmousemove = this.trackscroll; document.onmousemove = this.trackscroll; JSON_Element_RightPanel.active_selection = true; if ( !Util.stack.movementClient ) { var movementClient = document.createElement("div") ; movementClient.style.width = this.style.width; movementClient.style.height = this.style.height; movementClient.style.left = 0; movementClient.style.top = this.scrollTop; movementClient.style.position = 'absolute'; movementClient.style.backgroundColor = '#ffffff'; movementClient.style.zIndex = '999999999'; movementClient.style.cursor = 'pointer'; movementClient.onmouseout = function() { this.parentNode.appleslide(); this.parentNode.removeChild(this); Util.stack['movementClient'] = false; JSON_Element_RightPanel.active_selection = false; window.onmousemove = null; document.onmousemove = null; Util.stack['scroll_lot'].style.display = 'none'; event.preventDefault() ; try{ event.stopPropagation(); } catch (e1) {} try{ event.cancelBubble(); } catch (e2) {} return false; } Util.setTrans( movementClient, 0 ) ; this.appendChild( movementClient ) ; Util.stack['movementClient'] = movementClient ; } event.preventDefault() ; try{ event.stopPropagation(); } catch (e1) {} try{ event.cancelBubble(); } catch (e2) {} return false; } favorite_container.onmouseup = function() { if ( Util.stack.movementClient ) { Util.stack['scroll_lot'].style.display = 'none'; this.removeChild( Util.stack['movementClient'] ); Util.stack['movementClient'] = false; JSON_Element_RightPanel.active_selection = false; window.onmousemove = null; document.onmousemove = null; } } favorite_container.trackscroll = function(e) { if ( JSON_Element_RightPanel.active_selection ) { Util.stack['scroll_lot'].style.display = ''; e=(e)?e:window.event; var curTop = parseInt(Util.stack.fav_tab.scrollTop); var mseTop = e.clientY; var mouse_scrolling_top = (JSON_Element_RightPanel.current_mouse_top - e.clientY); Util.stack.fav_tab.scrollTop = JSON_Element_RightPanel.current_scroll_top + mouse_scrolling_top; var scrollPosition = ( parseInt(Util.stack['fav_tab'].scrollTop) / parseInt(Util.stack['fav_tab'].scrollHeight) ) * 100 ; var topPoint = (( parseInt( Util.stack['scroll_lot'].style.height ) / 100 ) * scrollPosition ); Util.stack['scroll_inner'].style.top = topPoint; } } /** Ends -- **/ /** Append the hotel containing element to the base system **/ Util.stack['hotel_tab'] = hotel_container; core_base.appendChild( hotel_container ) ; /** The lower blue drag panel on the right pabel **/ var drag_panel = document.createElement("div"); drag_panel.style.backgroundImage = 'url('+s3+'Elements/RightPan/rp-drag.png)'; drag_panel.style.backgroundRepeat = 'no-repeat'; drag_panel.style.width = 236; drag_panel.style.height = 26; Util.stack['drag_icon_rightpanel'] = drag_panel; core_base.appendChild( drag_panel ) ; /** Append the main core enclosure to the system **/ Layers.coreElement.appendChild( core_base ) ; Util.stack['core_base'] = core_base; /** Accomodation Loading Notice on the right panel on first start **/ var accommodationLoadingElement = document.createElement("div"); accommodationLoadingElement.style.padding = '5'; accommodationLoadingElement.style.fontFamily = 'verdana'; accommodationLoadingElement.style.fontSize = '11'; accommodationLoadingElement.style.textAlign='center'; accommodationLoadingElement.innerHTML = '
Please wait whilst we connect to London\'s leading hotels, apartments, backpacker hostels and bed & breakfasts.
'; accommodationLoadingElement.style.display = 'none'; Util.stack['right_pan_spin'] = accommodationLoadingElement; hotel_container.accommodationLoadingElement = accommodationLoadingElement; hotel_container.appendChild(accommodationLoadingElement); } } /*JSON_Element_RightPanel.init() ;*/ // $Id: JSON_Element_Overview.php,v 1.22 2010/08/06 13:47:40 james Exp $ var JSON_Element_Overview = { /*** * Overview (top left) block construction. Shadow, map and overview box */ run : function() { var overviewElement = document.createElement("div"); overviewElement.style.position = 'absolute'; overviewElement.style.left = 0; overviewElement.style.top = 0; overviewElement.style.width = 160; overviewElement.style.height = 124; overviewElement.style.backgroundImage = 'url('+s3+'Elements/Overview/overview-housing.png)'; var internalOverview = document.createElement("div"); internalOverview.style.position = 'absolute'; internalOverview.style.overflow = 'hidden'; internalOverview.style.left = 7; internalOverview.style.top = 4; internalOverview.style.width = 150; internalOverview.style.height = 112; internalOverview.style.border = '0px solid #000000'; overviewElement.appendChild(internalOverview); var internalMap = document.createElement("img"); internalMap.src = s3+'Elements/Overview/east-end-overview3.jpg?d='+Math.random(); internalMap.style.position = 'absolute'; internalMap.style.left = 0; internalMap.style.top = 0; internalOverview.appendChild(internalMap); overviewElement.map = internalMap; overviewElement.int = internalOverview; var box = document.createElement("div"); box.style.position = 'absolute'; box.style.left = 0; box.style.top =0 ; box.style.width = 10; box.style.height = 10; box.style.border = '1px solid #000000'; box.style.backgroundColor = '#cccccc'; Util.setTrans(box,50); internalOverview.appendChild(box); overviewElement.box = box; Util.stack['LEFTPANEL0'].appendChild(overviewElement); Util.stack['ov'] = overviewElement; var navPane = document.createElement("div"); navPane.style.position = 'absolute'; navPane.style.left = 7; navPane.style.top = 4; navPane.style.width = 150; navPane.style.height = 112; navPane.style.zIndex = 999999; navPane.style.backgroundColor = '#000000'; Util.setTrans(navPane,5); Util.stack['navpane'] = navPane; overviewElement.appendChild(navPane); navPane.style.cursor = 'pointer'; navPane.box = box; navPane.onmouseup = function(e) { var map = this.parentNode.map; var curLeft = Math.abs(parseInt(map.style.left)); var curTop = Math.abs(parseInt(map.style.top)); var x = e.clientX - Util.findPosX(this); var y = e.clientY - Util.findPosY(this); var ratioX = 480 / Zoom.limiters[Zoom.level].x2; var ratioY = 328 / Zoom.limiters[Zoom.level].y2; x = (curLeft + x) / ratioX; y = (curTop + y) / ratioY; Util.slide(x,y); } }, /*** * Process the position of the currently viewable map in the upper left corner (overview map) * This is an event function which is called by the MouseMove management function */ processPosition : function( override ) { if ( EventObject_MouseHandler.mouseDown || override) { var overviewCore = Util.stack['ov']; var internal = overviewCore.int; var ovMap = overviewCore.map; var box = overviewCore.box; if ( ovMap ) { var ratioX = 480 / Zoom.limiters[Zoom.level].x2; var ratioY = 328 / Zoom.limiters[Zoom.level].y2; var currentCentreMapX = Math.abs(parseInt(Util.stack.map.style.left)) + (parseInt( Layers.coreElement.style.width )/2); var currentCentreMapY = Math.abs(parseInt(Util.stack.map.style.top)) + (parseInt( Layers.coreElement.style.height )/2); var newCentreX = (currentCentreMapX * ratioX)-(154/2); var newCentreY = (currentCentreMapY * ratioY)-(114/2); ovMap.style.left = 0-newCentreX; ovMap.style.top = 0-newCentreY; var boxWidth = parseInt( Layers.coreElement.style.width ) * ratioX; var boxHeight = parseInt( Layers.coreElement.style.height ) * ratioY; box.style.left = (154/2) - (boxWidth/2); box.style.top = (114/2) - (boxHeight/2); box.style.width = boxWidth; box.style.height = boxHeight; } } } } /* JSON_Element_Overview.run(); JSON_Element_Overview.processPosition(true); Util.stack['overview'] = JSON_Element_Overview; */ // +-------------------------------------------------------------------------------------+ // | LondonTown.com HotelMap - Version 2.0 | // | Copyright (C) 2008, All Rights Reserved, Globalvision Media | // +-------------------------------------------------------------------------------------+ // | File: JSON_Element_Zoom.php | // | Vers: $Id: JSON_Element_Zoom.php,v 1.24 2010/05/04 13:11:36 james Exp $ | // | Auth: James Holden (james_holden@londonmarketing.com) | // | Last: $Auth: $ | // | Desc: Creates the top left ZOOM slider bar on the map. // +-------------------------------------------------------------------------------------+ // This is now slightly modified to fit as an "object" that slots into LEFTPANEL which is // created in Layers. var JSON_Element_Zoom = { slider_height : 60, slider_left : 185, slider_ratio : 0, slider_top : 0, /**** * addZoomLevelElement * @desc add the zoom level middle for scale etc */ addZoomLevelElement : function() { var zoomElement = Util.addElement("zoomElEnclosure", "div", "", 28, 70, 160, 25, "", true, {'zIndex':'70','cursor':'pointer','backgroundImage':'url('+s3+'Elements/Zoom/zoom_scroll.png)'}); Util.stack['ZOOMD']=zoomElement; zoomElement.onmousedown = function(e) { e = (e) ? e : window.event; if (e) { var y = e.clientY; y = y - (parseInt(Util.stack['SPLIT'].style.top) + 28); y = parseInt(this.style.height) - y; y = Math.round( y / JSON_Element_Zoom.slider_ratio ) ; if ( y >= 8 ) y = 7; if ( y > Zoom.level ) { Zoom.zoomIn(y); } else { Zoom.zoomOut(y); } Util.stack.slider.style.top = JSON_Element_Zoom.slider_height-(Zoom.level * JSON_Element_Zoom.slider_ratio); } } Util.stack['LEFTPANEL0'].appendChild( zoomElement ); return zoomElement; }, /***** * addZoomBottom * @desc Adds the zoom out icon (top left) */ addZoomBottom : function() { var zoomElementBottom = Util.addElement("zoomElBottom","div","", 28,29,160,95,"",true,{'cursor':'pointer', 'zIndex':'70','backgroundImage':'url('+s3+'Elements/Zoom/zoom_minus.png)'}); zoomElementBottom.onmousedown = function() { featureWatcher.zoomingUsed = 1; if ( Zoom.level > 0 && !Zoom.zoom_active ) { Zoom.zoomOut(); Util.stack.slider.style.top = JSON_Element_Zoom.slider_height-(Zoom.level * JSON_Element_Zoom.slider_ratio); } } Util.stack['LEFTPANEL0'].appendChild( zoomElementBottom ); Util.stack['ZOOMC']=zoomElementBottom; Util.kill(zoomElementBottom); }, addZoomTop : function() { var zoomElementTop = Util.addElement("zoomElTop","div","",28,25, 160,0, "", true, {'cursor':'pointer','backgroundImage':'url('+s3+'Elements/Zoom/zoom_plus.png)'}); zoomElementTop.onmousedown = function() { featureWatcher.zoomingUsed = 1; if ( Zoom.level < Zoom.limiters.length-1 && !Zoom.zoom_active ) { Zoom.zoomIn(); Util.stack.slider.style.top = JSON_Element_Zoom.slider_height-(Zoom.level * JSON_Element_Zoom.slider_ratio); } } Util.stack['LEFTPANEL0'].appendChild( zoomElementTop ); Util.stack['ZOOMB']=zoomElementTop; Util.kill(zoomElementTop); }, addSliderElement : function(zoomElement) { var slider = Util.addElement("sliderEl", "div", "", 18,10,3,(JSON_Element_Zoom.slider_height-(Zoom.level * JSON_Element_Zoom.slider_ratio)),"",true,{'backgroundRepeat':'no-repeat','backgroundImage':'url('+s3+'Elements/Zoom/zoom_slider.gif)'}); Util.stack['ZOOMA']=slider; zoomElement.appendChild( slider ); Util.stack['slider'] = slider; Util.kill(slider,top); }, run : function() { JSON_Element_Zoom.slider_ratio = JSON_Element_Zoom.slider_height / (Zoom.limiters.length-1); var zoomElement = JSON_Element_Zoom.addZoomLevelElement(); JSON_Element_Zoom.addSliderElement( zoomElement ) ; JSON_Element_Zoom.addZoomBottom(); JSON_Element_Zoom.addZoomTop(); Util.kill(zoomElement); } } /* JSON_Element_Zoom.run(); Util.stack['zoomer'] =JSON_Element_Zoom; */ // +-------------------------------------------------------------------------------------+ // | LondonTown.com HotelMap - Version 2.0 | // | Copyright (C) 2008, All Rights Reserved, Globalvision Media | // +-------------------------------------------------------------------------------------+ // | File: Resizer.Main.js.php | // | Vers: $Id: Resizer.Main.js.php,v 1.26 2010/08/06 13:47:43 james Exp $ | // | Auth: James Holden (james_holden@londonmarketing.com) | // | Last: $Auth: $ | // | Desc: Handles the resizing of the various elements if the browser shape is changed. | // +-------------------------------------------------------------------------------------+ var resizing = {} ; resizing.handler = { run : function() { // Dimensions please. var dimensions = Util.getDimensions() ; // Move the Call Centre Left Item try { Util.stack['call_centre'].style.top = dimensions[1] - 40; } catch ( callCentreMoveException ){} // Lets adjust the right hand panel. try { if ( Util.stack['searchbox'] ) { Util.stack['searchbox'].style.top = (dimensions[1]/2) - (parseInt(Util.stack['searchbox'].style.height)/2); Util.stack['searchbox'].style.left = (dimensions[0]/2) - (670/2); } } catch ( exceptionCal ){ } if ( Util.stack['core_base'] ) { Util.stack['core_base'].style.left = dimensions[0] - 234; // Auto Adjust for width changes to the pabel var currentHeight = parseInt( Util.stack['core_base'].style.height ) ; Util.stack['core_base'].style.height = dimensions[1] - 83; // Auto adjust for the height changes var newHeight = parseInt( Util.stack['core_base'].style.height ); // Difference is used to determine how much to add or take off the right hander panels. var difference = newHeight - currentHeight; Util.stack.hotel_tab.style.height = parseInt( Util.stack.hotel_tab.style.height ) + difference; Util.stack.fav_tab.style.height = parseInt( Util.stack.fav_tab.style.height ) + difference; Util.stack.scroll_lot.style.height = parseInt(Util.stack.hotel_tab.style.height)-14; if ( Util.stack['popout'] ) { try{ Util.stack['popout'].parentNode.removeChild(Util.stack['popout']); Util.stack['popout'] = null; } catch (e1){} } } if ( Util.stack['dMessage']) { Util.stack['dMessage'].style.top = dimensions[1]-31; Util.stack['dMessage'].d1.style.top = dimensions[1]-30; } try { //Print Map Resize var centralX = ( dimensions[0] / 2 ) - (Util.stack['print_core'].sysWidth / 2); var centralY = ( dimensions[1] / 2 ) - (Util.stack['print_core'].sysHeight / 2); Util.stack['print_core'].transPanel.style.left = centralX; Util.stack['print_core'].transPanel.style.top = centralY+25; Util.stack['print_core'].internalImage.style.left = (dimensions[0]/2) - (376/2) ; Util.stack['print_core'].internalImage.style.top = ( parseInt( Util.stack['print_core'].transPanel.style.top ) + Util.stack['print_core'].sysHeight ) - 200; } catch ( printMapMoverException ) { //alert("Some Shit Error: " + printMapMoverException.message); } // Top Heading Panel try { Util.stack.header_.style.width = dimensions[0]; } catch(Eol){} Layers.coreElement.style.width = dimensions[0]; Layers.coreElement.style.top = dimensions[1]; Util.stack.dat.style.width = dimensions[0]; Util.stack.dat.style.height = dimensions[1]; Util.stack.black.style.top = 0; Util.stack.black.style.left = 0; Util.stack.black.style.width = dimensions[0]; Util.stack.black.style.height = dimensions[1]; try { Util.stack.loadingimageroot.style.top = dimensions[1]-50;} catch(Eok){} try { //Util.stack['feedback_button'].style.left = dimensions[0] - 240; Util.stack['TorchAMap'].style.left = dimensions[0] - 107; //Util.stack['email_icon'].style.left = dimensions[0] - 174; Util.stack['show_panel_icon'].style.left = dimensions[0] - 18; Util.stack['show_panel_icon_alter'].style.left = dimensions[0] - 107; //Util.stack['aboutMap'].style.left = dimensions[0] - 307; Util.stack['printMapIcon'].style.left = dimensions[0] - 175; Util.stack['printMapIcon'].waitImage.style.left = dimensions[0] - 175; Util.stack['curicon'].style.left = dimensions[0] - 238; Util.stack['curicon'].waitImage.style.left = dimensions[0] - 238; } catch(e1){ //alert("Exception in top level movement: " + e1.message); } try { Layers.coreElement.style.width = dimensions[0]; Layers.coreElement.style.height = dimensions[1]; } catch(e2){} try { Util.stack.blacknote.style.width = dimensions[0]; Util.stack.blacknote.style.top = (dimensions[1] / 2 ) - 80; } catch(e3){} if ( Util.stack['noticeie'] ) { Util.stack.noticeie.style.left = (dimensions[0]/2) - (376/2) ; Util.stack.noticeie.style.top = dimensions[1] - 69; } loadImages.process(); loadImages.doImages(); EventObject_MouseHandler.System_Data_Poll(); if ( Util.stack['photo_montage_backing'] ) { try { Util.stack['waitGallery'].parentNode.removeChild(Util.stack['waitGallery']); } catch ( e1 ) {} try { Util.stack['photo_montage_back'].parentNode.removeChild(Util.stack['photo_montage_back']); } catch ( e2 ) {} try { Util.stack['photo_montage_back1'].parentNode.removeChild(Util.stack['photo_montage_back1']); } catch ( e3 ) {} try { Util.stack['photo_montage_nav'].parentNode.removeChild(Util.stack['photo_montage_nav']); } catch ( e4 ) {} try { Util.stack['photo_montage_backing'].parentNode.removeChild(Util.stack['photo_montage_backing']); } catch ( e5 ) {} try { Util.stack['photo_montage_mouse'].parentNode.removeChild(Util.stack['photo_montage_mouse']); } catch ( e6 ){} try { Util.stack['photo_montage_nav1'].parentNode.removeChild(Util.stack['photo_montage_nav1']); } catch ( e6 ){} try { Util.stack['pintroImage'].parentNode.removeChild(Util.stack['pintroImage']); } catch ( e6 ){} Util.stack['photo_montage_backing']=null; Layers.switchBlack(false); Util.stack['TorchAMap'].ranger(); } try { Util.stack['limages'].style.left = dimensions[0]-460; } catch (ehuj){} } } // +-------------------------------------------------------------------------------------+ // | LondonTown.com HotelMap - Version 2.0 | // | Copyright (C) 2008, All Rights Reserved, Globalvision Media | // +-------------------------------------------------------------------------------------+ // | File: Dates.js | // | Vers: $Id: Dates.js,v 1.17 2010/05/04 13:11:37 james Exp $ | // | Auth: James Holden (james_holden@londonmarketing.com) | // | Last: $Auth: $ | // | Desc: Processes date based information for use within the hotelsearch system | // +-------------------------------------------------------------------------------------+ var DataSets = { // Holder for month conversions from int to string Months : Array("", "January","February","March","April","May","June","July","August","September","October","November","December"), /** * getEnding * @param day int * @return char2 - day ending * @desc Obtains the correct ending to a day */ getEnding : function( day ) { day = parseInt(day); var ending = 'th'; if ( day <= 3 || day == 21 || day == 22 || day == 23 || day == 31) { switch (day) { case 1: ending = 'st'; break; case 2: ending = 'nd'; break; case 3: ending = 'rd'; break; case 21: ending = 'st'; break; case 22: ending = 'nd'; break; case 23: ending = 'rd'; break; case 31: ending = 'st'; break; } } return ending; }, /** * populate * @param name string * @param value string * @desc populate commerce_dates with a value */ populate : function( name, value ) { commerce_dates[name]=value; }, /** * populateHotelPanel * @desc Populate the system view with the correct data informaiton */ populateHotelPanel : function() { var date_arrival = Util.stack['DATE_VIEW']; var date_nights = Util.stack['DATE_NIGHTS']; var date_rooms = Util.stack['DATE_ROOMS']; var date_adults = Util.stack['DATE_ADULTS']; var date_children = Util.stack['DATE_CHILDREN']; var date_string = commerce_dates['ARRIVAL_MONTH_YEAR']; date_string = date_string.split("-"); date_arrival.innerHTML = commerce_dates['ARRIVAL_DAY']+""+DataSets.getEnding(commerce_dates['ARRIVAL_DAY'])+" "+DataSets.Months[date_string[0]]+" "+date_string[1]; Util.stack['DATE_NIGHTS'].innerHTML = commerce_dates['NUM_NIGHTS']; Util.stack['DATE_ROOMS'].innerHTML = commerce_dates['NUM_ROOMS']; Util.stack['DATE_ADULTS'].innerHTML = commerce_dates['NUM_ADULTS']; Util.stack['DATE_CHILDREN'].innerHTML = commerce_dates['NUM_CHILDREN']; }, /** * get * @param id string * @return string - value of commerce_dates */ get : function(id) { return commerce_dates[id]; } }; // We will auto fill the commerce_dates variable with the correct information DataSets.populate("ARRIVAL_DAY", "11") ; DataSets.populate("ARRIVAL_MONTH_YEAR", "9-2010") ; DataSets.populate("NUM_NIGHTS", "1") ; DataSets.populate("NUM_ROOMS", "1") ; DataSets.populate("NUM_ADULTS", "2") ; DataSets.populate("NUM_CHILDREN", "0") ; // Dates END - jh function JSON_Commerce_HotelFeed() {var data=[];var commerceStack=null;var myHotelPanel=null;this.run=function(json) {try{prometric.viewedRates=true;}catch(e){} data=json;commerceStack=Util.stack.commerce;myHotelPanel=Util.stack.hotel_tab;var hotel_base=document.createElement("div");hotel_base.style.position='absolute';var hotel_icon_on_map=document.createElement("img");hotel_icon_on_map.style.position='absolute';hotel_icon_on_map.style.zIndex=1;if(data.length>0) {var hotelsInMe=new Array();for(var i=0,dh;dh=data[i];i++) {var active=true;if(invalids&&invalids.length>0) {for(var t=0;t
however you will pay the hotel directly in British Pounds (£)'} else {Currency.date_cal.style.display='none';}} catch(e){console.log("Errror: "+e.message);} try {if(currency!='GBP'&&Currency.rates[currency]) {Currency.enabled=true;Currency.currency_selected=currency;Currency.manageCurrency(false);} else {Currency.enabled=false;Currency.currency_selected=currency;Currency.manageCurrency(true);}} catch(currencyChangeException) {}},isCurrencyEnabled:function(){return Currency.enabled;}};