$(document).ready(function(){
	
	//home images
	pic1 = new Image();
	pic2 = new Image();
	pic3 = new Image();
	pic1.src="img/gallery/home/img1.1-head.jpg";
	pic2.src="img/gallery/home/img2.1-head.jpg";
	pic3.src="img/gallery/home/img3.1-head.jpg";
	
	//about images
	pic4 = new Image();
	pic5 = new Image();
	pic6 = new Image();
	pic4.src="../img/gallery/about/img1.1-head.jpg";
	pic5.src="../img/gallery/about/img2-head.jpg";
	pic6.src="../img/gallery/about/img3-head.jpg";
	
	//services images
	pic7 = new Image();
	pic8 = new Image();
	pic9 = new Image();
	pic7.src="../img/gallery/services/img1.1-head.jpg";
	pic8.src="../img/gallery/services/img2.1-head.jpg";
	pic9.src="../img/gallery/services/img3-head.jpg";
	
	//rooms images
	pic10 = new Image();
	pic11 = new Image();
	pic12 = new Image();
	pic13 = new Image();
	pic10.src="../img/gallery/accommodation/img5.1-head.jpg";
	pic11.src="../img/gallery/accommodation/img2.1-head.jpg";
	pic12.src="../img/gallery/accommodation/img3.1-head.jpg";
	pic13.src="../img/gallery/accommodation/img4.1-head.jpg";
	
	//dining images
	pic14 = new Image();
	pic15 = new Image();
	pic16 = new Image();
	pic14.src="../img/gallery/dining/img1-head.jpg";
	pic15.src="../img/gallery/dining/img2-head.jpg";
	pic16.src="../img/gallery/dining/img3.1-head.jpg";
	
	//offers images
	pic17 = new Image();
	pic18 = new Image();
	pic19 = new Image();
	pic17.src="../img/gallery/offers/img1-head.jpg";
	pic18.src="../img/gallery/offers/img2-head.jpg";
	pic19.src="../img/gallery/offers/img3-head.jpg";
	
	if( $('body').attr('id') != 'bd-contact' ){
		$('#top-main > .intro').cycle({
			timeout : 0,
			fx:'fade',
			speed: "fast"
		});
	}
	
	$('#gal-main-bg').cycle({
		//timeout : 0,
		fx : 'fade',
		speed: 800,
		pager : '.gal-paging > ul',
		pagerAnchorBuilder: function(idx, slide) { 
				var h3 = $('div',slide).children('h3');
				var title = "";
				var bodyid = $('body').attr('id');
				switch( bodyid ){
					case "bd-home" : switch(idx){
										case 0: title = "friendly";
												break;
										case 1: title = "fresh";
												break;
										case 2: title = "clean";
												break;
									 }
									 break;
					case "bd-about" : switch(idx){
										case 0: title = "our story";
												break;
										case 1: title = "the staff";
												break;
										case 2: title = "Goa";
												break;
									 }
									 break;
					case "bd-services" : switch(idx){
										case 0: title = "tour";
												break;
										case 1: title = "travel";
												break;
										case 2: title = "trade";
												break;
									 }
									 break;
					case "bd-rooms" : switch(idx){
										case 0: title = "non-ac";
												break;
										case 1: title = "semi<br />standard";
												var semi = 1;
												break;
										case 2: title = "standard";
												break;
										case 3: title = "deluxe";
												break;
									 }
									 break;
					case "bd-offers" : switch(idx){
										case 0: title = "escape";
												break;
										case 1: title = "explore";
												break;
										case 2: title = "embrace";
												break;
									 }
									 break;
					case "bd-dining" : switch(idx){
										case 0: title = "wine";
												break;
										case 1: title = "dine";
												break;
										case 2: title = "recline";
												break;
									 }
									 break;
					
				}
				
				if( semi == 1 ){
					return '<li><a href="#" class="double" title=\"'+ title +'\">' + title + '</a></li>';
				}else{
					return '<li><a href="#" title=\"'+ title +'\">' + title + '</a></li>';
				}
				
    		},
			after : function (curr, next, opts) {
    					$("#top-main > .intro").cycle(opts.currSlide);
					}
	});
	
	$('.intro').css('display','block');
	
	$('#back-section').click(function(){
		$('body, html').animate({'scrollTop' : 633 + 'px'},"slow");
	});
	
	$('#back-main').click(function(){
		$('body, html').animate({'scrollTop' : 0 + 'px'},"slow");
	});
	
	$('.lingo .right > div').cycle({
		fx : 'fade',
		random : 1,
		pause : 1,
		timeout : 7000,
		speed : 800
		
	});
	
	$('.testimonial-copy').cycle({
		fx : 'scrollVert',
		timeout : 10000,
		speed: 400,
		pause:1
	});
	
	$('#bd-dining #lingo > div.menu').cycle({
		fx : 'scrollHorz',
		timeout : 0,
		speed: 600,
		next : "#lingo-prev",
		prev : "#lingo-next",
		pause:1,
		after : function(curr, next, opts){
			if( opts.currSlide == 0 ){
				$ht = 600 + 'px';
			}else{
				$ht = 700 + 'px';
			}
			
			//var $ht = $(this).height();
  			$(this).parent().animate({height: $ht}, "slow");
		}
	});
	
	/*$('#staff > .desc').cycle({
		fx : 'fade',
		timeout : 0,
		speed: 800
	});
	
	$('#staff > ul.list > li > img').click(function(){
		var id = $(this).attr('id').replace('staff-','');
		$('#staff > .desc').cycle(parseInt(id));
	});*/
	
	$('#recommended-tours > .gallery').cycle({
		timeout : 0,
		fx : 'fade',
		speed: 800
	});
	
	$('#panels').cycle({
		timeout : 0,
		speed : 800,
		fx : 'scrollHorz',
		before : function(){
			var $ht = $(this).height();
			//set the container's height to that of the current slide
  			$(this).parent().animate({height: $ht}, "slow");
		}
	});
	
	$('#menu ul li a').hover(function(){
			$(this).animate({'color' : '#444'}, 500);	
		}, function(){
			if( $(this).hasClass('sel') ){
				return false;
			}else{
				$(this).animate({'color' : '#fff'}, 500);
			}
				
	});
	
	$('#submenu ul li a').click(function(){
		$('#submenu ul li a').removeClass('sel');
		$(this).addClass('sel');
		//var id = $(this).attr('class').replace("submenu-","");
		//$('#panels').animate({ 'left' : -( parseInt(id) * 700 ) + 'px' }, "slow");
		var id = $(this).attr('class').replace("submenu-","");
		$('#panels').cycle(parseInt(id));
		
		var bodytag = $('body').attr('id');
		switch( bodytag ){
			case "bd-about":if( $(this).hasClass('submenu-2') ){
								$('#lingo').animate({'right' : -245 + 'px'}, "slow");
							}else{
								$('#lingo').animate({'right' : -310 + 'px'}, "slow");
								$('#lingo > .link-button > a').removeClass('sel');
							}
							break;
			case "bd-dining":if( $(this).hasClass('submenu-2') ){
								$('#lingo').animate({'right' : -245 + 'px'}, "slow");
								$('#bd-dining #lingo > div.menu').cycle("resume");
							  }else{
								$('#lingo').animate({'right' : -310 + 'px'}, "slow");
								$('#lingo > .link-button > a').removeClass('sel');
							 }
							 break;
			case "bd-contact" : if( $(this).hasClass('submenu-0') ){
									$('#thanksReserve').hide();
									$('#frmReserve').show();
									$('#reserve-alert').show();
								}else{
									$('#thanksHello').hide();
									$('#frmHello').show();
									$('#hello-alert').show();
								}
							  break;
		}
	});
	
	$('.link-button > a').click(function(){
		
		if(	$(this).closest("#lingo").css('right') == '-245px'	){
			$(this).addClass('sel');
			$(this).closest("#lingo").animate({'right' : 0 + 'px'},600);
		}else{
			$(this).closest("#lingo").animate({'right' : -245 + 'px'},600);
			$(this).removeClass('sel');
		}
	});
	
	$('#lingo .menu > div > ul > li > a').click(function(){
		//$('#lingo .menu > div > ul > li').removeClass('sel');
		$(this).closest('div').children().children().removeClass('sel');
		//$('#lingo .menu > div > ul > li > a').siblings().slideUp(600);
		$(this).parent().addClass('sel');
		//$(this).siblings().slideDown(600);
	});
	
	$('.close').click(function(){
		$(this).parent().animate({'right' : -245 + 'px'}, "slow");
		var bodytag = $('body').attr('id');
		switch( bodytag ){
			case 'bd-dining' :  $('#bd-dining #lingo > div.menu').cycle("pause");
								break;
		}
		$(this).siblings('.link-button').children('a').removeClass('sel');
	});
	
	$('#testimonials > .copy p').hover(function(){
		$('#testimonials > .copy').cycle('pause');
	}, function(){
		$('#testimonials > .copy').cycle('resume');
	});
	
	
	$('.paging ul li > a').click(function(){
		var height = -400;
		var panel_index = $('.vertical-stretch > .paging > ul > li').index( $(this).parent() );
		var pixel_height = height * panel_index;
		$('.paging ul li > a').removeClass('sel'); $(this).addClass('sel');
		$('.vertical-stretch > ul').animate({ 'top': pixel_height + 'px' }, 400);
		
	});
	
	/*script for recommended tours*/
	$('#recommended-tours > ul > li > a').click(function(){
		var linkid = $(this).attr('id').replace('tours-','');
		$('#recommended-tours > .gallery').cycle(parseInt(linkid));
		$('#recommended-tours > ul > li > a').siblings('.desc').slideUp("fast");
		$('#recommended-tours > ul > li > a').removeClass('sel');
		$(this).siblings('.desc').slideToggle("fast");
		$(this).addClass('sel');
	});
	
	/*live clock*/
	$('.jclock').jclock({
		timeNotation: '12hh',
        am_pm: true,
		utc: true,
        utc_offset: 5.5
	});
	
	$('li.img-holder > img').hover(function(){
		$('li.img-holder > img').css('z-index','0');
		$(this).css('z-index','999');
	}, function(){
		$(this).css('z-index','0');
	});
	
	$('#map').gmap3(
		{	action: 'init',
			options:{
			  center:[15.550787,73.759031],
			  zoom:14,
			  mapTypeId: google.maps.MapTypeId.HYBRID,
			  mapTypeControl: true,
			  mapTypeControlOptions: {
				style: google.maps.MapTypeControlStyle.DEFAULT
			  },
			  navigationControl: true,
			  scrollwheel: true,
			  streetViewControl: true
			}
		},
		{
			action: 'addMarker',
			latLng: [15.550787, 73.759031],
			icon: new google.maps.MarkerImage('../img/layout/logo-map.png'),
			animation: google.maps.Animation.DROP
		},
		{ action: 'addMarkers',
				markers:[
				  //{lat:15.550787, lng:73.759031, data:'<div class="map-infowindow"><img src="../img/layout/about/our-story.jpg" /><h2>Hotel Cap\'s Corner</h2><p>Cobra waddo Baga,<br />Calangute, Goa 403516<br /><br />Contact details:<br />+91.832.2276533 / 87<br />+91.98221.58285 <br /> +91.95522.77330<br />capscornergoa@gmail.com</p></div>', icon: new google.maps.MarkerImage('http://maps.gstatic.com/mapfiles/icon_green.png')},
				  {lat:15.544390,lng:73.755341, data:'<div class="map-infowindow"><img src="../img/layout/contact/calangute.jpg" /><h2>Calangute Beach</h2><p>Distance from hotel - 1 km <br /> Walking - 10 minutes</p></div>'},
				  {lat:15.561507, lng:73.748903, data:'<div class="map-infowindow"><img src="../img/layout/contact/baga.jpg" /><h2>Baga Beach</h2><p>Distance from hotel - 1 km <br /> Walking - 10 minutes</p></div>'},
				  {lat:15.544473, lng:73.762980, data:'<div class="map-infowindow"><img src="../img/layout/contact/calangute-market.jpg" /><h2>Calangute Market</h2><p>Distance from hotel - 800 metres <br />Walking - 6 mins</p></div>'},
				  {lat:15.517762, lng:73.762550, data:'<div class="map-infowindow"><img src="../img/layout/contact/candolim.jpg" /><h2>Candolim</h2><p>Distance from hotel - 2k.m <br /> Walking - 20 mins <br /> By bike - 5 mins</p></div>'},
				  {lat:15.379995, lng:73.831558, data:'<div class="map-infowindow"><img src="../img/layout/contact/dabolim-airport.jpg" /><h2>Dabolim Airport</h2><p>Mormugao, Goa<br /><br /><em>Goa airport connects both, domestic and international flights.</em><br /><br />Contact details:<br />+91.832.540806<br />Distance from hotel - 55 km <br />By bike - 45 minutes - 1 hour</p></div>'},
				  {lat:15.268078, lng:73.959618, data:'<div class="map-infowindow"><img src="../img/layout/contact/margao-station.jpg" /><h2>Madgaon Station</h2><p><em>Travel South by train from Mapusa station.</em><br /><br />Distance from hotel - 63 km <br /> By bike - 1 hour and 15 minutes</p></div>'},
				  {lat:15.630432, lng:73.876362, data:'<div class="map-infowindow"><img src="../img/layout/contact/thivim.jpg" /><h2>Thivim Station</h2><p><em>Travel North by train from Thivim station.</em><br /><br />Distance from hotel - 35 km <br /> By bike - 20 mins - 30 mins</p></div>'},
				  {lat:15.495897, lng:73.824949, data:'<div class="map-infowindow"><img src="../img/layout/contact/panjim.jpg" /><h2>Panjim</h2><p><em>Panjim (Panaji) is the capitol of Goa.</em><br /><br />Distance from hotel - 16 km<br />By moped - </p></div>'},
				  {lat:15.589174, lng:73.810143, data:'<div class="map-infowindow"><img src="../img/layout/contact/mapusa.jpg" /><h2>Mapusa</h2><p><em>Travel South by train from Mapusa station.</em><br /><br />Distance from hotel - 12 km<br />By moped - </p></div>'}
				],
				marker:{
				  options:{
					draggable: false
				  },
				  events:{
					mouseover: function(marker, event, data){
					  var map = $(this).gmap3('get'),
						  infowindow = $(this).gmap3({action:'get', name:'infowindow'});
					  if (infowindow){
						infowindow.open(map, marker);
						infowindow.setContent(data);
					  } else {
						$(this).gmap3({action:'addinfowindow', anchor:marker, options:{content: data}});
					  }
					},
					mouseout: function(){
					  var infowindow = $(this).gmap3({action:'get', name:'infowindow'});
					  if (infowindow){
						infowindow.close();
					  }
					}
				  }
				}
			  },
		{ action: 'addBicyclingLayer'}
	);
	
	
	var options = {
		target:'#hello-alert'
	};
	var options1 = {
		target:'#reserve-alert'
	};
	$('#frmHello').ajaxForm(options);
	$('#frmReserve').ajaxForm(options1);
	
});