$(document).ready(function(){

		var pic_form_url = "/vidpicsubmit/pic/add/?blogid=" + $("#blog-id").text();
		var video_form_url = "/vidpicsubmit/video/add/?blogid=" + $("#blog-id").text();

		function preSubmit(formData,jqForm,option){
			return true;
		}

		function postSubmit(formData,jqForm,option){
			return true;
		}

		//upload new picture with given info
		var upload_video = function(){
			//Set options for & make the form and ajaxForm
			var pic_upload_options = {
				target: "#video_form_container",
				beforeSubmit: preSubmit,
				success: postSubmit
			};
			$('#video_form').ajaxForm(pic_upload_options);
			$('#video_form').submit();
		}

		//upload new picture with given info
		var upload_picture = function(){
			//Set options for & make the form and ajaxForm
			var pic_upload_options = {
				target: "#pic_form_container",
				beforeSubmit: preSubmit,
				success: postSubmit
			};
			$('#pic_form').ajaxForm(pic_upload_options);
			$('#pic_form').submit();
		}

		//close the dialog
		var close_dialog = function(){
			$(this).dialog('close');
			reset_dialog();
		}

		//reset the dialog
		var reset_dialog = function(event,ui){
			$('#pic_form_container').dialog('option','buttons',presend_buttons);
			$.get(pic_form_url,function(data){
				$('#pic_form_container').html(data);
			});
		}

		// Upload & Cancel buttons
		var pic_presend_buttons = {
			'Upload': upload_picture,
			'Close': close_dialog
		}

		var video_presend_buttons = {
			'Upload': upload_video,
			'Close': close_dialog
		}

		//buttons to display with success message
		var postsend_buttons = {
			'Close':close_dialog
		}

		$('#pic_form_container').dialog({
			bgiframe:true,
			autoOpen:false,
			height:550,
			width:300,
			modal:true,
			buttons: pic_presend_buttons
		});

		$('#video_form_container').dialog({
			bgiframe:true,
			autoOpen:false,
			height:550,
			width:300,
			modal:true,
			buttons: video_presend_buttons
		});

		$("div#vidpics div.bottom").append('<p id="upload_buttons" class="last"><a href="#" class="button" id="add_pic"><span>Add your pictures here</span></a></p>');
		$("p#upload_buttons").append('<a href="#" class="button" id="add_video"><span>Add your videos here</span></a>');

		$('#add_pic').click(function(){ $('#pic_form_container').dialog('open');return false; });
		$('#add_video').click(function(){ $('#video_form_container').dialog('open');return false; });


});