story = {};


story.imageUploaded = false;
story.imageUploadedName = "";
story.setFinal = false;
story.setDialogBox = undefined;
story.itemId = undefined;

story.featuredInitUploadForm = function(){
	
		
	
	$('#optionalTextFormData').keyup(function(){
		$('.featuredText').text($('#optionalTextFormData').val());
		});
	
	
	$("#imageUpload").click(function(){
	
		$("#updateFeaturedForm").slideToggle();
		
		
		
	});
	
	$("#featuredUploadImage").click(function(){	
		var options = {
			success : story.featuredUploadResponse
		 }
		$("#updateFeaturedImage").ajaxSubmit(options);
	});


};



story.featuredUploadResponse = function(responseText,statusText){
			story.imageUploaded = true;
		
		$("#featuredImageOverride").val(responseText);
		
		if($("#featuredImagePreview").length >0){

			$("#featuredImagePreview").attr('src',responseText);
		}else{
			$("<img/>").attr("id","featuredImagePreview").css({'width':'200px'}).attr('width','200').attr('src',responseText).insertBefore("#featuredTitle");
			$("#featuredText").hide();
			$("#featuredTitle").addClass("featuredText");
			
			if($("#optionalTextFormData").val()!="" && typeof $("#optionalTextFormData").val() !=undefined && $("#optionalTextFormData").val()!=null){
				$("#featuredTitle").addClass("featuredText").text($("#optionalTextFormData").val());
				
			}
			
		}
		
		if(story.setFinal === true){
			story.submitFeaturedForm(story.setDialogBox,story.itemId);
		}

}

story.submitFeaturedForm = function(dialogBox,itemId){
		
		var ct = $("#featuredContentType").val();
		
		
		var imageFormVal = $("#imagefile").val();

		
		if((imageFormVal != "" && typeof imageFormVal !="undefined" && imageFormVal != null) && story.imageUploaded === false ) {
		
				story.setFinal = true;
				story.setDialogBox = dialogBox;
				story.itemId = itemId;		
				$("#featuredUploadImage").click();
				
			
				
				return false;
		
		}else{
		
		
		
		
		if($("#featuredImagePreview").length > 0){
			
			var photo = $("#featuredImagePreview").attr("src");			
			url = "/api/featured.php?c=setStory&itemId="+itemId+"&optionalPhoto="+photo;
			
			var optionalText = $("#optionalTextFormData").val();

			if(optionalText != "" && optionalText !=null && typeof optionalText !="undefined"){
				url = url+"&optionalText="+escape(optionalText);
			}
			
				$.getJSON(url, function(response){
      	      		 $(dialogBox).dialog("close");
		      	      $(dialogBox).remove();
		      	      
		      	            	      $("<div/>").addClass("flora").html("<div style='text-align: center'>This story has been featured</div>").dialog({
	      	      	buttons: { "Ok":function(){
				      	      window.location="/";	      	      	
				      	      $(this).dialog("close");
				      	      $(this).remove();
	      	      	}
	      	      	
	      	      	}
	      	      });
		      	      
      	      	});
		}else{
		
			var optionalText = $("#optionalTextFormData").val();
			
			if(optionalText !="" && optionalText != null && typeof optionalText !="undefined"){
			
			}else{
				optionalText = escape($("#featuredText").html());
			}
			
			
			
			url = "/api/featured.php?c=setStory&itemId="+itemId+"&contentType=text&optionalText="+escape(optionalText);
			$.getJSON(url, function(response){

  	      		 $(dialogBox).dialog("close");
	      	      $(dialogBox).remove();
	      	      
	      	      $("<div/>").addClass("flora").html("<div style='text-align: center'>This story has been featured</div>").dialog({
	      	      	buttons: { "Ok":function(){
				      	      window.location="/";	      	      	
				      	      $(this).dialog("close");
				      	      $(this).remove();
	      	      	}
	      	      	
	      	      	}
	      	      });

	      	      
	      	      
  	      	});
		
		}
		
		
		
		
		
		
		
		$(dialogBox).dialog("close");
		$(dialogBox).remove();			
		
		}
		
		
		
		


}

story.featuredStory = function(itemId){
	$("#dialogContent").remove();
	$("#dialog_"+itemId).remove();
	$(".dialogForms").dialog("close").remove();
	startFrm = "<div id='dialogContent' style='text-align: center;'><img src='/images/v3/loading.gif'></div>";
		
	$("<div />").addClass("flora").addClass("dialogForms").attr("id","dialog_"+itemId).html(startFrm).dialog({
			width: 600,
			height: 400,
			buttons:{ 
			"Cancel" : function(){
				$(this).dialog("close");
				$(this).remove();
			},
			"Finish" : function() { 
				
				var dialogBox = $(this);
				
				story.submitFeaturedForm(dialogBox,itemId);
			
			}}	
	});
	
	$("#dialogContent").load("/api/featured.php?c=getStory&itemId="+itemId,function(){	
		story.featuredInitUploadForm();			
	});		


}



story.featuredStory2 = function(itemId){


		var dialogDiv = document.createElement("div");
		dialogDiv.id = "dialog_"+itemId;
		dialogDiv.className="flora";

		htmlStr = "<div id='dialogMessage' style='margin-bottom: 10px;'>This is a preview of what the card will look like. Click OK to accept</div>";
		htmlStr += "<div id='dialogContent' style='width: 200px; margin-bottom: 10px;'></div>";
		
		var scr = document.createElement("script");
			$(scr).attr("type","text/javascript");

		txtStr = "$('#optionalText').keyup(function(){$('.featuredUserTxt').text($('#optionalText').val());});";
		$(scr).text(txtStr);		
		$(dialogDiv).html(htmlStr);
		
		dialogDiv.appendChild(scr);
		
		var cs = document.getElementById("content");

		cs.appendChild(dialogDiv);
		

		
		
		$("#dialogContent").load("/api/featured.php?c=getStory&itemId="+itemId);		
		
		
		
		$("#dialog_"+itemId).dialog(
			{
			width: 250,
			height: 500,
			buttons: { 
      		  "Ok": function() { 
      	      	
      	  //     var optionalText = $('#optionalText').val();
      	       
      	       
      	      	
      	      	url = "/api/featured.php?c=setStory&itemId="+itemId;
      	      	
      	      	var dialogFoo = $(this);
      	        	      	
      	      	$.getJSON(url, function(response){
      	      		 $(dialogFoo).dialog("close");
		      	      $(dialogFoo).remove();
      	      	});
      	      	
      	      	
      	      	
       		   }, 
       		 "Cancel": function() { 
          	  $(this).dialog("close"); 
          	  $(this).remove();
        	} 
  	  		}});

		



}