$(document).ready(function(){
	$('#print').click(function() {
		window.print();	
	});

	$('#saveAs').click(function() {
		$pathImg = $('.b-sing-maket .current').children('div:last').children('img').attr('src');		
		$arrPathImg = $pathImg.split('?');
		window.location.href = 	$('.logo').children('a').attr('href')+'admin/maket_save.php?img='+$arrPathImg[0];
	});
	

    $('#box-format').click( function(){
        $format = $('#box-format .current').attr('id');
        $('div[class^=maket-border-]').remove();
        var $j = 1;
        if($format == 'board'){
			var $step = 1;
			$('.box-sing-maket .board-text').css('display', 'block');
			$('.box-sing-maket .city-text').css('display', 'none');
		}
		else{
			var $step = 5;
			$('.box-sing-maket .board-text').css('display', 'none');
			$('.box-sing-maket .city-text').css('display', 'block');
		}
        var $type_season = 'summer';
        for(var $i=1; $i<9; $i++){
            $('#bg-maket-'+$type_season+'-'+$j).attr('src', '');
            $j++;
            $step++;
            if($i == 4 && $format == 'board'){$j = 1; $step = 1; $type_season = 'winter';}
            if($i == 4 && $format == 'city'){$j = 1; $step = 5; $type_season = 'winter';}
        }
    });
    $('span[id*=-pic]').click(function(){
        $season = $('#season .current span').attr('id');
        $format = $('#box-format .current').attr('id');
        $typeSeason = $season.split("-");
        $step = $('#step li.current span.hlink').attr('id');
        $typeStep = $step.split("-");
        if($season == 'summer-pic'){
            $scroll_l = (900 * parseInt($typeStep[1])) - 900;// - 3600;
            $('.wrap-sing-maket').css({"left": "-"+$scroll_l+"px"});
            $('#step-'+$typeStep[1]).parent().addClass('current').siblings('li').removeClass('current');
            $('#'+$typeSeason[0]+'-image-frame-'+$typeStep[1]).parent().addClass('current').siblings('div').removeClass('current');
			$ind = parseInt($typeStep[1]);			
        }
        else{
            $scroll_r = (900 * parseInt($typeStep[1])) + 2700;
            $('.wrap-sing-maket').css({"left": "-"+$scroll_r+"px"});
            $('#step-'+$typeStep[1]).parent().addClass('current').siblings('li').removeClass('current');
            $('#'+$typeSeason[0]+'-image-frame-'+$typeStep[1]).parent().addClass('current').siblings('div').removeClass('current');
			$ind = parseInt($typeStep[1]) + 4;			
        }
    });	
    $('#main-step').click(function(){
		loadimage.css('background-position','0 0px').removeClass('hover');	
        $(this).parent().removeClass('current');
		$("#box-format").show();
        $("#makettext, #b-maket").toggle();
		$('.maket-box').remove();
        $('.wrap-sing-maket').css('left',0);
        $('.box-sing-maket').removeClass('current');
        $('.box-sing-maket:first').addClass('current');
		$j = 1;
		var $type_season = 'summer';
		for(var $i=1; $i<9; $i++){
			$('#bg-maket-'+$type_season+'-'+$j).attr('src', '');
			$j++;
			if($i == 4){$j = 1; $type_season = 'winter';}
		}
		
    });
    $('span[id^=step-]').click(function(){
        $season = $('#season .current span').attr('id');
        $format = $('#box-format .current').attr('id');		
        $typeSeason = $season.split("-");
        $prev_current = $('.b-sing-maket .current').children('div:last').attr('id');
        $arr = $prev_current.split('-');
        $current = $(this).attr('id');
        $arr_curr = $current.split('-');
		
        if($season == 'summer-pic'){
			$ind = parseInt($arr_curr[1]);
		}
        else{
			$ind = parseInt($arr_curr[1]) + 4;		
        }

        if(parseInt($arr_curr[1]) < parseInt($arr[3])){
            $scroll = (900 * (parseInt(parseInt($arr[3]) - $arr_curr[1])));
            $('.wrap-sing-maket').animate({"left": "+="+$scroll+"px"}, 500);
        }
        else if(parseInt($arr_curr[1]) > parseInt($arr[3])){
            $scroll = (900 * (parseInt($arr_curr[1]) - parseInt($arr[3])));
            $('.wrap-sing-maket').animate({"left": "-="+$scroll+"px"}, 500);
        }
        $('#'+$typeSeason[0]+'-image-frame-'+$arr_curr[1]).parent().addClass('current').siblings('div').removeClass('current');
    });


	var loadimage = $('#loadimage');
	$('#step-1').parent().addClass('current').siblings('li').removeClass('current');
	var $format = $('#box-format .current').attr('id');
	var $season = $('#season .current span').attr('id');
	var internal;
	new AjaxUpload(loadimage, {
			action: 'admin/maket.php',
			data: {},
			name: 'upload',
			onSubmit : function(file, ext){
				fileE = file.split('.');			
				$ii = fileE.length - 1;
				if(fileE[$ii].toLowerCase() != 'jpg' && fileE[1].toLowerCase() != 'jpeg' && fileE[$ii].toLowerCase() != 'png' && fileE[$ii].toLowerCase() != 'gif'){
					alert("Недопустимый тип файла. Вы можете загрузить только файлы в форматах: jpg, jpeg, png, gif");
					$("#box-format").slideDown();
					return false;
				}	
			
				//$v = window.navigator.userAgent;
				//var reg = /Firefox/;
				//$verAgent = reg.exec($v);
/*
				if($verAgent == 'Firefox' && (parseFloat(window.navigator.appVersion) >= 5)){
					$fs = document.getElementsByName('upload')[0].files[0].getAsBinary();//getAsDataURL();//getAsBinary()
					if($fs.length > 700000){
						alert("Недопустимый размер файла. Вы можете загрузить файлы, размер которых не превышает 700 Кб.");
						$("#box-format").slideDown();						
						return false;					
					}	
				}	
*/			
				loadimage.removeClass('hover');				
				$('#loadimage').css('cursor','default');	
				$("input[type='file']").parent().css({'cursor':'default'});	
				this.setData({'ajax':'ajax', 'season':$season, 'format':$format});
				if($format == 'board'){
					$('.box-sing-maket .board-text').css('display', 'block');
					$('.box-sing-maket .city-text').css('display', 'none');
				}
				else{
					$('.box-sing-maket .board-text').css('display', 'none');
					$('.box-sing-maket .city-text').css('display', 'block');
				}
				this.disable();
				$("#box-format").slideUp();
				$bgpt = 66;
				$i_bgpt = 1;
				//loadimage.css('background-position', '0 -66px');					
				loadimage.val("Идет загрузка");
				interval = window.setInterval(function(){
					var text = loadimage.val();
					if ($i_bgpt < 4){
						loadimage.val(text + '.');					
						$i_bgpt++;
					} else {
						$i_bgpt = 1;
						loadimage.val('Идет загрузка');				
					}

				}, 500);

			},
			onComplete: function(file, response){
				try {
					var object = jQuery.parseJSON(response);
					$filesize = object.filesize;

					if($filesize > 0){
						alert("Недопустимый размер файла. Вы можете загрузить файлы, размер которых не превышает 700 Кб.");
						$("#box-format").slideDown();												
						loadimage.val("Загрузить макет*");
						window.clearInterval(interval);
						this.enable();					
					}	
					else{
						$link = object.link;
						$size = object.size;
						format = object.format;
						$arrLink = $link.split("/");
						$arrFile = $arrLink[2].split("-");
						$('#step-1').parent("li").addClass('current').siblings("li").removeClass("current");
						var $j = 1;
						var $q = 1;
						var $type_season = 'summer';
					
						for(var $i=1; $i<9; $i++){
							$('#bg-maket-'+$type_season+'-'+$j).attr('src', $arrLink[0]+'/'+$arrLink[1]+'/'+$arrFile[0]+'-'+$arrFile[1]+'-'+$type_season+'-'+$j+'-'+$arrFile[4]);
							$j++;
							if($i == 4){$j = 1; $type_season = 'winter';}
						}
						window.clearInterval(interval);						
						k=0;
						$("img[id^='bg-maket-']").each(function(i){
							$(this).load(function(){
								k++;
								loadimage.val("Идет обработка изображений ("+k+" из 8)");
								if (k==8) {
								$("#b-maket").css('display', 'block');
								$("#makettext").css('display', 'none');
								loadimage.val("Загрузить макет*");
								k = 0;
								window.clearInterval(interval);
								}
							});
							
						});
						$('#summer-pic').parent().addClass('current').siblings('li').removeClass('current');
						$('#bg-maket-summer-1').parent().parent().addClass('current');						
					}	
					this.enable();
				} catch(e) {
					alert(response);//"Макет не загрузился. Попробуйте еще раз."
					loadimage.val("Загрузить макет*");
					window.clearInterval(interval);
					this.enable();					
				} finally {
				}
			}
	});
});