$(document).ready(function(){

	// generation date BIRTHDAY
	function generation_date(select, option){

		var result = '',start,end;
	
		switch(select){
			//day
			case 'day': start = 1; end = 32; break;
			//month
			case 'month': start = 1; end = 13; break;
			//year
			case 'year': start=1971; end = 2011; break;
		}
		
		if(start != '' && end != ''){
			for(var k = start; k<end; k++){
				result += '<option value="'+((k >= 0 && k <= 9)?'0':'')+k+'"'+((option != '' && option == k)?' selected':'')+'>'+((k >= 0 && k <= 9)?'0':'')+k+'</option>';
			}
			return result;
		}
		
	}
	//
	function ajaxPost(d){
		var data = $('#registration_form').serialize()+d;
		$.ajax({
			type: "POST",
			url: "./registration/registration.php",
			data: data,
			success: function(msg){
				$("#result").html('<script type="text/javascript">'+msg+'</script>');
			}
		});
	}
	//
	$('.registration div').animate({height: 'hide'}, 0);
		
	$(".threecols-center a").click(function(){
		$('.registration').css('display', 'inline');
		$('.registration div').animate({height: 'hide'}, 0);
		$('.registrationSt1').animate({opacity: 'show'}, 0);
		$("#day").html(generation_date('day'));
		$("#month").html(generation_date('month'));
		$("#year").html(generation_date('year'));
		
		if($.browser.msie){
			$('#back-background').height($(document).height()).toggleClass('hidden');
		} else {
			$('#back-background').height($(document).height()).toggleClass('hidden').fadeTo('slow', 0.7);
		}
		
	});
	
	$(".st0").click(function(){
		$('.registration div').animate({opacity: 'hide'}, 0);
		$('#back-background').addClass('hidden');
	});
	
	$(".st1").click(function(){
		$('.registration div').animate({opacity: 'hide'}, 0);
		$('.registrationSt1').animate({opacity: 'show'}, 0);
	});
	
	$(".st2").click(function(){
		ajaxPost('&step=1');
	});
	
	$(".st3").click(function(){
		ajaxPost('&step=2');
		
		$(".st4").click(function(){
			ajaxPost();
			return false;
		});
		
	});
	
	$(".st4").click(function(){	
		var ch = $('input:radio[name="pol"]:checked').val();
		$.ajax({
			type: "POST",
			url: "./registration/registration.php",
			data: 'character='+ch,
			success: function(msg){
				$("td.character").html(msg);
			}
		});
		
	});
	
	$('.st5').click(function(){
		var ch = $('input:radio[name="pol"]:checked').val();
	
		bodyArr = new Array();
		var instantItem; 
		// получаем массив установленных картинок (без  трусов)
		for(i=0; i < category_name.length; i++){
			instantItem = document.getElementById(category_name[i] + 'Img0').alt;
			bodyArr[i] =  categoryImgsArr[instantItem];
		}
	
		instantItem = document.getElementById('BottomsImg0').alt;
		bodyArr[i++] =  categoryImgsArr[instantItem];
		if('Female' == ch){
			instantItem = document.getElementById('Tops 1Img0').alt;
			bodyArr[i++] =  categoryImgsArr[instantItem];
		}	
	
	
		//добавляем нужный массив в ворму и отправляем данные
		var hidden_save = document.getElementById('hidden_save');
		//hidden_save.value = bodyArr.toJSON();
		hidden_save.value = JSON.stringify(bodyArr);
	
	
		ajaxPost('&register=1');
		$('.registration div').animate({opacity: 'hide'}, 0);
		$('.registrationSt5').animate({opacity: 'show'}, 0);
		
		
	});
	
	$('#back-background').click(function(){
		$('.registration div').animate({opacity: 'hide'}, 0);
		$('#back-background').addClass('hidden');
	});
	
});
