/*
 *Global Javascript files for Dreamhouse integration
 **/

$(document).ready(function() {
						   
	$('#mailing_list_submit').click(validate());
						   
	$('#booking_online_form select').selectbox();
	
	$('#booking_online_form .sbHolder:eq(1)').css('width', '50px');
	
	$('#booking_online_form .sbSelector:eq(1)').css('width', '50px');
	
	$('#booking_online_form .sbOptions:eq(1)').css('width', '50px');
	
	$('ul.sub-menu:first').wrap('<div class="sub-menu-container" ></div>');
	
	// booking datepicker
    $('#booking_online_form #arrival').datepicker({
        dateFormat: 'dd/mm/yy',
        showOn: 'both',
        buttonImage: '/wp-content/themes/Starkers/images/calendar_img.jpg',
        buttonImageOnly: true,
        buttonText: 'Arrival date, datepicker' // alt text
    });
						   
	var activeImage = $('#gallery_wrapper ul li:first').html()
	$('#banner_img_gallery').html(activeImage);
	
	$('#gallery_wrapper ul li img').click(function() {
		$('#banner_img_gallery img').attr('src', $(this).attr('src'));
		return false;
		
	});
	
	$('#banner_img_home').cycle('fade');
		
    $("#language").hide();
    //$("#booking_foldout_online").hide();
    $("#mailing_list").hide();
    
	var parent_div = $("#booking_online_form").parent();
	parent_div.css("height", parent_div.height()+"px");
	parent_div.hide();

	
    $("#sidebar_menu li:first").toggle(function(){
        $("#sidebar_menu li:first").css("background-image", "url('http://dreamhou.creativestateservers.co.uk/wp-content/themes/Starkers/images/brown_arrow_down.jpg')");
        $("#mailing_list").slideToggle("slow");
       }, function(){
        $("#sidebar_menu li:first").css("background-image", "url('http://dreamhou.creativestateservers.co.uk/wp-content/themes/Starkers/images/brown_arrow_right.jpg')");
        $("#mailing_list").slideToggle("slow");
   });
   
    $("#booking li:first").toggle(function(){
        $("#booking li:first").css("background-image", "url('http://dreamhou.creativestateservers.co.uk/wp-content/themes/Starkers/images/arrow_down.jpg')");
        $("#booking_foldout_online").slideToggle("fast");
       }, function(){
        $("#booking li:first").css("background-image", "url('http://dreamhou.creativestateservers.co.uk/wp-content/themes/Starkers/images/arrow_right.jpg')");
        $("#booking_foldout_online").slideToggle("fast");
   });
    
    $("#language_tab").toggle(function(){
        $("#language_tab").css("background-image", "url('http://dreamhou.creativestateservers.co.uk/wp-content/themes/Starkers/images/lang_arrow_up.jpg')");
        $("#language").slideToggle("fast");
       }, function(){
        $("#language_tab").css("background-image", "url('http://dreamhou.creativestateservers.co.uk/wp-content/themes/Starkers/images/lang_arrow_right.jpg')");
        $("#language").slideToggle("fast");
   });
	
	$("#gallery_wrapper").jCarouselLite({
        btnNext: "#arrow_right",
        btnPrev: "#arrow_left",
		circular: false,
		visible: 5
    });
	
	//$('select.form_combo').customStyle();
	
	//$('#arrival').datepick({showOnFocus: false, showTrigger: '#calendar_img'});
	
	//$(".gallery_item").fancybox();

	$sitemap = $('#sitemap');
	if ( $sitemap.length == 1 ) { 
		$targets = $('.children');
		$targets.each( function() {
			$( this ).before( '<a class="trigger" href="#"></a>');
		});

		$( '.trigger' ).bind( 'click', function() {
			$( this ).siblings( 'ul' ).slideToggle( 'slow' );
			return false;
		});

		$targets.hide();
	}

});

function validate() {
	/* Mailing list validation */
	$("input#firstname").val('');
	$("input#surname").val('');
	$("input#email").val('');
	$("#mailing_list_submit").click(function() {  
    // validate and process form here
  	var errorflag;
      var firstname = $("input#firstname").val();  
        if (firstname == "") {  
      $("input#firstname").val('This field is required');  
      $("input#firstname").focus();  
      errorflag = 1;  
    }  
	var surname = $("input#surname").val();  
        if (surname == "") {  
      $("input#surname").val('This field is required');  
      $("input#surname").focus();  
      errorflag = 1;  
    }  
        var email = $("input#email").val();  
        if (email == "") {  
      $("input#email").val('This field is required');  
      $("input#email").focus();  
      errorflag = 1;  
    }
	
	if(errorflag != 1){
	var dataString = 'firstname='+ firstname + '&email=' + email + '&surname=' + surname;  
    //alert (dataString);return false;  
    $.ajax({  
      type: "POST",  
      url: "wp-content/themes/Starkers/js/bin/process.php",  
      data: dataString,  
      success: function() {    
        $('li#mailing_list').html("<span>Thank you for joining our mailing list</span>")
        .hide()  
        .fadeIn(1500)
      }  
    });  
    return false;  
	}
	
  });
}