// JavaScript Document
$(function(){

//  Booking 
$(".hotelbtn").click(function () {
	$('h4.booktitle').text('Book Your Hotel');
	$(".bookingflights").hide("slow");
	$(".bookinghotelflight").hide("slow");
	$(".lastminutedeals").hide("slow");
	$(".bookinghotels").show("slow");
});
$(".flightbtn").click(function () {
	$('h4.booktitle').text('Search for Flights');
	$(".bookinghotels").hide("slow");
	$(".bookinghotelflight").hide("slow");
	$(".lastminutedeals").hide("slow");
	$(".bookingflights").show("slow");
});
$(".hotflibtn").click(function () {
	$('h4.booktitle').text('Search for Flights + Hotels');
	$(".bookinghotels").hide("slow");
	$(".bookingflights").hide("slow");
	$(".lastminutedeals").hide("slow");
	$(".bookinghotelflight").show("slow");
});
$(".lastbtn").click(function () {
	$('h4.booktitle').text('Find a Last-Minute Deal');
	$(".bookinghotels").hide("slow");
	$(".bookingflights").hide("slow");
	$(".bookinghotelflight").hide("slow");
	$(".lastminutedeals").show("slow");
});

	$(".hovertag_l").click(function(){
		location.href = $(this).find("a").attr("href");return false;
	});
	$(".hovertag_l").hover(function(){
		$('a', this).css('color', '#FFF');
		$('a', this).css('text-shadow', 'none');
	}, function() {
		$('a', this).css('color', '#58595B');
		$('a', this).css('text-shadow', '0px 1px 0px #FFF');
	})

// open sidebars
	$(".more1").click(function(){
		$(".side1").show("fast");
		$(".more1").hide("fast");
	});
	$(".more1").hover(function(){
		$('a', this).css('color', '#FFF');
	}, function() {
		$('a', this).css('color', '#58595B');
	})
	$(".more2").click(function(){
		$(".side2").show("fast");
		$(".more2").hide("fast");
	});
	$(".more2").hover(function(){
		$('a', this).css('color', '#FFF');
	}, function() {
		$('a', this).css('color', '#58595B');
	})


// Wide central slider
		  jQuery('#mycarousel').jcarousel({
			  scroll: 4,
			  wrap: 'circular'
		  });
		  
function mycarousel_initCallback(carousel) {
	
	
    jQuery('.jcarousel-control a').bind('click', function() {
        carousel.scroll(jQuery.jcarousel.intval(jQuery(this).text()));
        return false;
    });

    jQuery('.jcarousel-scroll select').bind('change', function() {
        carousel.options.scroll = jQuery.jcarousel.intval(this.options[this.selectedIndex].value);
        return false;
    });

    jQuery('#mycarousel-next').bind('click', function() {
        carousel.next();
        return false;
    });
				
				
    jQuery('#mycarousel-prev').bind('click', function() {
        carousel.prev();
        return false;
    });
};


	
	
	
});