var myAjax = null;
var o = function(){
	if(Element.visible('optionBox')){
		new Effect.BlindUp('optionBox');
		$('optionImg').src="img/option_btn.gif";
		tone ="";
		if(document.haigouForm.toneFlag[1].checked){
			tone = "モノトーン";
		}else if(document.haigouForm.toneFlag[2].checked){
			tone = "ツートーン以上";
		}
		type = "";
		if(document.haigouForm.colorTypeFlag[1].checked){
			type = "ソリッド";
		}else if(document.haigouForm.colorTypeFlag[2].checked){
			type = "メタリック";
		}else if(document.haigouForm.colorTypeFlag[3].checked){
			type = "パール";
		}
		$('typeName').innerHTML = tone+" "+type;
	}else{
		new Effect.BlindDown('optionBox');
		$('optionImg').src="img/option_btn_close.gif";
		$('typeName').innerHTML = "";
	}
}
// --------検索補助関連
// --------例文の表示は各ページで行わない
var exampleArr = { colorId : '例)1C0 or 1C0-0',colorName :'例)レッドマイカ'};
var ex = function(place,obj){
	try{
	if(obj==null){
		if($(place).value==''){
			$(place).value = exampleArr[place];
			$(place).style.color = 'gray';
		}else{
			$(place).style.color = 'black';
		}
		$(place+'Result').innerHTML = '';
	}else{
		if($(place).value == exampleArr[place]){
			$(place).value = '';
		}
		$(place).style.color = 'black';
	}
	}catch(e){
	}
}
var exc = function(){
	select = document.getElementsByClassName('row_on','colorIdResult');
			if(select!=null&&select!=''){
				fnc = select[0].onclick;
				fnc();
			}
	select = document.getElementsByClassName('row_on','colorNameResult');
			if(select!=null&&select!=''){
				fnc = select[0].onclick;
				fnc();
			}
	if($('colorId').value==exampleArr['colorId']){
		$('colorId').value='';
	}
	if($('colorName').value==exampleArr['colorName']){
		$('colorName').value='';
	}
}
var d = function(obj,ffevent){
	keycode = null;
	e = obj.event;
	if (e != null) { 
		keycode = e.which;
	}else{
		if(typeof ffevent!='undefined'){
			keycode = ffevent.keyCode;
		}
	}
	if(keycode!=null){
		if(keycode=="38"||keycode=="40"){
			selectIdRow('colorNameResult',parseInt(keycode)-39 );
		}else if(keycode=="13"){
			select = document.getElementsByClassName('row_on','colorNameResult');
			if(select!=null&&select!=''){
				fnc = select[0].onclick;
				fnc();
			}
		}else{
			myArray = Form.getElements(obj.form);
			var pars = "?a=ajax_color_name";
			for (i = 0;i<myArray.length;i++) {
 			 	if(myArray[i].name!='a'){
					if(myArray[i].type=="radio"||myArray[i].type=="checkbox"){
						if(myArray[i].checked==true){
							pars += "&"+myArray[i].name+"="+myArray[i].value;
						}				
					}else if(myArray[i].type!="button"&&myArray[i].type!="submit"){
						pars += "&"+myArray[i].name+"="+myArray[i].value;
					}				
				}
			}
			var myAjax = new Ajax.Updater( 'colorNameResult',"index.php",
			{ method: 'post',parameters:pars });
		}
	}
}
var c = function(obj,ffevent){
	keycode = null;
	e = obj.event;
	if (e != null) { 
		keycode = e.which;
	}else{
		if(typeof ffevent!='undefined'){
			keycode = ffevent.keyCode;
		}
	}
	if(keycode!=null){
		if(keycode=="38"||keycode=="40"){
			selectIdRow('colorIdResult',parseInt(keycode)-39 );
		}else if(keycode=="13"){
			select = document.getElementsByClassName('row_on','colorIdResult');
			if(select!=null&&select!=''){
				fnc = select[0].onclick;
				fnc();
			}
		}else{
			myArray = Form.getElements(obj.form);
			var pars = "?a=ajax_color_id";
			for (i = 0;i<myArray.length;i++) {
 			 	if(myArray[i].name!='a'){
					if(myArray[i].type=="radio"||myArray[i].type=="checkbox"){
						if(myArray[i].checked==true){
							pars += "&"+myArray[i].name+"="+myArray[i].value;
						}				
					}else if(myArray[i].type!="button"&&myArray[i].type!="submit"){
						pars += "&"+myArray[i].name+"="+myArray[i].value;
					}				
				}
			}
			var myAjax = new Ajax.Updater( 'colorIdResult',"index.php",
			{ method: 'post',parameters:pars  });
		}
	}
}
var selectIdRow = function(elm,arrow){
	divs = $(elm).getElementsByTagName("div");
	if(divs!=null){
		select = document.getElementsByClassName('row_on',elm);
		if(select!=null&&select!=''){
			index = 0;
			for(i = 0;i<divs.length;i++){
				if(divs[i].id == select[0].id){
					index = i;
				}
			}
			$(elm).scrollTop = select[0].offsetTop+(20*arrow);
			select[0].className = "row";
			se = index+arrow;
			if(index+arrow<0){
				se = 0;
			}else if(index+arrow>=divs.length){
				se = divs.length-1;
			}
			divs[se].className = "row_on";
		}else{
			divs[0].className = "row_on";
		}
	}
}
var setKeyword = function(str){
	document.haigouForm.colorName.value = str;
	$('colorNameResult').innerHTML = '';
}
var setId = function(str){
	document.haigouForm.colorId.value = str;
	$('colorIdResult').innerHTML = '';
}
//--AjaxloadつきSubmit

function sendRequestD(obj){
		new Insertion.After(obj, '<img src="img/ajax-loader-d.gif"/>');
		obj.form.submit(); 
}
//--スムーズスクロール
Event.observe(window, 'load', function() {
  $$('a[href^=#]:not([href=#])').each(function(element) {
    element.observe('click', function(event) {
      new Effect.ScrollTo(this.hash.substr(1));
      Event.stop(event);
    }.bindAsEventListener(element))
  })
})