Masterplan | Sugar Beach Villas

Discover Sugar Beach Villas

The Great Room
Bayside
The Cane Bar &
Late Night Bar
Beach Bar

Hotel Reception
Sugar Mill Suites
Tree Houses
Kid's Club

3 Bed
4 Bed
5 Bed
Glenconner Beach

Spa Entrance
Spa Cabanas
Tennis Courts
Watersports Centre
Swimming Pool

Main Beach
Glenconner Beach
Main Jetty
Second Jetty
Watersports Centre
Swimming Pool

Viewpoint 1
Viewpoint 2
Viewpoint 3
Viewpoint 4
Viewpoint 5

+
-
AVAILABLE
CLOSE MINI MAP

X

THE GREAT ROOM

Candle-lit dining
Award winning chefs

X

BAYSIDE

Casual dining
Delicious food available all day

X

THE CANE BAR & LATE NIGHT BAR

Cocktail bar
Sushi and bar snacks

X

BEACH BAR

Relaxed beach front bar
Cocktail bar

X

SWIMMING POOL

X

SPA ENTRANCE

Tranquil rainforest setting
Hand crafted walkways

X

SPA CABANAS

Traditional techniques
From massage to pilates

X

WATERSPORTS

Scuba diving, water skiing
Sailing and yacht charter

X

TENNIS COURTS

Private hire
Secluded location

X

MAIN BEACH

Extensive white sand beaches
Safe swimming

X

GLENCONNER BEACH

Extensive white sand beaches
Safe swimming

X

MAIN JETTY

X

SECOND JETTY

X

HOTEL RECEPTION

X

KIDS CLUB

X

SUGAR MILL SUITES

X

TREE HOUSES

X

THE VILLAS

Uninterupted views
Beautiful design and craftsmanship

X

X

X

X

X

var indenttop = 150; var indentleft = 370; var toplimit = -1139; var leftlimit = -1229; var zoomedin = false; // ---- hide / bits -------- $('#minimapcontainer').animate({top:'-=206px'},1).addClass('hidden'); $('#mapopts .dropdown').hide(); function showContent(){ setTimeout(function(){ $('#mapoverlay').fadeOut(500); },1500); } mapResize(); $(window).resize(function() { mapResize(); }); function mapResize() { var pos = ((($(window).width() - 1000)/ 2)); var width = $(window).width(); if (pos < 0){pos=0;} $('#uimove').css({'left': pos}); $('#uicontainer').css({'width': width}); } // ----- scroll to -------- function movemap(toppx,leftpx){ var calctoppx = (toppx * -1) + indenttop; var calcleftpx = (leftpx * -1) + indentleft; var calcminitoppx = (toppx-indenttop)/8.7539; var calcminileftpx = (leftpx-indentleft)/8.7539; if(calcleftpx <= (leftlimit)){ // right limit calcleftpx = (leftlimit); calcminileftpx = (leftlimit/8.7539) * -1; } if(calctoppx <= (toplimit)){ // top limit calctoppx = (toplimit); calcminitoppx = (toplimit/8.7539) * -1; } if(calcleftpx >= 0){ calcleftpx = 0; calcminileftpx = 0; } if(calctoppx >= 0){ calctoppx = 0; calcminitoppx = 0; } $('#maplayer').animate({top:calctoppx,left:calcleftpx},500); $('#mapbox').animate({top : calcminitoppx, left : calcminileftpx},500); } $(function() { if ($.browser.msie && $.browser.version.substring(0,1) === '6'){}else{ $("#content").find('img').batchImageLoad({ loadingCompleteCallback: showContent //,imageLoadedCallback: imageLoaded }); } // ---------- popup / locations interactions -------- $('#mapinfo .close').live('click',function(){ $('#mapinfo').slideUp('300'); }); $('#maplayer .loc').click(function(e){ var thisid = $(this).attr('id'); var leftadj = 300; var topadj = 10; var x = e.pageX - this.offsetLeft; var y = e.pageY - this.offsetTop; $('#maplayer .loc').removeClass('on').children('.layer').hide(); var thisclass = '.' + $(this).attr('class').replace(' loc',''); if (thisid == ''){ thisid = thisclass.replace('.','') } $('#maplayer '+thisclass).addClass('on').children('.layer').fadeIn(500); $('#mapnav .snav').addClass('navoff'); $('#snav-'+$(this).attr('rel')).removeClass('navoff'); $('#mapnav .pnav li.on, #mapnav .snav li.on').removeClass('on'); $('#nav-'+$(this).attr('rel')).parent().addClass('on'); $('#mapnav .snav li.on').removeClass('on'); $('.nav-'+thisid).parent().addClass('on'); if(thisid=='beach2'){ leftadj = 120; topadj=60} if(thisid=='glenconner-beach-sub'){ leftadj = 170; topadj = 155;} if(thisid=='vp1' || thisid=='vp2' || thisid=='vp5'){ leftadj = 323;} if(thisid=='vp3'){ topadj = -80;} $('#mapinfo').hide().empty().html($('#'+ thisid + '-pop').html()).css({top:($('#maplayer #'+thisid).css('top').replace("px", "") * 1)+topadj,left: ($('#maplayer #'+thisid).css('left').replace("px", "") * 1)-leftadj}).slideDown(300); }); $('#maplayer2 .loc').click(function(e){ var tmpid = $(this).attr('href'); if(tmpid.indexOf('#')){tmpid = tmpid.substr(tmpid.indexOf('#'),tmpid.length);} var thisid = tmpid; var thisclass = thisid.replace('#','.'); $('#maplayer .loc').removeClass('on').children('.layer').hide(); $('#mapopts .zoomin').trigger('click'); var timeout1 = 1000; var timeout2 = 1400; setTimeout(function(){ $('#maplayer '+thisclass).addClass('on').children('.layer').fadeIn(500); },timeout1); var toppx = $(thisid).css('top').replace("px", "") * 1; var leftpx = $(thisid).css('left').replace("px", "") * 1; if(thisid=='#type-c-2-sub'){ indenttop = 400;}else{indenttop = 250;} if(thisid=='#type-c-1-sub'){ indenttop = 200;}else{indenttop = 250;} if(thisid=='#glenconner-beach-sub'){ leftpx = 310; toppx = 200;} $('#mapinfo').hide().empty().html( $(thisid + '-pop').html() ).css({top:(toppx + 10), left:(leftpx - 300)}); setTimeout(function(){ $('#mapinfo').slideDown(300); },timeout2); movemap(toppx, leftpx); e.preventDefault(); return false; }); // ----------- nav controls ------------ $('#mapnav .pnav > li > a').each(function(i){ $(this).click(function(e){ var item = $(this).attr("id"); $('#mapnav .snav').addClass('navoff'); $('#s'+item).removeClass('navoff'); $('#maplayer .loc').removeClass('on').children('.layer').hide(); $('#maplayer2 .loc').removeClass('on').children('.layer').hide(); $('#mapinfo').hide() $('#mapnav .pnav li.on, #mapnav .snav li.on').removeClass('on'); $(this).parent().addClass('on').blur(); if(zoomedin==true){ $('#mapopts .zoomout').trigger('click'); } }) }); $('#mapnav .snav > li > a, #nav-villas').click(function(e){ $('#mapnav .snav li.on').removeClass('on'); $(this).parent().addClass('on').blur(); $('#maplayer .loc').removeClass('on').children('.layer').hide(); $('#maplayer2 .loc').removeClass('on').children('.layer').hide(); var locclass = $(this).attr('class').replace('nav-',''); var loc = $('#' + locclass); var alts = $('.' + locclass + '-alt'); loc.addClass('on'); alts.addClass('on'); if(loc.hasClass('zoomout')){ var tmploc = $(this).attr('href'); if(tmploc.indexOf('#')){tmploc = tmploc.substr(tmploc.indexOf('#'),tmploc.length);} var loc = $(tmploc); loc.addClass('on'); var timeout1 = 1; if(zoomedin==true){ $('#mapopts .zoomout').trigger('click'); timeout1 = 500; } setTimeout(function(){ loc.children('.layer').fadeIn(500); alts.children('.layer').fadeIn(500); },timeout1); } var timeout1 = 500; var timeout2 = 900; if(zoomedin!=true){ if(loc.hasClass('zoomout')){}else{ $('#mapopts .zoomin').trigger('click'); timeout1 = 1000; timeout2 = 1400; } } setTimeout(function(){ loc.children('.layer').fadeIn(500); },timeout1); var topadj = 0; var leftadj = 0; var toppx = loc.css('top').replace("px", "") * 1; var leftpx = loc.css('left').replace("px", "") * 1; if(locclass=='tennis'){ indenttop = 380; topadj = -170; }else{indenttop = 150;} //exceptions if(locclass=='beach2'){ leftpx = 370; toppx = 50;} if(locclass=='vp1' || locclass=='vp2' || locclass=='vp5'){ leftadj = -30;} if(locclass=='vp3'){ topadj = -80;} $('#mapinfo').hide().empty().html( $('#' + locclass + '-pop').html() ).css({top:(toppx + 10 + topadj), left:(leftadj + leftpx - 300)}); setTimeout(function(){ $('#mapinfo').slideDown(300); },timeout2); movemap(toppx, leftpx); e.preventDefault(); return false; }); //---- zoom controls ------------- $('#mapopts .zoomin').click(function(){ zoomedin = true; $('#mapbox').fadeIn(500); $('#maplayer2').fadeOut(500); var container = $('#minimapcontainer'); $('#mapopts .dropdown').show(); if(container.hasClass('hidden')){ container.animate({top:'+=206px'}, 500).removeClass('hidden'); $('#mapopts .dropdown').html('CLOSE MINI MAP'); } }); $('#mapopts .zoomout').click(function(){ zoomedin = false; $('#mapbox').fadeOut(500); $('#maplayer2').fadeIn(300); var container = $('#minimapcontainer'); $('#mapopts .dropdown').hide(); if(container.hasClass('hidden')){}else{ container.animate({top:'-=206px'}, 500).addClass('hidden'); $('#mapopts .dropdown').html('OPEN MINI MAP'); } }); $('#mapopts .dropdown').click(function(){ var container = $('#minimapcontainer'); if(container.hasClass('hidden')){ container.animate({top:'+=206px'}, 300).removeClass('hidden'); $(this).html('CLOSE MINI MAP'); }else{ container.animate({top:'-=206px'}, 300).addClass('hidden'); $(this).html('OPEN MINI MAP'); } }); //---------------- map movement ------------ $( "#mapbox" ).draggable({ containment: 'parent', drag: function(event, ui) { var x = ui.position.left * -8.7539; var y = ui.position.top * -8.7539; $('#maplayer').css('top', y); $('#maplayer').css('left', x); } }).touch({ animate: false, sticky: false, dragx: true, dragy: true, rotate: false, resort: true, scale: false }); $( "#maplayer" ).draggable({ limit: {top: 0, left: 0, bottom: 0, right: 0}, drag: function(event, ui) { var x = ui.position.left / -8.7539; var y = ui.position.top / -8.7539; if(ui.position.left >= 0){ // left limit ui.position.left = 0; }else{ if(ui.position.left <= -1229){ // right limit ui.position.left = -1229; }else{ $('#mapbox').css('left', x); } } if(ui.position.top >= 0){ //top limit ui.position.top = 0; }else{ if(ui.position.top <= -1139){ //bottom limit ui.position.top = -1139; }else{ $('#mapbox').css('top', y); } } } }).touch({ animate: false, sticky: false, dragx: true, dragy: true, rotate: false, resort: true, scale: false }); }); $(function() {cycleOK = true; picno = 1; imageList = []; onpage ="masterplan"; imageList[0] = 'page_bgs/fill2.jpg';captionList[0] = ''; if (cycleStarted != true){ setTimeout("cycleImages()", 8000); cycleStarted = true;} }); $(function() {cycleOK = true; picno = 1; imageList = []; onpage ="masterplan"; imageList[0] = 'page_bgs/fill2.jpg';captionList[0] = ''; if (cycleStarted != true){ setTimeout("cycleImages()", 8000); cycleStarted = true;} });