// JavaScript Document

var uploadedImageID = 0;

$(function() 
{
	//------------------------------------------------------------------------------------------------
	// load the modal window
	$('a.modal').click(function()
	{
		// scroll to top
		$('html, body').animate({scrollTop:0}, 'slow');

		// before showing the modal window, reset the outerDivModal incase of previous use.
		$('.errorGenImageUploadMessageBlock, .errorNoImageMessageBlock, .successInfoSaveMessageBlock, .successInsertMessageBlock, .successUploadMessageBlock, .errorInfoSaveMessageBlock, .errorInsertMessageBlock').hide();		
		$('#outerDivModal').show();


		// Reset all the default values in the form fields
		$('#fileImage').val('');		
		$('#tBoxImageTitle').val('Describe the image with 2-5 words...');
		$('#tBoxAlternateText').val('Alternate text for iamge...');
		$('#tAreaImageDescription').val('Description of the image..');
		

		//show the mask and outerDiv divs
		$('#mask').show().fadeTo('', 0.7);
		$('#outerDivModal').fadeIn();

		// stop the modal link from doing its default action
		return false;
	});
	
	
	//------------------------------------------------------------------------------------------------
	// close the modal window if close div or mask div are clicked.
	$('div#close, div#mask').click(function() 
	{
		//$('div#outerDivModal, div#mask').stop().fadeOut('slow');
		$('div#outerDivModal, div#mask').stop().fadeOut('slow').remove();	
		//location.reload(true);
		//$("#outerDivModal").remove();
	});

	// reset default text when clicked on
	$('div#outerDivModal #fileImage, div#outerDivModal #tBoxImageTitle, div#outerDivModal #tBoxAlternateText, div#outerDivModal #tAreaImageDescription, div#outerDivModal textarea').focus(function() 
	{
		$(this).val('').css('background-color', '#eee').css('border-color', '#000');
	});
	
	//  hide initially
	$('#imageInfoBlock').hide();	
	$('#imageDetail').hide();


	$(document).ready(function() 
	{
	  $('#fileImage').uploadify(
	  {
		'uploader'  : 'uploadify/uploadify.swf',
		'script'    : 'uploadify/uploadify.php',
		'cancelImg' : 'uploadify/cancel.png',
		'fileExt'   : '*.jpg;*.gif;*.png',
		'fileDesc'  : 'Image Files',
		'buttonText'	: 'Select & Upload',
		'fileDataName'	: 'fileImage',
		'queueSizeLimit' : 1,
		'multi'       : false,
		'auto'      : true,
		
		
		'onComplete'  :	function(event, ID, fileObj, response, data)
					{


						
							// reset all messages.
							$('.errorGenImageUploadMessageBlock, .errorNoImageMessageBlock, .successInfoSaveMessageBlock, .successInsertMessageBlock, .successUploadMessageBlock, .errorInfoSaveMessageBlock, .errorInsertMessageBlock').hide();		
					

							$('#imageUploadBlock').hide('slow');
							
							$('#imageInfoBlock').slideDown('slow');
							$('#imageDetail').fadeIn('slow');
							
							$('.successUploadMessageBlock').slideDown('slow');
							
							var fullResponce = response;
							var splittedResponceArray = fullResponce.split("|*|");
							
							
							$("#uploadedImage").attr("src",splittedResponceArray[2]);
							
							$('#uploadedFileName').after(fileObj.name);
							$('#uploadedFileType').after('Image/' + fileObj.type);														
							$('#uploadedFileSize').after((fileObj.size/1024).toFixed(2) + ' KB' );
							$('#uploadedFileDimension').after(splittedResponceArray[0] + ' x ' + splittedResponceArray[1] );							
							
							

							$('#tBoxImageLinkURL').val(splittedResponceArray[2]);
							
							uploadedImageID = splittedResponceArray[3];	

					},
					
					
					
		'onError'     : function (event,ID,fileObj,errorObj) 
					{
						alert(errorObj.type + ' Error: ' + errorObj.info);
					}					
					

	  });
	});	



	//------------------------------------------------------------------------------------------------
	// when the imageSaveButton button is clicked...
	$('#imageSaveButton').click(function() 
	{

		$('.errorGenImageUploadMessageBlock, .errorNoImageMessageBlock, .successInfoSaveMessageBlock, .successInsertMessageBlock, .successUploadMessageBlock, .errorInfoSaveMessageBlock, .errorInsertMessageBlock').hide();		
		
		//Inputed Strings
		var tBoxImageTitle = $('#tBoxImageTitle').val();
		var tBoxAlternateText = $('#tBoxAlternateText').val();
		var tAreaImageDescription = $('#tAreaImageDescription').val();
						

		//Error Count
		var error_count = 0;

		if(tBoxImageTitle == '') 
		{
			$('#tBoxImageTitle').css('background-color', '#Fee').css('border-color', '#F00');
			error_count += 1;
		}
		
		if(tBoxAlternateText == '') 
		{
			$('#tBoxAlternateText').css('background-color', '#Fee').css('border-color', '#F00');
			error_count += 1;
		}

		if(tAreaImageDescription == '') 
		{
			$('#tAreaImageDescription').css('background-color', '#Fee').css('border-color', '#F00');
			error_count += 1;
		}				
		

		//No Errors?
		if(error_count == 0) 
		{
			$.ajax({

							type: "POST",
							url: "imageInfoUpload.php",

							data: "uploadedImageID=" + uploadedImageID + "&tBoxImageTitle=" + tBoxImageTitle +"&tBoxAlternateText=" + tBoxAlternateText + "&tAreaImageDescription="+ tAreaImageDescription,									

							error: function() 
							{
								$('.errorGenImageUploadMessageBlock').show();
							},
							
							success: function () 
							{
								$('.successInfoSaveMessageBlock').slideDown('slow');								

								$('div#outerDivModal, div#mask').stop().fadeOut(2000);

							}

					});
					
		}

		else {
			$('.errorInfoSaveMessageBlock').slideDown('fast');
		}

		return false;
			
	});
	

//------------------------------------------------------------------------------------------------
	// when the imageInsertButton button is clicked...
	$('#imageInsertButton').click(function() 
	{

		$('.errorGenImageUploadMessageBlock, .errorNoImageMessageBlock, .successInfoSaveMessageBlock, .successInsertMessageBlock, .successUploadMessageBlock, .errorInfoSaveMessageBlock, .errorInsertMessageBlock').hide();		
		
		//Inputed Strings
		var tBoxImageTitle = $('#tBoxImageTitle').val();
		var tBoxAlternateText = $('#tBoxAlternateText').val();
		var tAreaImageDescription = $('#tAreaImageDescription').val();							

		//Error Count
		var error_count = 0;

		//No Errors?
		if(error_count == 0) 
		{

			$.ajax({
							type: "POST",
							url: "imageInfoUpload.php",

							data: "imageSaveButton=1" + "&tBoxImageTitle=" + tBoxImageTitle +"&tBoxAlternateText=" + tBoxAlternateText + "&tAreaImageDescription="+ tAreaImageDescription,									

							error: function() 
							{
								$('.errorGenImageUploadMessageBlock').show();
							},
							
							success: function () 
							{
								$('.successInsertMessageBlock').slideDown('slow');								

								//alert('insert ambed code, Yet to implement!');
								
								document.appSubmitForm.mytxtarea2.value += ' <img src=" ' + $('#tBoxImageLinkURL').val() + ' ">';
								//$('#mytxtarea2').val() += ' <img src=" ' + $('#tBoxImageLinkURL').val() + ' ">';
								
								$('div#outerDivModal, div#mask').stop().fadeOut(1000);								
								
								
								
							}

					});
					
		}

		else {
			$('.errorInsertMessageBlock').slideDown('fast');
		}

		return false;
			
	});	
//------------------------------------------------------------------------------------------------

}
);

// for form validations
		//Regex Strings
/*		var username_regex = /^[a-z0-9_-]{3,16}$/,
			email_regex = /^([a-z0-9_\.-]+)@([\da-z\.-]+)\.([a-z\.]{2,6})$/;

			//Test Username
			if(!username_regex.test(name)) {
				$('#modalHeader').after('<p class=error>Invalid username entered!</p>');
				error_count += 1;
			}

			//Test Email
			if(!email_regex.test(email)) {
				$('#modalHeader').after('<p class=error>Invalid email entered!</p>');
				error_count += 1;
			}

			//Blank Comment?
			if(comment == '') {
				$('#modalHeader').after('<p class=error>No Comment was entered!</p>');
				error_count += 1;
			}
*/