var imgs = new Array(
	'/images/mas2.png',
	'/images/class-black2.png',
	'/images/splash2.png',
	'/images/bridal2.png',
	'/images/accessories2.png',
	'/images/button-bg2.png',
	'/images/main-nav-on-bg.png',
	'/images/topnav-border.gif',
	'/images/pink-button-bg1.gif',
	'/images/left-arrow-prod1.png',
	'/images/right-arrow-prod1.png',
	'/images/corsets-link2.png',
	'/images/portraits-link2.png'
);

preloadImages(imgs);

function preloadImages(images) {
	var imageObjs = new Array();
	for (var i in images) {
		imageObjs[i] = new Image();
		imageObjs[i].src = images[i];
	}
}

$(document).ready(function() {
	$('#register-trigger').click(function() {
		toggleSlider($('#register-slider'));
	});
	
	$('#contact-trigger').click(function() {
		toggleSlider($('#contact-slider'));
	});
	
	$('#basket-trigger').click(function() {
		toggleSlider($('#basket-slider'));
	});
	
	$('#close-contact-link').click(function() {
		toggleSlider($('#contact-slider'));
	});
	
	$('#close-register-link').click(function() {
		toggleSlider($('#register-slider'));
	});
	
	$('#close-basket-link').click(function() {
		toggleSlider($('#basket-slider'));
	});
		
	$('#contact-message').click(function() {
		if ($(this).val('Type your message here...')) {
			$(this).val('');
			$(this).unbind('click');
		}
	});
	
	$('#query').click(function() {
		if ($(this).val('Search...')) {
			$(this).val('');
			$(this).unbind('click');
		}
	});
	
	if ($('#featured-product-slider').size() > 0) {
		$('#featured-product-slider').loopedSlider({
			autoStart: 4000,
			container: '.featured-product-container',
			slides: '.featured-product-slides',
			containerClick: false
		});
	}
});

function toggleSlider(elem)
{
	if (!$('.slider-active').size() > 0) { // Ignore click if sliding in progress
		if (elem.css('display') == 'none') {
			var openSlider = $('.slider-open');
			if (openSlider.size() > 0) {
				openSlider.addClass('slider-active');
				openSlider.slideUp('slow', function() {
					openSlider.removeClass('slider-open');
					openSlider.removeClass('slider-active');
					showSlider(elem);
				});
			} else {
				showSlider(elem);
			}
		} else {
			hideSlider(elem);
		}
	}
}

function hideSlider(elem)
{
	elem.addClass('slider-active');
	elem.slideUp('slow', function() {
		elem.removeClass('slider-open');
		elem.removeClass('slider-active');
	});
}

function showSlider(elem)
{
	elem.addClass('slider-active');
	elem.slideDown('slow', function() {
		elem.addClass('slider-open');
		elem.removeClass('slider-active');
	});	
}

function validateBookingDateSelector() 
{
	if ($('#booking-date').val() == '') {
		alert('Please select a date');
		return false;
	} else {
		$('#booking-step-two-form').submit();
	}
}

function datePicked(argObj)
{
	showEnglishDate(argObj);
	getAvailableTimes();
}

function showEnglishDate(argObj) {
    formattedDate = datePickerController.printFormattedDate(argObj.date, "l-cc-sp-d-S-sp-F-sp-Y", false);
    $('#booking-date-formatted').text(formattedDate);
}

function getAvailableTimes()
{
	var date = $('#booking-date').val();
	// Get the available timeslots on that day
	$('#select-time-section').css('display', 'block');
    $('#time-select-element-container').html('<div id="time-spinner"><img src="/images/front-end-spinner.gif" /></div>');
    $.ajax({
        url: '/ajax/get-available-booking-time-slots',
        type: 'POST',
        data: ({format: 'html', date: date}),
        success: function(responseText) {    		
            $('#time-select-element-container').html(responseText);
        }
    });
}

function refreshBasket()
{
	$('#basket-container').html('Loading...');
	$.ajax({
        url: '/basket/get-basket',
        type: 'GET',
        data: ({format: 'html'}),
        success: function(responseText) {    		
            $('#basket-container').html(responseText);
        }
    });
}

function removeBasketItem(itemId)
{
	$('#basket-container').html('Loading...');
	$.ajax({
        url: '/basket/remove-basket-item',
        type: 'GET',
        data: ({format: 'html', id: itemId}),
        success: function(responseText) {    		
            $('#basket-container').html(responseText);
        }
    });
}