﻿
function homeInitialize() {
	
	// Handle costum jCarousel on homepage
	costumizedjcarousel();
	
	// Handle DatePicker
	handleDatePicker();
	
	// Handle costum select box
	costumselectbox();

}
	
	// Apply calendar date picker
	function handleDatePicker() {
		$(".date-pick").datePicker().val(new Date().asString()).trigger('change');
	}
	
	// Apply costum select box
	function costumselectbox(){ 
		$(".reservations-nights-select").sb({
		animDuration: 250,
		fixedWidth: false
		});
	}
	
	// Apply costumized jcarousel on homepage (custom-jquery-image-gallery-with-jcarousel)
	function costumizedjcarousel() {
		
		// standard jCarousel Plugin
	    $('#carousel').jcarousel({
			scroll:1,
			auto:3,
			wrap:'circular'
 		}); 
	
	//Costumizing jcarousel without changing plugin iteslef (html dependeble) BEGIN
	
   	$('div#slideshow-carousel a img').css({'opacity': '0.5'}); /*Here you can change opacity of not active thumbanils*/
   	$('div#slideshow-carousel a img:first').css({'opacity': '1.0'});
   	//$('div#slideshow-carousel li a:first').append('<span class="arrow"></span>')
  
  	//Combine jCarousel with Image Display
    $('div#slideshow-carousel li a').hover(
       	function () {
        		
       		if (!$(this).has('span').length) {
        		$('div#slideshow-carousel li a img').stop(true, true).css({'opacity': '0.5'});
   	    		$(this).stop(true, true).children('img').css({'opacity': '1.0'});
       		}		
       	},
       	function () {
        		
       		$('div#slideshow-carousel li a img').stop(true, true).css({'opacity': '0.5'});
       		$('div#slideshow-carousel li a').each(function () {

       			if ($(this).has('span').length) $(this).children('img').css({'opacity': '1.0'});

       		});
       	}
	).click(function () {
	    $('span.arrow').remove();        
		$(this).append('<span class="arrow"></span>');
       	$('div#slideshow-main li').removeClass('active');        
       	$('div#slideshow-main li.' + $(this).attr('rel')).addClass('active');	
        	
       	return false;
	});
	//Costumizing jcarousel without changing plugin iteslef (html dependeble) END
	}



			
	

	

	

                     
	
	
	
	


