// JavaScript Document

var searchType 		= "RECIPE";
var searchBoxObj;
var searchTxtObj;

var searchBoxImg1 	= "/NR/rdonlyres/68D0B4E9-601E-4711-B938-0BE506B7B31E/0/search_box01.jpg";
var searchBoxImg2 	= "/NR/rdonlyres/6625BE4F-46E9-489E-A158-4287D42C3390/0/search_box02.jpg";
var searchBoxImg3 	= "/NR/rdonlyres/DC1F24E7-558E-4420-A99D-999B75737E0C/0/search_box03.jpg";

var searchTxtDefaultTxt;
var searchTxtDefaultColor;
var searchTxtSelectColor 	= "#000000";
var resultUrl1			= "http://www.recipe.nestle.co.jp/search/result1";
var resultUrl2			= "http://www.recipe.nestle.co.jp/search/result2";

var menuNum 			= 0;
var menuObj;
var menuImg_array 		= [
		"/NR/rdonlyres/7BD9FED7-494F-481C-8AED-B0D24DF42F0C/0/1109navi_img01.jpg",
		"/NR/rdonlyres/E5E90CE2-30A8-4162-B17F-92694B6E08D5/0/1104_memu_img02.jpg",
		"/NR/rdonlyres/4BB4EC34-E345-4A3C-99B3-2A15D6F11A93/0/1104_memu_img03.jpg"
];
var searchBoxImg_array 	= [
		searchBoxImg1,
		searchBoxImg2,
		searchBoxImg3
];

var menuChangeTimer;
var menuChangeTime 		= 2000;

var imgLoadComp 		= 0;

for( var i = 0; i < menuImg_array.length; i++ ){
	var img 	= new Image();
	img.src 	= menuImg_array[i];
	
	img.onload 	= function(){
		imgLoadComp++;
	}
}
for( var j = 0; j < searchBoxImg_array.length; j++ ){
	var img 	= new Image();
	img.src 	= searchBoxImg_array[j];
	
	img.onload 	= function(){
		imgLoadComp++;
	}
}


window.onload 	= function(){
	
	searchBoxObj 		= document.getElementById("search_box");
	searchTxtObj 		= document.getElementById("txtArea");
	menuObj 			= document.getElementById("menu");
	
	searchTxtDefaultTxt 	= searchTxtObj.value;
	searchTxtDefaultColor 	= searchTxtObj.style.color;
	
	setSearchBox();
	
	setChangeImg();
	
	/*
	var loadChecker 	= setInterval( checkLoading, 100 );
	
	function checkLoading(){
		
		if( imgLoadComp == ( menuImg_array.length + searchBoxImg_array.length ) ){
			clearInterval( loadChecker );
			
			searchBoxObj 		= document.getElementById("search_box");
			searchTxtObj 		= document.getElementById("txtArea");
			menuObj 			= document.getElementById("menu");
			
			searchTxtDefaultTxt 	= searchTxtObj.value;
			searchTxtDefaultColor 	= searchTxtObj.style.color;
			
			setSearchBox();
			
			setChangeImg();
		}
		
	}
	*/
}

function setSearchBox(){
	
	var typeRecipe 		= document.getElementById("typeRecipe");
	var typeHowTo 		= document.getElementById("typeHowTo");
	var typeNumber 		= document.getElementById("typeNumber");
	
	typeRecipe.style.backgroundPosition 	= "0 0";
	typeHowTo.style.backgroundPosition 		= "-81px 0";
	typeNumber.style.backgroundPosition 	= "-123px 0";
	
	if( searchType == "RECIPE" ){
		searchBoxObj.style.background 			= "url('"+searchBoxImg1+"') no-repeat";
		typeRecipe.style.backgroundPosition 	= "0 -15px";
	}else if( searchType == "HOWTO" ){
		searchBoxObj.style.background 			= "url('"+searchBoxImg2+"') no-repeat";
		typeHowTo.style.backgroundPosition 		= "-81px -15px";
	}else if( searchType == "NUMBER" ){
		searchBoxObj.style.background 			= "url('"+searchBoxImg3+"') no-repeat";
		typeNumber.style.backgroundPosition 	= "-123px -15px";
		
	}
	
}
function changeSearchType( type ){
	
	searchType 			= type;
	setSearchBox();
}


function focusInput(){
	
	searchTxtObj 		= document.getElementById("txtArea");
	if(searchTxtObj.value == searchTxtDefaultTxt){
		searchTxtObj.value 			= "";
		searchTxtObj.style.color 	= searchTxtSelectColor;
	}
}
function blurInput(){
	
	searchTxtObj 		= document.getElementById("txtArea");
	if(searchTxtObj.value == ""){
		searchTxtObj.value 			= searchTxtDefaultTxt;
		searchTxtObj.style.color 	= searchTxtDefaultColor;
	}
}
function pressInput(event){
	
	if( event.keyCode == 13){
		searchSubmit();
		return true;
	}
	
	return false;

}
function searchSubmit(){
	
	searchTxtObj 		= document.getElementById("txtArea");
	if(searchTxtObj.value != "" && searchTxtObj.value != searchTxtDefaultTxt){
		
		var searchURL;
		var searchTxt = encodeURI( searchTxtObj.value );
		
		if( searchType == "RECIPE" ){
			searchURL = resultUrl1 + "?ingre_recipe=" + searchTxt;
		}else if( searchType == "HOWTO" ){
			searchURL = resultUrl1 + "?howto=" + searchTxt;
		}else if( searchType == "NUMBER" ){
			searchURL = resultUrl1 + "?id=" + searchTxt;
		}
		
		//window.open( searchURL, "_blank" );
		location.href = searchURL;
	}
}


function setChangeImg(){
	
	menuNum 	= Math.floor( menuImg_array.length * Math.random() );
	menuObj.style.background 	= "url('"+menuImg_array[menuNum]+"') no-repeat 0 0";
	
	menuChangeTimer 			= setTimeout( changeImgMain, menuChangeTime );
}
function changeImgMain(){
	
	menuNum++;
	
	if( menuNum == menuImg_array.length ){
		menuNum 	= 0;
	}
	menuObj.style.background 	= "url('"+menuImg_array[menuNum]+"') no-repeat 0 0";
	
	menuChangeTimer 			= setTimeout( changeImgMain, menuChangeTime );
}