//});
/* *********************************************
Show/hide inputs from :selected option drop-down
********************************************* */
//Shows an additonal element when a specifed option is selected from a select box
$('div.hideElementWithJS').hide();
//show the element is option is selected as default
if ($('.showExtraOptions').is(':selected')) {
$('div.hideElementWithJS').show();
} else {
$('div.hideElementWithJS').hide();
}
//Shows an additonal text box from a select box
$('div.otheroption').hide();
$(".options").change(function () {
if ($('.otheroptions').is(':selected')) {
$('div.otheroption').fadeIn();
} else {
$('div.otheroption').fadeOut();
}
});
//Shows an additonal text box from a select box
$('.options').each( function () {
var name = $(this).attr('name');
if ($(this).val()!='otheroptions') {
$(this).next().removeAttr('name').hide();
}
});
$('.options').change(onChange);
function onChange(){
var desiredName = $(this).attr('name');
if ($('#'+desiredName).val()=='otheroptions') {
$('#'+desiredName).next().attr('name',desiredName).fadeIn('fast');
}
else {
$('#'+desiredName).next().removeAttr('name').fadeOut('fast');
}
}
/* **********************************
CSS style switcher for browse results
********************************** */
/* Browse results style switcher */
$('#switchLinks a').click(function(){ // This applies the following functions to any links within #switchLinks
$('#contentArea').removeClass(); // This removes any the classes on any link within #contentArea
return false; // Return false here stops the browser from following the link's '#' target
});
$('#linklarge').click(function(){
$('#contentArea').addClass("large");
});
$('#linkmedium').click(function(){
$('#contentArea').addClass("medium");
});
$('#linksmall').click(function(){
$('#contentArea').addClass("small");
});
/* Browse results drop down */
$('div.browseresult').hoverIntent(function() {
var offset = $(this).offset();
var parentHeight = $(this).height();
$(this).children('.wine-info').slideToggle(500);
$(this).children('.wine-info').css({top: offset.top + parentHeight + 21, left: offset.left});
}, function() {
$(this).children('.wine-info').slideToggle(200);
});
}); // Close main function
/* ****************
Accordian functions
**************** */
$(document).ready(function() {
$('.content-item ul:first').show();
$('.content-item h2:first').addClass('open');
$('.content-handle').click(function () {
$('.content-item ul:visible').slideUp().prev().removeClass('open');
$(this).addClass('open').next().slideDown();
});
$('.sitebrowse-item ul:first').show();
$('.sitebrowse-item h2:first').addClass('open');
$('.sitebrowse-handle').click(function () {
$('.sitebrowse-item ul:visible').slideUp().prev().removeClass('open');
$(this).addClass('open').next().slideDown();
});
});
/* ****************
Show/Hide functions
**************** */
$(document).ready(function() {
// Add a click function to all a tags with class of showhide-toggle, then toggle the next element.
$('p a.review-toggle').click(function() {
$(this).parent().next().slideToggle(400);
return false;
});
// Show/Hide script including the code for a close button/link
$('a.showhide-toggle').click(function() {
$(this).next().slideToggle(300);
return false;
});
$('a.close').click(function() {
$(this).parents().filter('div.info').slideUp(300);
return false;
});
$('a.close').click(function() {
$(this).parents().filter('div.further-information').slideUp(300);
return false;
});
});
/* **************
UI Tabs functions
************** */
$(document).ready(function() {
$('#ui-tabs > ul').tabs({ fx: { height: 'toggle', opacity: 'toggle' } });
$('#homepage-ui-tabs > ul').tabs({ fx: { opacity: 'toggle' } }).tabs('rotate', 7000);
});
/* ***********************
Tooltips for AAW world map
*********************** */
this.aawTooltip = function(){
xOffset = 84;
yOffset = -163;
$("area.aawmap-area").hoverIntent(function(e){
var aawTooltipText = $(this).attr("title");
$("body").append('');
$("body").find("div.aawmap-hover").text(aawTooltipText);
$(".aawmap-hover")
.css("top",(e.pageY - xOffset) + "px")
.css("left",(e.pageX + yOffset) + "px")
.animate({opacity: "show"}, "fast");
},
function(){
$(".aawmap-hover").animate({opacity: "hide"}, "fast");
$("body").find("div.aawmap-hover").remove();
});
$("area.aawmap-area").mousemove(function(e){
$(".aawmap-hover")
.css("top",(e.pageY - xOffset) + "px")
.css("left",(e.pageX + yOffset) + "px");
});
};
// Starting the AAW Tooltip script on page load
$(document).ready(function(){
aawTooltip();
});
/* **************
Ride the carousel
************** */
function mycarousel_initCallback(carousel) {
$('.jcarousel-control a').bind('click', function() {
carousel.scroll(jQuery.jcarousel.intval(jQuery(this).text()));
return false;
});
$('.jcarousel-scroll select').bind('change', function() {
carousel.options.scroll = jQuery.jcarousel.intval(this.options[this.selectedIndex].value);
return false;
});
$('#mycarousel-next').bind('click', function() {
carousel.next();
return false;
});
$('#mycarousel-prev').bind('click', function() {
carousel.prev();
return false;
});
}
$(document).ready(function() {
$("#mycarousel").jcarousel({
scroll: 1,
wrap: 'last',
initCallback: mycarousel_initCallback
});
$('.memberFavourites').css({'height': '144px'});
/* Qtip */
$('#voucher-box a.tooltip').qtip({
content: "This field is for a promotional or offer voucher that you have received from us or one of our partners. Please check that you have read and agreed to the terms and conditions applicable to the voucher as orders may be checked and held if they do not conform to these Ts & C's.
Gift vouchers that have been sent as an apology or as a thank-you, or that have been bought online or in our stores should be entered in the box below.
",
show: 'mouseover',
hide: 'mouseout',
position: {
corner: {
target: 'topMiddle',
tooltip: 'bottomMiddle'
}
},
style: {
background: '#fcc9c3',
color: '#000',
border: {
width: 5,
radius: 6,
color: '#990000'
},
width: 230,
tip: 'bottomMiddle'
}
})
$('#gift-certificat-section a.tooltip').qtip({
content: "Gift vouchers can been bought online or in our stores as money off a purchase, or you may have been sent it as a way of us saying sorry or thank-you for something. An example of a gift voucher code is X97KD3C1KTP.",
show: 'mouseover',
hide: 'mouseout',
position: {
corner: {
target: 'topMiddle',
tooltip: 'bottomMiddle'
}
},
style: {
background: '#fcc9c3',
color: '#000',
border: {
width: 5,
radius: 6,
color: '#990000'
},
width: 230,
tip: 'bottomMiddle'
}
})
});