var urlSiteName = 'urlPass';
var urlSiteDomain = 'urlPass.com';
jQuery.preloadImages = function(){
	for(var i = 0; i<arguments.length; i++){
		jQuery('<img>').attr('src', arguments[i]);
	}
};
$.preloadImages('images/loading.gif','images/create-url-disabled.gif','images/dots-1.gif','images/url-created.gif','images/tick.gif','images/create-another.gif','images/recently-created.gif','images/generate-disabled.gif');
jQuery.fn.formCreateUrlSubmit = function() {
	$('#fldSubmit')
		.attr('src','images/create-url-disabled.gif')
		.attr('disabled','disabled')
		.after('<div id="loadingCont"><img src="images/loading.gif" /></div>');
	$.ajax({
		url: $('#formCreateUrl').attr('action'),
		type: 'GET',
		data: {fldUrl: $('#fldUrl').val(),
			/*fldCaptchaCode: $('#fldCaptchaCode').val(),*/
			action: 'urlCreate',
			request: 'ajax'},
		dataType: 'xml',
		timeout: 20000,
		cache: false,
		error: function(){
			$().formCreateUrlReset();
			$('#lblUrl').before('<div id="errorCont1"><div class="errors1"><p>Oops!</p><ul><li>We are currently experiencing high volumes of traffic. Please try again later.</li></ul></div><br class="clearFloat" /></div>');
			$('#errorCont1').hide().slideDown(500,function(){/*$().formCreateUrlResetCaptcha();*/});
		},
		success: function(xml){
			$().formCreateUrlReset();
			var errorArr = [];
			var i = 0;
			$(xml).find('errors').each(function(){
				$(this).find('message').each(function(){
					errorArr[i] = $(this).text();
					i++;
				});
				$(this).find('error').each(function(){
					errorArr[i] = $(this).text();
					i++;
				});
			});
			if(errorArr.length > 0){
				var errorStr = '<div id="errorCont1"><div class="errors1"><p>' + errorArr[0] + '</p><ul>';
				for(var i=1;i<errorArr.length;i++){
					errorStr+= '<li>' + errorArr[i] + '</li>';
				}
				errorStr+= '</ul></div><br class="clearFloat" /></div>';
				$('#lblUrl').before(errorStr);
				$('#errorCont1').hide();
				$('#errorCont1').slideDown(500,function(){/*$().formCreateUrlResetCaptcha();*/});
			}else{
				if($('#imgCreateAnother').length == 0){
					$('#lblUrl').before('<div id="imgCreateAnother" class="imgTitleCont1"><img src="images/create-another.gif" alt="create another?" /></div><br class="clearFloat" />');
					$('#imgCreateAnother').hide();
				}
				$(xml).find('url').each(function(){
					$(this).find('newUrl').each(function(){
						newUrl = $(this).text();
					});
					$(this).find('urlUserOwned').each(function(){
						urlUserOwned = $(this).text();
					});
				});
				$('#formCreateUrl').before('<div id="createdUrlCont"><form id="formCreatedUrl"><div class="imgTitleCont1"><img src="images/url-created.gif" alt="' + urlSiteName + ' created!" /></div><br class="clearFloat" /><label for="fldCreatedUrl">Your ' + urlSiteName + ':</label><input name="fldCreatedUrl" id="fldCreatedUrl" class="ipt1" type="text" size="16" value="http://' + urlSiteDomain + '/' + newUrl + '" /><img src="images/tick.gif" alt="tick" class="imgTick"/><br class="clearFloat" /><ul class="list3"><li>Click box above to select, then copy</li><li>View <a href="http://' + urlSiteDomain + '/' + newUrl + '" target="_blank">http://' + urlSiteDomain + '/' + newUrl + '</a></li><li><a href="#widgetSP">Create &quot;Share this page&quot; widget</a><img src="images/new.gif" alt="new icon" align="middle" /></li></ul><br class="clearFloat" /></form><div class="divider1"><hr /></div></div>');
				$('#formCreatedUrl').submit(function(){
					return false;
				});
				$('#fldCreatedUrl').click(function(){
					$(this).focus();
					$(this).select();
				});
				$('#fldWgtUrlSP').attr('value','http://' + urlSiteDomain + '/' + newUrl);
				if($('#resultContWgtSP').length != 0){
					$('#resultContWgtSP').remove();
				}
				$('#createdUrlCont').hide();
				$('#createdUrlCont').slideDown(500,function(){
					$('#fldUrl').attr('value','');
					/*$().formCreateUrlResetCaptcha();*/
					$('#wrapper div:first').before('<div id="hidden">&nbsp;</div>');
					$('#hidden').fadeTo(1000,0,function(){
						$('#hidden').hide();
						$('#imgCreateAnother').slideDown(500,function(){
							var recentlyCreatedListItem = '<li><a href="http://' + urlSiteDomain + '/' + newUrl + '" target="_blank">http://' + urlSiteDomain + '/' + newUrl + '</a></li>';
							if($('#recentlyCreated').length == 0){
								$('#formCreateUrl').after('<div id="recentlyCreated"><div class="divider1"><hr /></div><div class="imgTitleCont1"><img src="images/recently-created.gif" alt="Your recently created ' + urlSiteName + '\'s" /></div><br class="clearFloat" /><ul class="list1">' + recentlyCreatedListItem + '</ul><br class="clearFloat" /></div>');
								$('#recentlyCreated').slideDown(500);
							}else{
								$('#recentlyCreated li:first').before(recentlyCreatedListItem);
							}
						});
					});
				});
			}
		}
	});
};
jQuery.fn.formCreateUrlReset = function() {
	$('#fldSubmit')
		.attr('disabled','')
		.attr('src','images/create-url.gif');
	$('#loadingCont').remove();
}
/*
jQuery.fn.formCreateUrlResetCaptcha = function() {
	$('#imgCaptcha').attr('src','getCaptcha.php?noCache=' + parseInt(Math.random()*99999999));
	$('#fldCaptchaCode').attr('value','');
}
*/
jQuery.fn.formWidgetSubmit = function() {
	$('#fldWgtSubmit' + widgetId)
		.attr('src','images/generate-disabled.gif')
		.attr('disabled','disabled')
		.after('<div id="loadingCont"><img src="images/loading.gif" /></div>');
	var fldWgtUrl = '';
	if(widgetId == 'SP'){
		fldWgtUrl = $('#fldWgtUrlSP').val();
	}
	var widgetAction = $('#formWgt' + widgetId).attr('action').split('#');
	widgetAction = widgetAction[0];
	$.ajax({
		url: widgetAction,
		type: 'GET',
		data: {fldWgtId: widgetId,
			fldWgtUrlSP: fldWgtUrl,
			fldWgtFormat: $('#fldWgtFormat' + widgetId).val(),
			action: 'widgetCreate',
			request: 'ajax'},
		dataType: 'html',
		timeout: 20000,
		cache: true,
		error: function(){
			$().formCreateWidgetReset();
			if($('#resultContWgt' + widgetId).length != 0){
				$('#resultContWgt' + widgetId).remove();
			}
		},
		success: function(html){
			$().formCreateWidgetReset();
			if($('#resultContWgt' + widgetId).length != 0){
				$('#resultContWgt' + widgetId).remove();
			}
			if(html != ''){
				$('#formWgt' + widgetId).after(html);
			}
		}
	});
};
jQuery.fn.formCreateWidgetReset = function() {
	$('#fldWgtSubmit' + widgetId)
		.attr('disabled','')
		.attr('src','images/generate.gif');
	$('#loadingCont').remove();
}
jQuery(document).ready(function(){
	$('#formCreateUrl').submit(function(){
		if($('#errorCont1').length != 0){
			if($('#createdUrlCont').length != 0){
				$('#errorCont1').slideUp(500,function(){ // error and created exists
					$('#errorCont1').remove();
					$('#createdUrlCont').slideUp(500,function(){
						$('#createdUrlCont').remove();
						$().formCreateUrlSubmit();
					});
				});
			}else{
				$('#errorCont1').slideUp(500,function(){
					$('#errorCont1').remove();
					$().formCreateUrlSubmit();
				});
			}
		}else if($('#createdUrlCont').length != 0){
			$('#createdUrlCont').slideUp(500,function(){
				$('#createdUrlCont').remove();
				$().formCreateUrlSubmit();
			});
		}else{
			$().formCreateUrlSubmit();
		}
		return false;
	});
	if($('#fldCreatedUrl').length != 0){
		$('#fldCreatedUrl').click(function(){
			$(this).focus();
			$(this).select();
		});
	}
	$('#formWgtSP').submit(function(){
		if($('#loadingCont').length == 0){
			widgetId = 'SP';
			$().formWidgetSubmit();
		}
		return false;
	});
	$('#formWgtSU').submit(function(){
		if($('#loadingCont').length == 0){
			widgetId = 'SU';
			$().formWidgetSubmit();
		}
		return false;
	});
});