$(document).ready(function() {
    $('#searchtabs').click(function(e) {
        e.preventDefault();
        var target = $(e.target);
        var parent = target.parent().attr("id");
        switch (parent) {
            case "hotel-tab":
                $('#hotel-tab')
                    .removeClass("off")
                    .html('<div class="text">London Hotel Search</div>');
                $('#apt-tab')
                    .addClass("off")
                    .html('<a href="#">London Apartment Search</a>');
                $('#hotel-search1').show();
                $('#apt-search').hide();
                break;
            case "apt-tab":
                $('#apt-tab')
                    .removeClass("off")
                    .html('<div class="text">London Apartment Search</div>');
                $('#hotel-tab')
                    .addClass("off")
                    .html('<a href="#">London Hotel Search</a>');
                $('#apt-search').show();
                $('#hotel-search1').hide();
                break;
        }
    });
//	$("#searchbox").append('<img src="/gfx/fancybox/fancy_close.png" alt="Close Search Box" id="close-search" />');
	$("#search-refine, #close-search").click(function(){

		if($(this).attr('class') === 'open'){

			$("#search-refine,#close-search").removeAttr('class');
			$("#search-refine").html('change your search');

		} else {

			$("#search-refine,#close-search").attr('class', 'open');
			$("#search-refine").html('close search');

		}

		$("#searchbox").toggle();

	});

	if($("a.fancybox").length > 0){
		function formatTitle(title, currentArray, currentIndex, currentOpts) {
		    return '<span id="fancybox-title-wrap"><span class="fancybox-title-left"></span><span class="fancybox-title-main">'+title+'</span><span class="fancybox-title-right"></span><span class="fancybox-title-left"></span><span class="fancybox-title-main">Image ' + (currentIndex + 1) + ' of ' + currentArray.length + '</span><span class="fancybox-title-right"></span></span>';
		}

		$("a.fancybox").click(function(){

			$.fancybox.showActivity();

			var hId = $(this).attr('id');
			$.getJSON("/ajax/hotel_photos.php?hotelId="+hId,
				function(msg){
					images = msg.HotelImages;
					$.fancybox(
						images,
						{
							'transitionIn'	: 'elastic',
							'transitionOut'	: 'elastic',
							'easingIn'      : 'easeOutBack',
							'easingOut'     : 'easeInBack',
							'type'			: 'image',
							'titlePosition'	: 'outside',
							'titleFormat'	: formatTitle
						}
					)
				}
			);

			return false;

		});
	}
});