$(document).ready(function(){
	$("#sortable").sortable({
		//connectWith: '.connectedSortable'
	}).disableSelection();
	
	$(".popDown").each(function(i){
		$(this).css("display","none");
	});
	
	$("#slider").easySlider();
	
	accordion();
	bandPaging();
	
	$.get("output.php", function(data){
		$("#gallery").html(data);
		ajaxPaging();
	});	
	
	$(".access-black").click(function(){
		//$("body").css("background", "#000000");
		$("body").css("color", "yellow");
	});
	
	$(".access-normal").click(function(){
		$("body").css("background", "url(images/body-bg.jpg) no-repeat top center");
		$("body").css("color", "#000000");
	});
	
	$(".menu a.active").each(function(i){
		var bg = $(this).attr("rel");
		$(this).css("background", "url(http://www.godivafestival.co.uk/images/menu-"+bg+"-active.gif)");
		$(this).css("color", "#000000");		
	});
	
	$(".menu a").hover(function(){
			var bg = $(this).attr("rel");
			$(this).css("background", "url(http://www.godivafestival.co.uk/images/menu-"+bg+"-active.gif)");
			$(this).css("color", "#000000");
		}, 
		function(){
			if($(this).attr("class") !== "active"){
				var bg = $(this).attr("rel");
				$(this).css("background", "none");
				$(this).css("color", "#FFFFFF");
			}
		}
	);
	
	$(".contact_element").keyup(function(){
		var value = $(this).attr("value");
		var span = $(this).attr("name");
		
		if(span == "contact_email"){
			var ok = (value.indexOf(".") > 2) && (value.indexOf("@") > 0);
		} else {
			if(value.length <=2){
				var ok = false;
			} else var ok = true;
		}
		
		if(ok == false){
			$("#"+span).html('<img src="images/icon_error.gif" alt="Fail" />');
		} else {
			$("#"+span).html('<img src="images/icon_success.gif" alt="Success" />');
		}
	});
});

function accordion(){
	$('.accordion').click(function(){
		$(".popDown").toggle();
		return false;
	});
}

function bandPaging(){
	$(".move-day, .move-tent").click(function(){
		//alert("gash");
		$(".bandHolder .right").html("");
		$(".bandHolder .right").html('<div id="headline-loading">Loading Bands....<br /><img src="images/ajax-loader-bar.gif" alt="Loading..." /></div>');
		
		var mySrc = $(this).attr("href");
		
		setTimeout($(".bandHolder").load(mySrc+" .bandLoader", function(){bandPaging(); accordion();}), 2000);
		return false;
	});
}

function ajaxPaging(){
	$(".gg-paging").click(function(){
		$("#gallery").html('<div id="headline-loading">Loading Image....<br /><img src="images/ajax-loader-bar.gif" alt="Loading..." /></div>');
		var href = $(this).attr("href");
		$.get(href, function(data){
			$("#gallery").html(data);
			ajaxPaging();
		});
		return false;
	});
}