/*------------------------------------
   Home Scroller
------------------------------------*/
$('#homeScrollable').scrollable({circular:true, speed:500}).navigator();

if ($("#homeScrollable .items").children().length <= 3) {
	
	$('#homeScrollableContainer .next1').css('display', 'none');
	$('#homeScrollableContainer .prev1').css('display', 'none');
    
};

$('#homeScrollableContainer .next1, #homeScrollableContainer .prev1, #homeScrollableContainer .navi a').click(function(){										
	
	$('#homeScrollableContainer #homeScrollable .items .item span').fadeOut(250).delay(500).fadeIn(250);
	setTimeout(function(){ $('#homeScrollableContainer #textContainer').slideToggle(250).delay(500).slideToggle(250); }, 250);
	
});


var api = $('#homeScrollable').data('scrollable');

$('#homeScrollableContainer .next1').click(function(){										
	
	setTimeout(function(){ api.next(500); }, 500);
	
});

$('#homeScrollableContainer .prev1').click(function(){										
	
	setTimeout(function(){ api.prev(500); }, 500);
	
});


/*------------------------------------
   Room Information
------------------------------------*/
$('#room1').addClass('active');

$('#roomcontainer #room1, #roomcontainer #room2, #roomcontainer #room3, #roomcontainer #room4').mouseover(function() {
	
	$(this).addClass('active').css({"z-index": "100"});
	
	$(this).siblings().removeClass('active').css({"z-index": "0"});
	
	var divID = $(this).attr('id');

	$(this).siblings('.roomImage').css('display', 'none');
	
	$('.'+divID).css('display', 'block').css({"z-index": "100"});
	
});

/*------------------------------------
   Room Scroller
------------------------------------*/
$('#roomscrollable').scrollable({circular:true});

if ($("#roomscrollable #items").children().length <= 3) {
	
	$('#roominformation a.next').css('display', 'none');
	$('#roominformation a.prev').css('display', 'none');
    
};

/*------------------------------------
   Gallery Scroller
------------------------------------*/
$('#galleryScrollable').scrollable({circular:true, speed:500}).navigator();


//follow

$('#follow span').toggle(
   function()
   {
      $('#follow').animate({top: "+=35"});
   },
   function()
   {
      $('#follow').animate({top: "-=35"});
   });

// room masonry

$('article#roominformation #detail').masonry({
  itemSelector: '.roomfeature'
//  columnWidth: 166
});


$(document).ready(function(){
	$("a[rel^='prettyPhoto']").prettyPhoto({
		animation_speed: 'fast',
		show_title: false,
		allow_resize: false,
		theme: 'light_square',
		deeplinking: true,
		overlay_gallery: false,
		keyboard_shortcuts: true,
		ie6_fallback: false,
		markup: '<div class="pp_pic_holder"> \
					<div class="ppt">&nbsp;</div> \
					<div class="pp_top"> \
						<div class="pp_left"></div> \
						<div class="pp_middle"></div> \
						<div class="pp_right"></div> \
					</div> \
					<div class="pp_content_container"> \
						<div class="pp_left"> \
						<div class="pp_right"> \
							<div class="pp_content"> \
								<div class="pp_loaderIcon"></div> \
								<div class="pp_fade"> \
									<a href="#" class="pp_expand" title="Expand the image">Expand</a> \
									<div class="pp_hoverContainer"> \
										<a class="pp_next" href="#">next</a> \
										<a class="pp_previous" href="#">previous</a> \
									</div> \
									<div id="pp_full_res"></div> \
									<div class="pp_details"> \
										<div class="pp_nav"> \
											<a href="#" class="pp_arrow_previous">Previous</a> \
											<p class="currentTextHolder">0/0</p> \
											<a href="#" class="pp_arrow_next">Next</a> \
										</div> \
										<p class="pp_description"></p> \
										<a class="pp_close" href="#">Close</a> \
									</div> \
								</div> \
							</div> \
						</div> \
						</div> \
					</div> \
					<div class="pp_bottom"> \
						<div class="pp_left"></div> \
						<div class="pp_middle"></div> \
						<div class="pp_right"></div> \
					</div> \
				</div> \
				<div class="pp_overlay"></div>'
	});
});