$(document).ready(function() {
	
	// position the footer background
	positionFooter();
	
	// main navigation dropdown
	$('nav > ul > li').mouseenter(function() {
		var menu = $(this).find('ul');
		
		$('nav > ul > li').removeClass('hover');
		$(this).addClass('hover');
		
		$('nav > ul > li > ul:visible').not(this).fadeOut(100);
		if (menu.length > 0 && !menu.is(':visible')) {
			menu.fadeIn(200);
		}
	}).mouseleave(function() {
		var menu = $(this).find('ul');
		
		$('nav > ul > li').removeClass('hover');
		if (menu.length > 0 && menu.is(':visible')) {
			menu.fadeOut(200);
		}
	});
	
	
	// login/register dropdown
	$('#top-links-right > a#login-btn').click(function() {
		$('#top-links-right').toggleClass('active');
		$('#login-register,#login-register-top').fadeToggle(150);
	});
	
	
	// login/register dropdown
	$('#addwinelist-btn').click(function() {
		document.getElementById('login-text').innerHTML="<p>You must be logged in to add a list</p>";
		$('#winelist-top-links-right').toggleClass('active');
		$('#winelist-login-register,#winelist-login-register-top').fadeToggle(150);
	});
	
	 
	
	
	// sort wines
	$('#my-wines-right table th:nth-child(3)').click(function() {
		$(this).toggleClass('up');
	});
	
	
	// 'select all' checkbox
	$('#select-all').change(function() {
		var checkboxes = $('#my-wines-right table').find('input[type="checkbox"]');
		
		if (this.checked && checkboxes.length > 0) {
			checkboxes.attr('checked', true);
		} else if (!this.checked && checkboxes.length > 0) {
			checkboxes.attr('checked', false);
		}
	});
	
	$('#top-picks div.accordion-outer').bind('click', function(){
		alert('oi');
	});
});

function positionFooter() {
	//*
	// position the footer background
	var footer = $('footer'),
			off = footer.offset(),
			bg = $('#footer-bg');
			
	bg.css('top', off.top).css('height', footer.height());
		//*/
}

// Accordian

function initAccordion() {
// JavaScript Document
//Initialize FAQ Accordian:

	ddaccordion.init({
		headerclass: "srch-head", //Shared CSS class name of headers group
		contentclass: "srch-body", //Shared CSS class name of contents group
		revealtype: "click", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"
		mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
		collapseprev: false, //Collapse previous content (so only one open at any time)? true/false 
		defaultexpanded: [], //index of content(s) open by default [index1, index2, etc]. [] denotes no content.
		onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)
		animatedefault: false, //Should contents open by default be animated into view?
		persiststate: false, //persist state of opened contents within browser session?
		toggleclass: ["close-result", "open-result"], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
		togglehtml: ["prefix", "", ""], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)
		animatespeed: "normal", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
		oninit:function(expandedindices){ //custom code to run when headers have initalized
			//do nothing
		},
		onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
			//do nothing
		}
	});
}


function initAccordionForSearch() {
	// JavaScript Document
	//Initialize FAQ Accordian:

		ddaccordion.init({
			headerclass: "srch-head-search", //srch-head-search  //Shared CSS class name of headers group
			contentclass: "srch-body-search", //Shared CSS class name of contents group
			revealtype: "click", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"
			mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
			collapseprev: false, //Collapse previous content (so only one open at any time)? true/false 
			defaultexpanded: [], //index of content(s) open by default [index1, index2, etc]. [] denotes no content.
			onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)
			animatedefault: false, //Should contents open by default be animated into view?
			persiststate: false, //persist state of opened contents within browser session?
			toggleclass: ["close-result-search", "open-result-search"], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
			togglehtml: ["prefix", "", ""], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)
			animatespeed: "normal", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
			oninit:function(expandedindices){ //custom code to run when headers have initalized
				//do nothing
			},
			onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
				//do nothing
			}
		});
	}

function initAccordionForMyWines() {
	// JavaScript Document
	//Initialize FAQ Accordian:

		ddaccordion.init({
			headerclass: "srch-head-mywine", //Shared CSS class name of headers group
			contentclass: "srch-body-mywine", //Shared CSS class name of contents group
			revealtype: "click", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"
			mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
			collapseprev: false, //Collapse previous content (so only one open at any time)? true/false 
			defaultexpanded: [], //index of content(s) open by default [index1, index2, etc]. [] denotes no content.
			onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)
			animatedefault: false, //Should contents open by default be animated into view?
			persiststate: false, //persist state of opened contents within browser session?
			toggleclass: ["close-result", "open-result"], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
			togglehtml: ["prefix", "", ""], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)
			animatespeed: "normal", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
			oninit:function(expandedindices){ //custom code to run when headers have initalized
				//do nothing
			},
			onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
				//do nothing
			}
		});
	}


	initAccordion();