$(document).ready(function(){
	$("#searchform input[type='text']").inputValueHide();
	
	$(".social_buttons a").tooltip({
		position: "top right",
		offset: [-12, -35],
		cancelDefault: false,
		delay: 0
	});
	$(".social_buttons a[title]").live("mouseenter", function(){
		$(this).removeAttr("title");
	});
	
	// Initialize the related articles carousel
	if($("#related_articles").size() > 0){
		initCarousel();
	}
	
	// Initialize the product tabs
	if($("body#product").size() > 0){
		initProductTabs();
	}
	
	//Navigation
	var default_flavour = $("#flavour-thumb img").attr("src");
	$("#popup-flavours .mainsub-item a").hover(function(){
		var thumb = $(this).next("img").attr("src");
		
		$("#flavour-thumb img").attr("src", thumb);
		$("#flavour-thumb img").attr("alt", $(this).text());
	},function(){
		$("#flavour-thumb img").attr("src", default_flavour);
		$("#flavour-thumb img").attr("alt", "Flavours");
	})
	
	$("#header .nav li a").hover(function(){
		$(this).parent().css("background", "url('/media/images/nav_arrow.png') no-repeat scroll center 20px transparent");
	},function(){
		$(this).parent().not(".active").css("background", "none");
	})
	$("#header .mainsub a").hover(function(){
		$(this).parent().not(".active").css("background", "none");
	},function(){
		$(this).parent().not(".active").css("background", "none");
	})
	
	$("#categories #content .category .thumb").hover(function(){
		$(this).data('thumb', $(this).attr('src'));
		active = $(this).parent().siblings(".active");
		if(active.size() > 0){
			$(this).attr('src', active.attr('src'));
		}
	},function(){
		$(this).attr('src', $(this).data('thumb'));
	});
	
	$("#content .product .thumb").hover(function(){
		$(this).data('thumb', $(this).attr('src'));
		active = $(this).parent().siblings(".active");
		if(active.size() > 0){
			$(this).attr('src', active.attr('src'));
		}
	},function(){
		$(this).attr('src', $(this).data('thumb'));
	});
	
	$('#contact #freeform').submit(contactSubmit);
	
});

function initCarousel(){
	var page = 1;
	var carousel = $("#related_articles");
	
	var articles_count = $("#related_articles .article").size();
	var pages = Math.ceil(articles_count / 2);
	
	if(pages == 1){
		$("#related_articles .controls").hide();
	}
	
	for(var i = 1; i <= pages; i++){
		var link = $("<a href='#'></a>").text(i).data('page',i);
		$("#related_articles .controls .pages").append(link);
	}
	
	$("#related_articles .controls .pages a").eq(0).addClass('active');
	
	$("#related_articles .controls a").click(function(e){ e.preventDefault() });
	
	$("#related_articles .controls a.next").click(function(){
		if(page == pages){
			page = 1;
		}else{
			page++;
		}
		goToPage(page);
	})
	
	$("#related_articles .controls a.prev").click(function(){
		if(page == 1){
			page = pages;
		}else{
			page--;
		}
		goToPage(page);
	})
	
	$("#related_articles .controls .pages a").click(function(){
		goToPage($(this).data('page'));
	})
	
	function goToPage(page){
		$("#related_articles .articles").clearQueue()
		$("#related_articles .articles").animate({left: (page-1) * -640}, 1500);
		var pageLink = $("#related_articles .controls .pages a").eq(page - 1)
		pageLink.siblings().removeClass('active');
		pageLink.addClass('active');
	}
}

function initProductTabs(){
	$(".tab_links .button").click(function(e){
		e.preventDefault();
		
		if($(this).hasClass('active')){
			return;
		}
		
		index = $(this).index();
		
		$(this).siblings().removeClass('active');
		$(this).addClass('active');
		$("#content .tabs").each(function(){
			$(this).children(".tab").hide();
			$(this).children(".tab").eq(index).show();
		})
		
	});
}

function contactSubmit(e){
	var valid = true;
	
	$(this).find('.required').each(function(){
		
		if($(this).val() == ""){
			e.preventDefault();
			
			$(this).parent().addClass('error');
		}else{
			$(this).parent().removeClass('error');
		}
	});
	
	
}

/*function flavourThumb( img, title ) {
	var html = "";
	if( img != "" ) html = '<img src="' + img + '" alt="' + title + '" />';
	document.getElementById('flavour-thumb').innerHTML = html;
}*/