//1 = upload
//2 = gallery
var imageSourceType = 0;
var path = "";
var whyMaxLen = 200;
var submitted = false;

$(function() {
	
	$('#btn_prev').bind('click',function(event) {
		$('#gallery_container').scrollTo('-=200px',800,{axis:'x'});
		event.preventDefault();
	});
	
	$('#btn_next').bind('click',function(event) {
		$('#gallery_container').scrollTo('+=200px',800,{axis:'x'});
		event.preventDefault();
	});
	
	$(".gallery a").bind('click',function(event) {
		$(".gallery .selected").removeClass('selected');
		$('img',this).addClass('selected');
		fn = $("img",this).attr("src");
		var imgName = fn.substring(fn.lastIndexOf("/")+1,fn.lastIndexOf("."));
		$('#selected_image').html(imgName.replace(/_/g," "));
		$("#predefined_image").val(fn);
		event.preventDefault();
	});
	
	$('#why').keyup(function(){ 
		if($(this).val().length > whyMaxLen)
			$(this).val($(this).val().substr(0, whyMaxLen));
		$('#charsRemaining').text(parseInt(whyMaxLen - $(this).val().length));
	});
	
	$("#btn_use_gallery").bind("click",function(e) {
		if ($("#predefined_image").val() == "") {
			$('#selected_image').html("<span style='color:#990000'>Select an image.</span>");
			e.preventDefault();
		}
	});
});