var aUser = [];
var iNowStepID = 1;

function changeStep(iStepID)
{
	if (iStepID > 1) {
		$('#step-' + iNowStepID + ' div').css({'font-size': '1em'});
		$('#body-step-' + iNowStepID).css({'display': 'none'});
		$('#step-' + iStepID + ' div').css({'font-size': '2em'});
		$('#body-step-' + iStepID).css({'display': 'block'});
	}
	
	iNowStepID = iStepID;

	if (iStepID == 2) {
		$('.content_body').css({'display': 'none'});
		$('.upload-body').css({'display': 'block'});
		
		$('#preview2').html('<img class="preview" src="images/' + aUser[0] + '/' + aUser[1] + '" alt="" width="200" />');
		
		$('#upload2 a').upload({
			name: 'file',
			method: 'post',
			enctype: 'multipart/form-data',
			action: 'design/ajax/upload.php',
			params: {type: 'another', path: aUser[0], filename: aUser[1]},
			onSubmit: function() {
				$('#progress2').html('<img src="design/css/pics/progressbar.gif" alt="Идет загрузка файла..." />');
			},
			onComplete: function(data) {
				if (data == '') {
					$('#progress2').html('Ошибка загрузки файла!');
				} else {
					aResult = data.split('#');
					aUser[0] = aResult[0];
					aUser[1] = aResult[1];
					
					$('#progress2').html('');
					$('#preview2').html('<img class="preview" src="images/' + aUser[0] + '/' + aUser[1] + '" alt="" width="200" />');
				}
			}
		});
		
		$('#upload3 a').upload({
			name: 'file',
			method: 'post',	
			enctype: 'multipart/form-data',
			action: 'design/ajax/upload.php',
			params: {type: 'collage', path: aUser[0]},
			onSubmit: function() {
				$('#progress3').html('<img src="design/css/pics/progressbar.gif" alt="Идет загрузка файла..." />');
			},	
			onComplete: function(data) {
				if (data == '') {
					$('#progress3').html('Ошибка загрузки файла!');
				} else {
					aResult = data.split('#');
					aUser[2] = aResult[1];
					
					$('#upload3').html('Коллаж:');
					$('#progress3').html('<img class="preview" src="images/' + aUser[0] + '/collage/' + aUser[2] + '" alt="" width="200" />');
				}
			}
		});
		
		$('#to-step-3').click(function() {
			aUser[3] = $('#services').attr('value');
			aUser[4] = $('#comments').val();
			
			changeStep(3);
			
			return false;
		});
	} else if (iStepID == 3) {	
		$.ajax({
			type: "post",
			url: "design/ajax/order.php",
			data: {path: aUser[0], email: 'a.i.kushnarev@gmail.com', services: aUser[3], comments: aUser[4]},
			success:function(theResponse) {
				if (theResponse) {
					$('#body-step-3').html('<h1>Заказ успешно сформирован!</h1><br /><br />Для подтверждения и оплаты, пожалуйста отправьте SMS сообщение:<br /> <table style="border: 1px solid; padding: 4px;"><tr><td style="border: 1px solid; padding: 4px;"><span class="minutes" >15 минут </span> работы дизайнера <br />25 рублей <br />сообщение <br /><span class="minutes" > zphoto ' + theResponse + '</span>  на номер <span class="minutes" >  4446 </span> </td><td style="border: 1px solid; padding: 4px;"><span class="minutes" >30 минут </span>работы дизайнера <br />45 рублей <br /> сообщение <br /><span class="minutes" > zphoto  ' + theResponse + ' </span> на номер <span class="minutes" >  4448 </span> </td><td style="border: 1px solid; padding: 4px;"><span class="minutes" >1 час </span> работы дизайнера <br />100 рублей <br />сообщение <br /> <span class="minutes" > zphoto ' + theResponse + ' </span> на номер <span class="minutes" >  4161 </span> </td></tr></table>');
				} else {
					$('#body-step-3').html('К сожалению сейчас мы проводим профилактику на сервере оплаты, и у нас нет возможности принять Ваш заказ в автоматическом режиме.<br />Надеемся, что в ближайшее время сервис будет восстановлен. Приносим свои извинения за неудобства.');
				}
			}
		});
	} 
}

$(document).ready(function() {
	changeStep(1);
	
	$('#upload1 a').upload({
		name: 'file',
		method: 'post',
		enctype: 'multipart/form-data',
		action: 'design/ajax/upload.php',
		params: {type: 'new'},
		onSubmit: function() {
			$('#progress1').html('<img src="design/css/pics/progressbar.gif" alt="Идет загрузка файла..." />');
		},
		onComplete: function(data) {
			if (data == '') {
				$('#progress1').html('Ошибка загрузки файла!');
			} else {
				aResult = data.split('#');
				aUser[0] = aResult[0];
				aUser[1] = aResult[1];
				
				changeStep(2);
			}
		}
	});
});