var $rewrite_car_code = false;

function load_mycar()
{
	var loaderObj;
	if(loaderObj = $("mycar_block"))
		new Ajax.Updater(loaderObj, "../shopping/mycar.html" + ($rewrite_car_code?'?car_codes='+$rewrite_car_code:''), {'evalScripts':true} );
	
}
Event.observe(window, 'load', load_mycar, false);

//odd gray.
function show_gray()
{
	var gray_class_names = new Array('wheel06_g');
	
	for(var ii=0;ii<gray_class_names.length;ii++)
	{
		var odd_cnt = 0;
		$$("." + gray_class_names[ii]).each(function(obj){
			if(odd_cnt++ % 2 == 0)
				obj.removeClassName(gray_class_names[ii]);
		});
	}
	
}
Event.observe(window, 'load', show_gray, false);


function load_detail_image($id, $sw, $gc, $mkc)
{
	var loaderObj;
	if(loaderObj = $($id))
		new Ajax.Updater(loaderObj, "./detail-wheel-image_"+$gc+".html?sw="+$sw+"&mkc="+$mkc);
	
}

//タイヤ関係.
var tire_box_height = 126;
var tire_box_height_ie = 2;
function init_tire()
{
	/*
	var lineobj = $('tire-details_heightSample');
	if(!lineobj)
		return;
	if(!lineobj.style.height)
	{
		setTimeout(init_tire, 1);
		return;
	}
	tire_box_height = parseInt(lineobj.style.height.replace('px', ''));
	*/
//	if(Prototype.Browser.IE && navigator.userAgent.match(/MSIE [67]/))
	if(Prototype.Browser.Gecko)
	
	{
		tire_box_height_ie = 0;	//becose border 1px*2.
	}

	var wheel_ids = [];
	for (var wheel_id in $tire_jsons)
	{
		var ids = wheel_id.split('_');
		if(ids[0] == 'tireline')
			wheel_ids.push(wheel_id);
	}
	
	var wheel_ids_cnt = 0;
	function tire_liner()
	{
		var wheel_id = wheel_ids[wheel_ids_cnt];
		var ids = wheel_id.split('_');
		
		var tire_json = $tire_jsons[wheel_id];
		
		var tires_box_obj = $$('#tire-details_'+ids[1]+'_'+ids[2]+' .listTover')[0];

		tires_box_obj.style.position = 'relative';
		tires_box_obj.style.overflow = 'scroll';
		tires_box_obj.style.overflowX = 'hidden';
		tires_box_obj.style.overflowY = 'scroll';
		tires_box_obj.style.height = tire_box_height+'px';

		var tableobj = new Element('table');
		tableobj.className = 'listTtable';
		
		tableobj.insert(tire_json.join("\n"));
		
		tires_box_obj.appendChild(tableobj);
		wheel_ids_cnt++;
		
		$('tload_'+ids[1]+'_'+ids[2]).style.display = 'none';
		try{
			$('tires_'+ids[1]+'_'+ids[2]).style.display = 'table';
		}catch(e){
			$('tires_'+ids[1]+'_'+ids[2]).style.display = 'block';
		}
		
		//高さを図る.
		var size_flag = false;
		var trs = $A(tableobj.getElementsByTagName('tr'));
		trs.each(function(tr){
			tr = $(tr);
			var size =tr.getDimensions();
			
			if(tire_box_height < size.height)
			{
				tire_box_height = size.height;
				size_flag = true;
			}
//			tr.style.height = (tire_box_height-tire_box_height_ie)+'px';
		});
		
		if(size_flag)
		{
			$$('.heightTireSame').each(function(obj){
				obj.style.height = (tire_box_height-tire_box_height_ie)+'px';
			});
			
			$$('.defaultTire').each(function(obj){
				var dids = obj.id.split('_');
				scroll_default(dids[1], dids[2], 1);
			});
		}
		else
		{
			$$('#tires_'+ids[1]+'_'+ids[2]+' .heightTireSame').each(function(obj){
				obj.style.height = (tire_box_height-tire_box_height_ie)+'px';
			});
		}
		
		var default_tire = $('defaultTire_'+ids[1]+'_'+ids[2]);
		tires_box_obj.scrollTop = default_tire.innerHTML * tire_box_height;
		
		tires_box_obj.style.overflow = 'hidden';
		tires_box_obj.style.overflowX = 'hidden';
		tires_box_obj.style.overflowY = 'hidden';

		
		if(wheel_ids_cnt >= wheel_ids.length)
		{
			// fin.
//			alert('finish');
			setTimeout(function(){
				close_all_tire();
			}, 0);
		}
		else
		{
			setTimeout(tire_liner, 1);
		}
		
	}
	
	if(wheel_ids.length > 0)
		setTimeout(tire_liner, 1);
	
}

var tire_box_index = 1000;
function open_tire($wf_price_code, $wr_price_code)
{
	close_all_tire();
	var tire_box_id = 'tire-details_'+$wf_price_code+'_'+$wr_price_code;
	var tire_box = $(tire_box_id);
	tire_box.style.overflow='visible';
	tire_box.style.zIndex=tire_box_index++;
	
	var over_box = $$('#'+tire_box_id+' .listTover')[0];
	over_box.style.position = 'relative';
	over_box.style.overflow = 'scroll';
	over_box.style.overflowX = 'hidden';
	over_box.style.overflowY = 'scroll';
	
	var table_boxs = $$('#'+tire_box_id+' .listTtable');
	if(table_boxs.length == 0)
		return;
	
	var box_height = tire_box_height*3;
	if(box_height > table_boxs[0].getHeight())
		box_height = table_boxs[0].getHeight();
	
	scroll_default($wf_price_code, $wr_price_code, box_height / tire_box_height);
//	over_box.style.height = box_height+'px';
	
	
	var details = $$('#'+tire_box_id+' .tireDetail');
	details.each(function(obj){
		Event.observe(obj, 'click', function(evt){close_all_tire();set_tire(Event.element(evt));}, false);
	});
	
	//背景黒塗り.
	var Mpopup = new MaluzenPopup();
	
	var bd_size = Mpopup.windowSize();
	var backPanel = document.createElement('div');
	backPanel.id = 'Tire_Backpanel';
	backPanel.style.position = 'absolute';
	backPanel.style.zIndex = tire_box_index-1;
	backPanel.style.backgroundColor = 'transparent';
	backPanel.style.width = bd_size['scrollwidth'] + "px";
	backPanel.style.height = bd_size['scrollheight'] + "px";
	backPanel.style.left = '0px';
	backPanel.style.top = '0px';
	backPanel.style.textAlign = 'center';
	backPanel.style.verticalAlign = 'middle';
	backPanel.style.border = '0px none';
	backPanel.style.margin = 'auto';
	
	var backColor = document.createElement('div');
	backColor.style.position = 'absolute';
	backColor.style.zIndex = tire_box_index-2;
	backColor.style.left = '0px';
	backColor.style.top = '0px';
	backColor.style.margin = '0px';
	backColor.style.padding = '0px';
	backColor.style.width = bd_size['scrollwidth'] + "px";
	backColor.style.height = bd_size['scrollheight'] + "px";
	backColor.style.backgroundColor = '#000000'
	backColor.style.border = '0px none';
	setStyle(backColor, 'opacity', 60);
	backPanel.appendChild(backColor);
	
	document.body.insertBefore(backPanel, document.body.firstChild);
	Event.observe(backPanel, 'click', function(evt){close_all_tire();}, false);
	
}

var tire_submit_flag = false;
function set_submit()
{
	tire_submit_flag = true;
	
	$$('.sizeCodeInput').each(function(obj){
		Event.observe(obj, 'change', repost_tire, false);
	});
}

function set_tire($obj)
{
	var pobj = $obj.parentNode;
	while(true)
	{
		if(pobj.tagName.toLowerCase() == 'tr')
			break;
		pobj = pobj.parentNode;
	}
	
	var ids = pobj.id.split('_');

	var default_tire = $('defaultTire_'+ids[1]+'_'+ids[2]);
	default_tire.innerHTML = ids[3];

	scroll_default(ids[1], ids[2], 1);
/*
	var tire_box_id = 'tire-details_'+ids[1]+'_'+ids[2];

	var over_box = $$('#'+tire_box_id+' .listTover')[0];
	over_box.style.height = tire_box_height+'px';
	over_box.scrollTop = ids[3] * tire_box_height;
*/	
	if(tire_submit_flag)
	{
		var pobj = $obj;
		while(true)
		{
			if(pobj.className && pobj.className.indexOf('tireDetail') >= 0)
				break;
			pobj = pobj.parentNode;
		}

		var ids = pobj.id.split('_');
		document.form_option.tire_price_codes.value = ids[3]+","+ids[4];
		
		repost_tire();
	}
}

function scroll_default(wf_price_code, wr_price_code, h_num)
{
	var tire_box_id = 'tire-details_'+wf_price_code+'_'+wr_price_code;

	var over_box = $$('#'+tire_box_id+' .listTover')[0];
	over_box.style.height = (h_num*tire_box_height)+'px';

	var default_tire = $('defaultTire_'+wf_price_code+'_'+wr_price_code);
	if(h_num == 1)
	{
		over_box.scrollTop = default_tire.innerHTML * tire_box_height;
	}
	else
	{
		over_box.scrollTop = default_tire.innerHTML * tire_box_height-1;
		setTimeout(function(){
			over_box.scrollTop = default_tire.innerHTML * tire_box_height;
		},1);
	}
}

function repost_tire()
{
	document.form_option.action = "./01option.html";
	document.form_option.submit();
}

function close_all_tire()
{
	var backPanel = $('Tire_Backpanel');
	if(backPanel)
		backPanel.parentNode.removeChild(backPanel);
	
	if(scroll_tire_animate != null)
	{
		scroll_tire_animate.stop();
		scroll_tire_animate = null;
	}
	var tire_boxs = $$('.tireBox');
	tire_boxs.each(function(tire_box){
		var ids = tire_box.id.split('_');
		scroll_default(ids[1], ids[2], 1);
		tire_box.style.overflow='hidden';
	});
	
	var over_boxs = $$('.listTover');
	over_boxs.each(function(over_box){
		over_box.style.overflow = 'hidden';
		over_box.style.overflowX = 'hidden';
		over_box.style.overflowY = 'hidden';
	});
	
}

var scroll_tire_animate = null;
function scroll_tire($wf_price_code, $wr_price_code, $vec)
{
	var tire_box_id = 'tire-details_'+$wf_price_code+'_'+$wr_price_code;
	var over_box = $$('#'+tire_box_id+' .listTover')[0];
	
	var next_top = Math.round(over_box.scrollTop / tire_box_height) * tire_box_height - ($vec * tire_box_height);

	if(scroll_tire_animate != null)
	{
		scroll_tire_animate.stop();
		scroll_tire_animate = null;
	}
	
	if(scroll_tire_animate == null)
	{
		var duration = 0.5; // sec.
		var interval = 0.01; // sec.
		var timer = 0.0; // sec.
		(function(event) {
			scroll_tire_animate = scroll_tire_animate || new PeriodicalExecuter( arguments.callee, interval );
			var y = over_box.scrollTop;
			timer += interval;
			if (timer>duration)
			{
				y = next_top;
				scroll_tire_animate.stop();
				scroll_tire_animate = null;
//				over_box.scrollTop = y;
			} else {
				var progress = timer / duration, leave = 1.0 - progress;
				y = (next_top - over_box.scrollTop) * progress + over_box.scrollTop;
				over_box.scrollTop = y;
			}
		})();
	}

//	over_box.scrollTop -= $vec * tire_box_height;
	
	
}

var tire_scroll_old = -1;
var tire_scroll_position_id = '';

function open_tire_box($id)
{
	var box = $($id);
	box.originalHeight = box.style.height;
	box.style.height = 'auto';
	box.style.overflow = 'visible';
	
	$$('.tires').each(function(obj){
		obj.style.position = 'static';
	});
	
	$($id+'_open').style.display = 'none';
	$($id+'_close').style.display = 'block';
}

function close_tire_box($id)
{
	var ids = $id.split('_');
	var aid = 'magbox_'+ids[1]+'_'+ids[2];

	var scrY = (document.documentElement.scrollTop || document.body.scrollTop);
	tire_scroll_old = scrY;
	
	close_tire_callback(aid, $id, function(){close_tire_box_scrolled($id)});
}

function close_tire_box_scrolled($id)
{
	var box = $($id);
	box.style.height = box.originalHeight;
	box.style.overflow = 'hidden';

	$($id+'_open').style.display = 'block';
	$($id+'_close').style.display = 'none';
}

function close_tire_callback($aid, $id, $func)
{
	var item = $($aid);
	var pos = Position.cumulativeOffset(item);
	var tpos = Position.cumulativeOffset($($id));
	var scrY = (document.documentElement.scrollTop || document.body.scrollTop);
	var scrH = (document.documentElement.clientHeight || document.body.clientHeight);
	
	var my = pos[1];
	if(tpos[1] - 40 - pos[1] > scrH)
		my = tpos[1] - 40;
	if(tire_scroll_old != scrY)
	{
		$func();
		return;
	}
	
	var next = Math.floor((my - scrY) / 10 + scrY);
	
	if(Math.abs(next - my) < 2)
		next = scrY;
	
	document.body.scrollTop = next;
	document.documentElement.scrollTop = next;
	
//	alert([next, scrY, tire_scroll_old]);
	
	if(next != tire_scroll_old)
		setTimeout(function(){close_tire_callback($aid, $id, $func)}, 10);
	else
		$func();
	
	tire_scroll_old = next;
//	if(tire_scroll_old
	
}

function init_tire_parts()
{
	var lineobj = $('TireSameShadow');
	
	if(!lineobj || !lineobj.style.height)
	{
		setTimeout(init_tire_parts, 10);
		return;
	}
	
	tire_box_height = parseInt(lineobj.style.height.replace('px', ''));
/*
	if(Prototype.Browser.IE && navigator.userAgent.match(/MSIE [67]/))
	{
		tire_box_height -= 1;
	}
*/	
	$$('.tiresBox').each(function(box) {
		box.style.height = tire_box_height+"px";
	});
}