// ---------------------------------------------------------- Main Menu -------------------------------------------------------------------------
     
	   $(function() {
				/**
				* for each menu element, on mouseenter, 
				* we enlarge the image, and show both sdt_active span and 
				* sdt_wrap span. If the element has a sub menu (sdt_box),
				* then we slide it - if the element is the last one in the menu
				* we slide it to the left, otherwise to the right
				*/
                $('#sdt_menu > li').bind('mouseenter',function(){
					var $elem = $(this);
					$elem.find('img')
						 .stop(true)
						 .animate({
							'width':'120px', // image size
							'height':'120px', // image size
							'left':'25px'
						 },400,'easeOutBack')
						 .andSelf()
						 .find('.sdt_wrap')
					     .stop(true)
						 .animate({'top':'100px'},400,'easeOutBack') // height of the bottom text
						 .andSelf()
						 .find('.sdt_active')
						 .css({"opacity" : "0.85",'border-bottom': '5px solid #f7941d'}) // opacity for dropdown background
						 //.css({"opacity" : "0.85",'border-bottom': '8px solid #2F2F2F'}) // opacity for dropdown background
					     .stop(true)
						 .animate({'height':'80px'},200,'easeOutBack',function(){ // bottom drop
						var $sub_menu = $elem.find('.sdt_box');
						if($sub_menu.length){
							var left = '160px';
							if($elem.parent().children().length == $elem.index()+1)
								left = '-160px';
							$sub_menu.show().animate({'left':left},200);
						}	
					});
				}).bind('mouseleave',function(){
					var $elem = $(this);
					var $sub_menu = $elem.find('.sdt_box');
					if($sub_menu.length)
						$sub_menu.hide().css('left','0px');
					
					$elem.find('.sdt_active')
					.css({"opacity" : "1",'border':'none'}) // opacity for dropdown background
						 .stop(true)
						 .animate({'height':'17px'},300)
						 .andSelf().find('img')
						 .stop(true)
						 .animate({
							'width':'0px',
							'height':'0px',
							'left':'85px'},400)
						 .andSelf()
						 .find('.sdt_wrap')
						 .stop(true)
						 .animate({'top':'25px'},500,'easeOutBack');
				});
            });

			
		


	// ---------------------------------------------------------- Right_menu2 -------------------------------------------------------------------------

	$(document).ready(function() {
        $(".right_menu2").hover(function(){
            $(this).stop(true,true).css({"opacity" : ".85"})
			.animate({
			'height':'74px',
			'width':'290px',
			'right': '+10px'
			},300,'easeOutBack')
		
        },function(){
            $(this).stop(true,true).css({"opacity" : "1"})
			.animate({
			'height':'70px',
			'width':'280px',
			'right': '0'
			},300,'easeOutBack');			
		});

		
		
		
		
		
		
        $("#register_package_page").hover(function(){
            $(this).stop().css({"opacity" : "0.80"})
			 .animate({
				'height':'65px' // image size
			 },200,'easeOutBack')	 

        },function(){
            $(this).stop().css({"opacity" : "1"})
			.animate({
				'height':'60px'
			},200,'easeOutBack');
		});
    });  
	
	
	





	/*
		
	$(document).ready(function() {
        $(".package_li").hover(function(){
			$('div.pkg_triggle_tooltips').css({"opacity" : "0.85"});
			$('div.pkg_triggle_tooltips',this).stop(true, true).show(150);
			
        },function(){
			$('div.pkg_triggle_tooltips',this).stop(true, true).hide(200);
		});
    });  
	*/
	

	
	

	/*
	
	$(document).ready(function() {
        $("#register_package_page").hover(function(){
            $(this).stop().css({"opacity" : "0.7"})
			 .animate({
				'height':'70px' // image size
			 },200,'easeOutBack')	 

        },function(){
            $(this).stop().css({"opacity" : "1"})
			.animate({
				'height':'60px'
			},200,'easeOutBack');
		});
    });  
	*/
	

	
	
	
	// ---------------------------------------------------------- POP UP HTML -------------------------------------------------------------------------
	
/************************************************************************************************************
* SIMPLE MODAL v 2.0
* ? 2009 FISHBOWL MEDIA LLC
* http://fishbowlmedia.com
***********************************************************************************************************/
	var stop_scroll = false ;
function scrolltop(){
    if(stop_scroll ==false){
        scroll(0,0) ;
    }
}
(function ($) {

	/**********************************
	* CUSTOMIZE THE DEFAULT SETTINGS
	* Ex: 
	* var _settings = {
	* 	id: 'modal',
	* 	src: function(sender){
	*		return jQuery(sender).attr('href');
	*	},
	* 	width: 800,
	* 	height: 600
	* }
	**********************************/
	var _settings = {
		width: 800, // Use this value if not set in CSS or HTML
		height: 600, // Use this value if not set in CSS or HTML
		overlayOpacity: .85, // Use this value if not set in CSS or HTML
		id: 'modal',
		src: function (sender) {
			return jQuery(sender).attr('href');
		},
		fadeInSpeed: 800,
		fadeOutSpeed: 800
	}

	/**********************************
	* DO NOT CUSTOMIZE BELOW THIS LINE
	**********************************/
	$.modal = function (options) {
		return _modal(this, options);
	}
	$.modal.open = function () {
		_modal.open();
	}
	$.modal.close = function () {
		_modal.close();
	}
	$.fn.modal = function (options) {
		return _modal(this, options);
	}
	_modal = function (sender, params) {
		this.options = {
			parent: null,
			overlayOpacity: null,
			id: null,
			content: null,
			width: null,
			height: null,
			modalClassName: null,
			imageClassName: null,
			closeClassName: null,
			overlayClassName: null,
			src: null
		}
		this.options = $.extend({}, options, _defaults);
		this.options = $.extend({}, options, _settings);
		this.options = $.extend({}, options, params);
		this.close = function () {
			jQuery('.' + options.modalClassName + ', .' + options.overlayClassName).fadeOut(_settings.fadeOutSpeed, function () { jQuery(this).unbind().remove(); });
		}
		this.open = function () {
			if (typeof options.src == 'function') {
				options.src = options.src(sender)
			} else {
				options.src = options.src || _defaults.src(sender);
			}

			var fileExt = /^.+\.((jpg)|(gif)|(jpeg)|(png)|(jpg))$/i;
			var contentHTML = '';
			if (fileExt.test(options.src)) {
				contentHTML = '<div class="' + options.imageClassName + '"><img src="' + options.src + '"/></div>';

			} else {
				contentHTML = '<iframe width="' + options.width + '" height="' + options.height + '" frameborder="0" scrolling="no" allowtransparency="true" src="' + options.src + '">&lt/iframe>';

			
			}
			options.content = options.content || contentHTML;

			if (jQuery('.' + options.modalClassName).length && jQuery('.' + options.overlayClassName).length) {
				jQuery('.' + options.modalClassName).html(options.content);
			} else {
				$overlay = jQuery((_isIE6()) ? '<iframe src="BLOCKED SCRIPT\'&lt;html&gt;&lt;/html&gt;\';" scrolling="no" frameborder="0" class="' + options.overlayClassName + '"></iframe><div class="' + options.overlayClassName + '"></div>' : '<div class="' + options.overlayClassName + '"></div>');
				$overlay.hide().appendTo(options.parent);

				$modal = jQuery('<div id="' + options.id + '" class="' + options.modalClassName + '" style="width:' + options.width + 'px; height:' + options.height + 'px; margin-top:-' + (options.height / 2) + 'px; margin-left:-' + (options.width / 2) + 'px;">' + options.content + '</div>');
				$modal.hide().appendTo(options.parent);

				$close = jQuery('<a class="' + options.closeClassName + '"></a>');
				$close.appendTo($modal);

				var overlayOpacity = _getOpacity($overlay.not('iframe')) || options.overlayOpacity;
				$overlay.fadeTo(0, 0).show().not('iframe').fadeTo(_settings.fadeInSpeed, overlayOpacity);
				$modal.fadeIn(_settings.fadeInSpeed);

				$close.click(function () { jQuery.modal().close(); });
				$overlay.click(function () { jQuery.modal().close(); });
			}
		}
		return this;
	}
	_isIE6 = function () {
		if (document.all && document.getElementById) {
			if (document.compatMode && !window.XMLHttpRequest) {
				return true;
			}
		}
		return false;
	}
	_getOpacity = function (sender) {
		$sender = jQuery(sender);
		opacity = $sender.css('opacity');
		filter = $sender.css('filter');

		if (filter.indexOf("opacity=") >= 0) {
			return parseFloat(filter.match(/opacity=([^)]*)/)[1]) / 100;
		}
		else if (opacity != '') {
			return opacity;
		}
		return '';
	}
	_defaults = {
		parent: 'body',
		overlayOpacity: 85,
		id: 'modal',
		content: null,
		width: 800,
		height: 600,
		modalClassName: 'modal-window',
		imageClassName: 'modal-image',
		closeClassName: 'close-window',
		overlayClassName: 'modal-overlay',
		src: function (sender) {
			return jQuery(sender).attr('href');
		}
	}
	
	
	

})(jQuery);



	
$(document).ready(function(){ 
// ----------------------------------------------------------  Reservation submit and clear button ----------------------------------------------------------

	$(".reservation_btn_class").hover(function(){
	$(this,".reservation_btn_class").stop(true, true).fadeTo("normal", 0.6); 
	},function(){
	$(this,".reservation_btn_class").stop(true, true).fadeTo("fast", 1.0); 
	});
	
// ----------------------------------------------------------  Package buynow ----------------------------------------------------------
/*
	$(".buynow_cl").hover(function(){
	$(this,".buynow_cl").stop(true, true).fadeTo("normal", 0.5); 
	},function(){
	$(this,".buynow_cl").stop(true, true).fadeTo("fast", 1.0);  
	});
	*/
    $('.buynow_cl').hover(function () {
        this.src = 'images/buynow_mouseover.png';
    }, function () {
        this.src = 'images/buynow.png';
    });


});
	



	/*
	    $(document).ready(function() {
		
        $(".right_menu2").hover(function(){
		
            $(this).stop().css({"opacity" : "0.7"})

						 .animate({
							'width':'300px',
							'height':'80px',
						 },200,'easeOutBack')
						 

			
 
        }, function(){
            $(this).stop().css({"opacity" : "1"})
						 .fadeIn("fast")
						 .animate({
							'width':'280px',
							'height':'70px',

						 },400,'easeOutBack')
							
		});

    });
	
	*/
	
	
	
	// for package testing
	/*
    $(document).ready(function() {
		
        $(".package_plan li").hover(function(){
 
            $(this).stop().css({"opacity" : "0.5"})
							.fadeIn("fast");
			$(this).css("background-color","F3F3F3");
			
			
 
        }, function(){
            $(this).stop().css({"opacity" : "1"})
							.fadeIn("fast");
			$(this).css("background-color","white");
				
							
		});

         $(".package_plan li").click(function(){

			$("div.packag_li_content div",this).css('display', 'block');
			
 
        }, function(){

							
		});
    });
	
	*/
	
	
	
	
	
	
	//=============================================================================== library ===============================================================================
/*
 * jQuery Color Animations
 * Copyright 2007 John Resig
 * Released under the MIT and GPL licenses.
 */
 
 

(function(jQuery){

	// We override the animation for all of these color styles
	jQuery.each(['backgroundColor', 'borderBottomColor', 'borderLeftColor', 'borderRightColor', 'borderTopColor', 'color', 'outlineColor'], function(i,attr){
		jQuery.fx.step[attr] = function(fx){
			if ( fx.state == 0 ) {
				fx.start = getColor( fx.elem, attr );
				fx.end = getRGB( fx.end );
			}

			fx.elem.style[attr] = "rgb(" + [
				Math.max(Math.min( parseInt((fx.pos * (fx.end[0] - fx.start[0])) + fx.start[0]), 255), 0),
				Math.max(Math.min( parseInt((fx.pos * (fx.end[1] - fx.start[1])) + fx.start[1]), 255), 0),
				Math.max(Math.min( parseInt((fx.pos * (fx.end[2] - fx.start[2])) + fx.start[2]), 255), 0)
			].join(",") + ")";
		}
	});

	// Color Conversion functions from highlightFade
	// By Blair Mitchelmore
	// http://jquery.offput.ca/highlightFade/

	// Parse strings looking for color tuples [255,255,255]
	function getRGB(color) {
		var result;

		// Check if we're already dealing with an array of colors
		if ( color && color.constructor == Array && color.length == 3 )
			return color;

		// Look for rgb(num,num,num)
		if (result = /rgb\(\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*\)/.exec(color))
			return [parseInt(result[1]), parseInt(result[2]), parseInt(result[3])];

		// Look for rgb(num%,num%,num%)
		if (result = /rgb\(\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*\)/.exec(color))
			return [parseFloat(result[1])*2.55, parseFloat(result[2])*2.55, parseFloat(result[3])*2.55];

		// Look for #a0b1c2
		if (result = /#([a-fA-F0-9]{2})([a-fA-F0-9]{2})([a-fA-F0-9]{2})/.exec(color))
			return [parseInt(result[1],16), parseInt(result[2],16), parseInt(result[3],16)];

		// Look for #fff
		if (result = /#([a-fA-F0-9])([a-fA-F0-9])([a-fA-F0-9])/.exec(color))
			return [parseInt(result[1]+result[1],16), parseInt(result[2]+result[2],16), parseInt(result[3]+result[3],16)];

		// Otherwise, we're most likely dealing with a named color
		return colors[jQuery.trim(color).toLowerCase()];
	}
	
	function getColor(elem, attr) {
		var color;

		do {
			color = jQuery.curCSS(elem, attr);

			// Keep going until we find an element that has color, or we hit the body
			if ( color != '' && color != 'transparent' || jQuery.nodeName(elem, "body") )
				break; 

			attr = "backgroundColor";
		} while ( elem = elem.parentNode );

		return getRGB(color);
	};
	
	// Some named colors to work with
	// From Interface by Stefan Petre
	// http://interface.eyecon.ro/

	var colors = {
		aqua:[0,255,255],
		azure:[240,255,255],
		beige:[245,245,220],
		black:[0,0,0],
		blue:[0,0,255],
		brown:[165,42,42],
		cyan:[0,255,255],
		darkblue:[0,0,139],
		darkcyan:[0,139,139],
		darkgrey:[169,169,169],
		darkgreen:[0,100,0],
		darkkhaki:[189,183,107],
		darkmagenta:[139,0,139],
		darkolivegreen:[85,107,47],
		darkorange:[255,140,0],
		darkorchid:[153,50,204],
		darkred:[139,0,0],
		darksalmon:[233,150,122],
		darkviolet:[148,0,211],
		fuchsia:[255,0,255],
		gold:[255,215,0],
		green:[0,128,0],
		indigo:[75,0,130],
		khaki:[240,230,140],
		lightblue:[173,216,230],
		lightcyan:[224,255,255],
		lightgreen:[144,238,144],
		lightgrey:[211,211,211],
		lightpink:[255,182,193],
		lightyellow:[255,255,224],
		lime:[0,255,0],
		magenta:[255,0,255],
		maroon:[128,0,0],
		navy:[0,0,128],
		olive:[128,128,0],
		orange:[255,165,0],
		pink:[255,192,203],
		purple:[128,0,128],
		violet:[128,0,128],
		red:[255,0,0],
		silver:[192,192,192],
		white:[255,255,255],
		yellow:[255,255,0]
	};
	
})(jQuery);