/*
	 *========================================================================================
	 * オブジェクト
	 * imex.create
	 *========================================================================================
	 * メソッド
	 * alpha()             => 半透過黒作成
	 * artboard(pixel:str) => アートボード更新
	 * colorlist()         => アイテムカラー一覧作成
	 * optionlist()        => オプションリスト作成
	 * printarea()         => プリントエリア作成
	 * sizelist()          => サイズリスト作成
	 *========================================================================================
	 */
	imex.create = {

		alert : function(){
			
		},

		alpha : function(){
			var width = $('body').width();
			var height = parseInt($('body').height()) + 55;

			$('body').append('<div id="black_alpha"></div>');
			$('#black_alpha')
				.css({
					'-moz-opacity' : '0.7',
					'background-color' : 'black',
					'filter' : 'alpha(opacity=70)',
					'height' : height,
					'left' : '0px',
					'opacity' : '0.7',
					'position' : 'absolute',
					'top' : '0px',
					'width' : width,
					'z-index' : '200'
				})
				.hide();
		},

		artboard : function(file){
			$('#artboard').css({
				'background-image': 'url(' + imex.storage.root + '/images/item/' + file + ')'
			});
		},

		colorlist : function(){
			var color_list = imex.storage.item_list.item.color;
			var width = 160 * color_list.length;
			var slide_btn = {
					'left':'&nbsp',
					'right':'&nbsp'
				};

			if(color_list.length > 5){
				slide_btn.left = '<img src="' + imex.storage.root + '/images/common/btn_left.gif" alt="前へ" />';
				slide_btn.right = '<img src="' + imex.storage.root + '/images/common/btn_right.gif" alt="次へ" />';
			}
			$('#menu_color')
				.append(
					'<div id="slide_left" class="slider_btn">' + slide_btn.left + '</div>' +
					'<div id="color_slide"></div>' +
					'<div id="slide_right" class="slider_btn">' +slide_btn.right + '</div>' +
					'<div class="cl"></div>'
				);
			$('#color_slide')
				.append(
					'<div id="color_list"></div>'
				);
			$('#color_list')
				.css({
					'width' : width
				})
			$.each(color_list, function(i, color){
				var thumbnail_image = '';
				var use_image = '';
				var preview_type = 0;
				if (color.image.simulate != null) {
					if (color.image.front != null) {
						thumbnail_image = 'front,' + color.image.front;
						if(color.image.back != null){
							preview_type = 1;
						}
					} else {
						if (color.image.back != null) {
							thumbnail_image = 'back,' + color.image.front;
						}
					}
					use_image = 'simulate,' + color.image.simulate;
				} else if(color.image.front != null){
					thumbnail_image = 'front,' + color.image.front;
					use_image = thumbnail_image;
					if(color.image.back != null){
						preview_type = 1;
					}
				} else {
					if (color.image.back != null) {
						thumbnail_image = 'back,' + color.image.back;
						use_image = thumbnail_image;
					}
				}
				$('#color_list')
					.append(
						'<div id="color_list_box' + i + '" class="color_list_box"></div>'
					);
				if(color.price != 0){
					price = Math.floor(color.price * 1.05);
					add_price = '<span class="add_price">&nbsp;&nbsp;+&nbsp;' + price + '&nbsp;円</span>';
				} else {
					add_price = '';
				}
				$('#color_list_box' + i)
					.append(
						'<img src="' + imex.storage.site + 'responses/image/' + thumbnail_image + '/w/150/item" class="color_image" alt="' + color.name + '"/>' +
						'<div class="color_name_box"><p>' + color.name + add_price + '</p></div>'
					)
					.click(function(){
						imex.storage.select.color = color.id;
						imex.storage.price.color = parseInt(color.price);
						imex.storage.price.print = parseInt(color.print.price);
						imex.operation.colorselected(color.id, color.name, use_image, preview_type);
					});
				if(i == 0){
					imex.storage.select.color = color.id;
					imex.storage.price.print = parseInt(color.print.price);
					imex.storage.previewtype = preview_type;
					imex.create.artboard(use_image.replace(',', '/'));
					imex.create.printarea();
					imex.load.size();
					$('#select_item').html(imex.storage.item_list.item.name);
					$('#select_color').html(color.name);
					$('#necessity_height').html(imex.common.number2pixel(Math.round((imex.storage.item_list.item.print.height * imex.storage.item_list.item.print.dpi) / 25.4)));
					$('#necessity_width').html(imex.common.number2pixel(Math.round((imex.storage.item_list.item.print.width * imex.storage.item_list.item.print.dpi) / 25.4)));
					$('#standard_size').html(imex.common.number2pixel(Math.round((100 * imex.storage.item_list.item.print.dpi) / 25.4)));
				}
			});
		},

		fontlist : function(font_id){
			var font_list = imex.storage.font_list;
			var option_array = ['<option value="">フォント名</option>'];
			$('#font_type option:selected').each(function(){
				if($(this).val() != ''){
					for (type in font_list) {
						if(type == $(this).val()){
							for (i in font_list[type]){
								option_array.push('<option value="' + font_list[type][i].id + '">' + font_list[type][i].name + '</option>');
							}
							$('#font_id').html(option_array.join());
							if(font_id != ''){
								$('#font_id').val(font_id);
							}
						}
					}
					if($(this).val() == 'img'){
						$('#font_color').hide();
					} else {
						$('#font_color').show();
					}
				}
			});
		},

		optionlist : function(){
			var option_list = imex.storage.option_list.option;
			var left_botton_mode = null;
			var right_botton_mode = null;
			var slide_width = 0;
			var option_price = 0;

			imex.storage.select.option.id = option_list[0].options_id;
			imex.storage.select.option.no = 0;
			$('#add_option').html('<div id="option_slide"></div>');
			$('#option_slide').html('<div id="option_list"></div>');
			slide_width = (imex.common.pixel2number($('#option_slide').css('width')) + 1) * option_list.length;
			$('#option_list').css({'width':slide_width});
			$.each(option_list, function(i, options){
				$('#option_list').append('<div id="option_box' + i + '" class="option_box"></div>');
				$('#option_box' + i)
					.html(
						'<div id="option_image' + i + '" class="option_image"></div>' +
						'<div id="option_spec' + i + '" class="option_spec"></div>' +
						'<div class="cl"></div>'
					);
				$('#option_image' + i)
					.html(
						'<img src="' + imex.storage.root + '/images/option/option_image_' + options.options_id + '.gif" alt="' + options.name + '" />'
					);
				option_price = Math.floor(options.price * 1.05);
				$('#option_spec' + i)
					.html(
						'<div>' +
						'<h3>' + options.name + '</h3>' +
						'<div class="option_price">単価&nbsp;：&nbsp;' + option_price + '円(税込)</div>' +
						'<div class="option_spec_data">' + options.spec + '</div>' +
						'</div>'
					);
			});
			$('#option_list').append('<div class="cl"></div>');
			$('#add_option').append('<div id="option_botton"></div>');
			if(option_list.length <= 1){
				left_botton_mode = 'off';
				right_botton_mode = 'off';
			} else {
				left_botton_mode = 'off';
				right_botton_mode = 'on';
			}
			$('#option_botton')
				.append(
					'<img id="option_left_botton" class="botton_cursor" src="' + imex.storage.root + '/images/common/btn_option_l_' + left_botton_mode + '.gif" alt="戻る" />' +
					'<img src="' + imex.storage.root + '/images/common/btn_option_c.gif" alt="選択中の包装を表示しています" />' +
					'<img id="option_right_botton" class="botton_cursor" src="' + imex.storage.root + '/images/common/btn_option_r_' + right_botton_mode + '.gif" alt="戻る" />'
				);
			$('#option_left_botton')
				.click(function(){
					imex.operation.optionslide('left');
				});
			$('#option_right_botton')
				.click(function(){
					imex.operation.optionslide('right');
				});
		},

		printarea : function(){
			var print_data = imex.storage.item_list.item.print;
			var width = Math.round((print_data.width * 72) / 25.4);
			var height = Math.round((print_data.height * 72) / 25.4);
			var real_width = Math.round((print_data.width * print_data.dpi) / 25.4);
			var real_height = Math.round((print_data.height * print_data.dpi) / 25.4);

			$('#artboard')
				.html(
					'<div id="navi"></div>' +
					'<div id="printarea">' +
					'<div id="x_center"></div>' +
					'<div id="y_center"></div>' +
					'</div>' +
					'<div id="printarea_width"  class="size_num" style="color:orange"></div>' +
					'<div id="printarea_height"></div>' +
					'<div id="preview"></div>'
				);
			$('#printarea').css({
				'border' : '1px dotted black',
				'height' : Math.round(height * (print_data.reduction_rate / 100)) + 1,
				'left' : imex.common.number2pixel(print_data.x_position),
				'overflow' : 'hidden',
				'position' : 'absolute',
				'top' : imex.common.number2pixel(print_data.y_position),
				'width' : Math.round(width * (print_data.reduction_rate / 100)) + 1
			});
			$('#printarea_width').css({
				'border-left' : '1px solid silver',
				'border-right' : '1px solid silver',
				'height' : '30px',
				'left' : imex.common.number2pixel(print_data.x_position),
				'position' : 'absolute',
				'top' : imex.common.number2pixel(print_data.y_position - 30),
				'width' : Math.round(width * (print_data.reduction_rate / 100)) + 1
			});
			$('#printarea_width').html(imex.common.number2pixel(real_width));
			$('#printarea_height').css({
				'border-top' : '1px solid silver',
				'border-bottom' : '1px solid silver',
				'height' : Math.round(height * (print_data.reduction_rate / 100)) + 1,
				'left' : parseInt(print_data.x_position) + Math.round(width * (print_data.reduction_rate / 100)) +2,
				'position' : 'absolute',
				'top' : imex.common.number2pixel(print_data.y_position),
				'width' : '80px'
			});
			$('#printarea_height').html('<table height="100%"><tr><td class="size_num" style="color:orange;vertical-align:middle;">' + imex.common.number2pixel(real_height) + '</td></tr></table>');
			$('#x_center').css({
				'border-top' : '1px solid #00FF00',
				'left' : '0px',
				'position' : 'absolute',
				'top' : Math.round($('#printarea').height() / 2),
				'width' : $('#printarea').width()
			})
			.hide();
			$('#y_center').css({
				'border-left' : '1px solid #00FF00',
				'height' : $('#printarea').height(),
				'left' : Math.round($('#printarea').width() / 2),
				'position' : 'absolute',
				'top' : '0px'
			})
			.hide();
			$('#preview')
				.css({
					'background-color' : 'white'
				})
				.hide();
		},

		specification : function(){

			var specification_data = '';

			if(imex.storage.layer.data.length == 0){
				alert('プリントするデータが設定されていません');
				return false;
			}
			for(layer in imex.storage.layer.data){
				if(imex.storage.layer.data[layer].status){
					if(imex.storage.layer.data[layer].type == 'image'){
						specification_data += '{';
						specification_data += '"type":"' + imex.storage.layer.data[layer].type + '",';
						specification_data += '"mode":"' + imex.storage.image_method + '",';
						specification_data += '"vector":{"color":"' + imex.storage.vector.color + '"},';
						specification_data += '"file":"' + imex.storage.layer.data[layer].name + '",';
						specification_data += '"orientation":"' + imex.storage.layer.data[layer].orientation + '",';
						specification_data += '"vitual_size":"' + imex.storage.layer.data[layer].vitual_size + 'px",';
						specification_data += '"top":"' + $('#imagebox_' + imex.storage.layer.data[layer].serial).css('top') + '",';
						specification_data += '"left":"' + $('#imagebox_' + imex.storage.layer.data[layer].serial).css('left') + '"';

						specification_data += '},';
					} else if(imex.storage.layer.data[layer].type == 'text'){
						specification_data += '{';
						specification_data += '"type":"' + imex.storage.layer.data[layer].type + '",';
						specification_data += '"mode":"' + imex.storage.image_method + '",';
						specification_data += '"fonttype":"' + imex.storage.layer.data[layer].fonttype + '",';
						specification_data += '"font_id":"' + imex.storage.layer.data[layer].id + '",';
						specification_data += '"color":"' + imex.storage.layer.data[layer].color + '",';
						specification_data += '"size":"' + imex.storage.layer.data[layer].size + '",';
						specification_data += '"string":"' + imex.storage.layer.data[layer].string + '",';
						specification_data += '"top":"' + $('#imagebox_' + imex.storage.layer.data[layer].serial).css('top') + '",';
						specification_data += '"left":"' + $('#imagebox_' + imex.storage.layer.data[layer].serial).css('left') + '"';
						specification_data += '},';
					}
				}
			}
			specification = '[' + specification_data.replace(/,$/, '') + ']';
			$('#specification').val(specification);
			imex.common.debug(specification,1);
			return true;
		},

		sizelist: function(){
			var size_list = imex.storage.size_list.size;
			var unit_name = imex.storage.size_list.unit.name;

			$('#size_list').html('');

			$.each(size_list, function(i, size){
				var stock = size.stock;
				var default_stock = size.default_stock;
				var stock_rate = Math.round((stock * 100) / default_stock);
				var rate = null;
				var input_lock = '';

				if(stock_rate >= 90){
					rate = '◎';
				} else if((stock_rate < 90) && (stock_rate >= 50)){
					rate = '○';
				} else if((stock_rate < 50) && (stock_rate >= 30)){
					rate = '△';
				} else if((stock_rate < 30) && (stock_rate >= 1)){
					rate = stock + unit_name;
				} else if(stock_rate <= 0){
					rate = 'Ｘ';
					input_lock = 'readonly';
				}
				$('#size_list')
					.append(
						'<div class="check_ttl" style="text-align:center">' + size.name + '</div>' +
						'<div class="check_item"">' + 
						'<input type="text" id="item_all_infomations[' + size.item_all_infomations_id + ']" name="item_all_infomations_id[' + size.item_all_infomations_id + ']" class="input_size" ' + input_lock + '/>&nbsp;' + unit_name + 
						rate +
						'<input type="hidden" id="hidden_item_all_infomations[' + size.item_all_infomations_id + ']" name="hidden_item_all_infomations[' + size.item_all_infomations_id + ']" value="' + stock + '" />' + '<input type="hidden" id="hidden_size_name[' + size.item_all_infomations_id + ']" name="hidden_size_name[' + size.item_all_infomations_id + ']" value="' + size.name + '" />' + 
						'</div>' +
						'<div class="cl"></div>'
					);
				$('#item_all_infomations\\[' + size.item_all_infomations_id + '\\]')
					.focus(function(){
						imex.operation.inputwatch('item_all_infomations\\[' + size.item_all_infomations_id + '\\]', 'start');
					})
					.blur(function(){
						imex.operation.inputwatch('item_all_infomations\\[' + size.item_all_infomations_id + '\\]', 'stop');
					});
			});

			$('#total_amount').val(0);
			imex.operation.cartrefresh();

		}
	}