function mini_slider(){
	// #####  MINI SCROLLABLE FOR CURRENT SHOWS IN HEADER  #####
	//var mini_horizontal = $(".mini_scrollable").scrollable({ circular: true, speed: 400 }).autoscroll({ interval: 7000}).navigator(".mini_navi");
	// when page loads setup keyboard focus on the first horzontal scrollable
	//mini_horizontal.eq(0).data("mini_scrollable").focus();
}



function feature_slider(){
		$(".scrollable").scrollable();

		$(".items img").click(function() {

			// see if same thumb is being clicked
			if ($(this).parent().parent().hasClass("active")) { return; }

			// calclulate large image's URL based on the thumbnail URL (flickr specific)
			var url = $(this).attr("src").replace("_t", "");
			
			// update current image in save button
			var alt = $(this).attr("alt").replace("_t", "");
			$("#currentImage").val(alt);
			
			var caption = $(this).attr("caption").replace("_t", "");
			if(caption != ""){
			$(".feature_meta_caption").html("<h2>"+caption+"</h2>");
			$(".feature_meta").css("display","block");
			}else{
				$(".feature_meta").css("display","none");
			}	
			
			var description = $(this).attr("description").replace("_t", "");
			if(description != ""){
			$(".feature_meta_description").html(description);
			}
			
			//fetch image ratio
			var ratio = $(this).attr("ratio").replace("_t", "");
			var width = 375 * ratio;
			
			
			// get handle to element that wraps the image and make it semi-transparent
			var wrap = $("#image_wrap").fadeTo("medium", 0.5);

			// the large image from www.flickr.com
			var img = new Image();

			
			
			// call this function after it's loaded
			img.onload = function() {

				// make wrapper fully visible
				wrap.fadeTo("fast", 1);

				// change the image
				wrap.find("img").attr("src", url);
				//adjust for width
				wrap.find("img").attr("width", width);

			};

			// begin loading the image from www.flickr.com
			img.src = url;

			// activate item
			$(".items .img_container").removeClass("active");
			//$(this).addClass("active");
			$(this).parent().parent().addClass("active");

		// when page loads simulate a "click" on the first image
		}).filter(":first").click();



}

function save_image(){
	 $("#save_image_form").submit(function() {
	  saveImage();
	  return false;
	 });
}



function saveImage() {
	var errors = '';
	 
	 // Validate currentUser
	 var currentUser = $("#currentUser").val();
	 if (currentUser == "0") {
	  errors += ' - Please login to save the image';
	 }
	 
	 if (errors > "") {
	  errors = 'The following errors occurred: ' + errors;
	  
	 
	 $("#feature_errormsg").overlay({
		 	speed: "normal",
			mask: {
			 // you might also consider a "transparent" color for the mask
			 color: "#000",
			 
			 // load mask a little faster
			 loadSpeed: 200,
			
			 // very transparent
			 opacity: 0.5
			 },

			 api: true
			 // load it immediately after the construction
			 //load: true 
		}).load();
	 
	 //$('#feature_errormsg').animate({opacity: 1}, 300, 'linear').delay(2000);
	 //$('#feature_errormsg').animate({opacity: 0}, 300, 'linear');
	  return false;
	 } else {
	  // Submit our form via Ajax and then reset the form
	  $("#save_image_form").ajaxSubmit({success:showResult});
	  return false;
	 }
	  //$("#save_image_form").ajaxSubmit();

	  //$("#save_image_form").resetForm();
	 // return false;
	 
}


function showResult(data) {
	 if (data == 'save_failed') {
	  alert('Form save failed, please contact your administrator');
	  return false;
	 } else {
		 $("#feature_successmsg").overlay({
			 	speed: "normal",
				mask: {
				 // you might also consider a "transparent" color for the mask
				 color: "#000",
				 
				 // load mask a little faster
				 loadSpeed: 200,
				
				 // very transparent
				 opacity: 0.5
				 },

				 api: true
				 // load it immediately after the construction
				 //load: true 
			}).load();
		 
		  //$('#feature_successmsg').animate({opacity: 1}, 300, 'linear').delay(2000);
		  //$('#feature_successmsg').animate({opacity: 0}, 300, 'linear');
		  $("#save_image_form").clearForm().clearFields().resetForm();
	  return false;
	 }
}


function mb_hover(){
	$('#mb_container .img_container .img_hover').mouseenter(function() {
		 $(this).animate({opacity: 0.8}, 300, 'linear');
	});
	
	$('#mb_container .img_container .img_hover').mouseleave(function() {
		 $(this).animate({opacity: 0}, 300, 'linear');
	});
}


function mb_pagination(){
		$("ul.tabs").tabs("div.panes", {effect: 'fade', history: true}); 
		
		$("ul.tabs li a").click(function() {
			var currentID = $(this).attr("href").replace("_t", "");
			currentID = parseInt(currentID.substr(1));
			var prev = currentID-1;
			var next = currentID+1;
			
			var lastID = $(".last a").attr("href").replace("_t", "");
			lastID = parseInt(lastID.substr(1));

			if (currentID == 1){
				$(".backward").css("display", "none");
			}else{
				$(".backward").css("display", "block");
				$(".backward").attr("href", "#"+prev);
			}

			if (currentID == lastID){
				$(".forward").css("display", "none");
			}else{
				$(".forward").css("display", "block");
				$(".forward").attr("href", "#"+next);
			}
			
			$("#current_tab").html(currentID);
		});
		
		$(".first").click(function() {
			$(".backward").css("display", "none");
			$(".forward").attr("href", "#1");
			$(".forward").css("display", "block");
			$(".forward").attr("href", "#2");
			$(".current").removeClass("current");
			$("#n1").addClass("current");
			$("#current_tab").html("1");
		});
		
		$(".last").click(function() {
			var lastID = $(".last a").attr("href").replace("_t", "");
			lastID = parseInt(lastID.substr(1));
			var prev = lastID-1;
			
			$(".forward").css("display", "none");
			$(".backward").attr("href", "#"+lastID);
			$(".backward").css("display", "block");
			$(".backward").attr("href", "#"+prev);
			$(".current").removeClass("current");
			$("#n"+lastID).addClass("current");
			$("#current_tab").html(lastID);
		});
		
		$(".forward").click(function() {
			var lastID = $(".last a").attr("href").replace("_t", "");
			lastID = parseInt(lastID.substr(1));
			
			var currentID = $(".current").attr("href").replace("_t", "");
			currentID = parseInt(currentID.substr(1));
			var next = currentID+1;
			
			if (next == lastID){
				$(".forward").css("display", "none");
				$(".forward").attr("href", "#"+next);
			}else{
				$(".forward").css("display", "block");
				$(".forward").attr("href", "#"+next);
			}
			
			var prev = currentID-1;
			$(".backward").css("display", "block");
			$(".backward").attr("href", "#"+prev);
			
			$(".current").removeClass("current");
			$("#n"+next).addClass("current");
			$("#current_tab").html(next);
			
		});
		
		$(".backward").click(function() {
			var currentID = $(".current").attr("href").replace("_t", "");
			currentID = parseInt(currentID.substr(1));
			var prev = currentID-1;
			
			if (prev == 1){
				$(".backward").css("display", "none");
				$(".backward").attr("href", "#"+prev);
			}else{
				$(".backward").css("display", "block");
				$(".backward").attr("href", "#"+prev);
			}
			
			var next = currentID+1;
			$(".forward").css("display", "block");
			$(".forward").attr("href", "#"+next);
			
			$(".current").removeClass("current");
			$("#n"+prev).addClass("current");
			$("#current_tab").html(prev);
		});

}
		
function mb_feature_overlay(){	
		$("#img_container a[rel]").overlay({
			speed: "fast",
			mask: {
			
			 // you might also consider a "transparent" color for the mask
			 color: "#000",
			 	
			 // load mask a little faster
			 loadSpeed: 200,
			
			 // very transparent
			 opacity: 0.5
			 }, 
			 
			 // disable this for modal dialog-type of overlays
			closeOnClick: false
			});
}

function feature_hover(){
	$('#image_wrap').mouseenter(function() {
		 $(".feature_meta").animate({opacity: 0.8}, 200, 'linear');
	});
	
	$('#image_wrap').mouseleave(function() {
		 $(".feature_meta").animate({opacity: 0}, 200, 'linear');
	});
}

function search_tk(){
	$("#searchsubmitSide").click(function(){
        var valid = '';
        var homeUrlSide = $("#homeUrlSide").val();
        var sTextSide = $("#sTextSide").val();
        var catPSide = $("#catPSide").val();
        var catRSide = $("#catRSide").val();
        var catTSide = $("#catTSide").val();
        
        if (sTextSide.length<1) { sTextSide = "+";}
        
        var searchUrl = homeUrlSide + "/?s=" + sTextSide + "&cat='" + catPSide + "," + catRSide + "," + catTSide + "'";
        
        window.location = searchUrl;
        
        return false;
	});
}