function changeImage(name){

	var imgClass = document.getElementById(name).className;
	var imgSrc = document.getElementById(name).getAttribute("src");

	if (window.document.getElementsByTagName("body")[0].getAttribute("id") == "home"){
		if (imgClass == "on") {
			document.getElementById(name).className = "off";
			document.getElementById(name).setAttribute("src", "/images/main/icon_right02.gif");
		} else if (imgClass == "off") {
			document.getElementById(name).className = "on";
			document.getElementById(name).setAttribute("src", "/images/main/icon_bottom01.gif");
		}
	} else if (window.document.getElementsByTagName("body")[0].getAttribute("id") != "home") {
		if (imgClass == "on") {
			document.getElementById(name).className = "off";
			document.getElementById(name).setAttribute("src", "/images/main/icon_right02.gif");
		} else if (imgClass == "off") {
			document.getElementById(name).className = "on";
			document.getElementById(name).setAttribute("src", "/images/main/icon_bottom01.gif");
		}
	}
}


window.addEvent('domready', function(){

	var textField = $$('#catalogInput tfoot td input')
	var loginInput = $$('#loginForm td input')

	textField.each(function(element){
		var fx = new Fx.Styles(element, {duration:250, wait:false}).set({'background-color': '#EEEEEE'});

		element.addEvent('focus', function(){
			fx.start ({
				'background-color': '#FFFFFF'
			});
		});

		element.addEvent('blur', function(){
			fx.start ({
				'background-color': '#EEEEEE'
			});
		});

	});

	loginInput.each(function(element){
		var fx = new Fx.Styles(element, {duration:250, wait:false}).set({'background-color': '#EEEEEE'});

		element.addEvent('focus', function(){
			fx.start ({
				'background-color': '#FFFFFF'
			});
		});

		element.addEvent('blur', function(){
			fx.start ({
				'background-color': '#EEEEEE'
			});
		});

	});


});



window.addEvent('domready', function(){

	var bodyName = document.getElementsByTagName("body")[0].getAttribute("id");
	var categoryName = document.getElementsByTagName("div")[0].getAttribute("id");
	var categories = {	food : '1', house : '2', health : '3', beauty : '4', environment : '5',
						society : '6', memorial : '7', area : '8', media : '9', other : '10'};
	var categoryNum = "";

	if (bodyName == "category") {
		for (var i in categories) {
			if (i == categoryName) {
				document.getElementById("icon0"+categories[i]).className = "on";
				document.getElementById("icon0"+categories[i]).setAttribute("src", "/images/main/icon_bottom01.gif");
				categoryNum = categories[i];
			}
		}
	}

	//new SmoothScroll({duration:500});

	var category01 = $$('#category01 h4 img');
	var category02 = $$('#category02 h4 img');
	var category03 = $$('#category03 h4 img');
	var category04 = $$('#category04 h4 img');
	var category05 = $$('#category05 h4 img');
	var category06 = $$('#category06 h4 img');
	var category07 = $$('#category07 h4 img');
	var category08 = $$('#category08 h4 img');
	var category09 = $$('#category09 h4 img');
	var category010 = $$('#category010 h4 img');

/*
	if ((window.document.getElementsByTagName("div")[0].getAttribute("id") == "index") || (window.document.getElementsByTagName("div")[0].getAttribute("id") == "food") || (window.document.getElementsByTagName("body")[0].getAttribute("id") == "home")){

		category01.each(function(element){

			var mySlide = new Fx.Slide('categoryList01',{duration:400,wait:false});

			element.addEvent('click', function(){
				mySlide.toggle();
			});
		});

	} else {
*/
		category01.each(function(element){

			var mySlide = new Fx.Slide('categoryList01',{duration:400,wait:false});

			element.addEvent('domready', function(){
				if (categoryNum == 1) {
					mySlide.slideIn();
				} else {
					mySlide.hide();
				}
			});

			element.addEvent('click', function(){
				mySlide.toggle();
			});
		});
//	}

	category02.each(function(element){

		var mySlide = new Fx.Slide('categoryList02',{duration:400,wait:false});

		element.addEvent('domready', function(){
				if (categoryNum == 2) {
					mySlide.slideIn();
				} else {
					mySlide.hide();
				}
		});

		element.addEvent('click', function(){
			mySlide.toggle();
		});

	});

	category03.each(function(element){

		var mySlide = new Fx.Slide('categoryList03',{duration:400,wait:false});

		element.addEvent('domready', function(){
				if (categoryNum == 3) {
					mySlide.slideIn();
				} else {
					mySlide.hide();
				}
		});

		element.addEvent('click', function(){
			mySlide.toggle();
		});

	});

	category04.each(function(element){

		var mySlide = new Fx.Slide('categoryList04',{duration:400,wait:false});

		element.addEvent('domready', function(){
				if (categoryNum == 4) {
					mySlide.slideIn();
				} else {
					mySlide.hide();
				}
		});

		element.addEvent('click', function(){
			mySlide.toggle();
		});

	});

	category05.each(function(element){

		var mySlide = new Fx.Slide('categoryList05',{duration:400,wait:false});

		element.addEvent('domready', function(){
				if (categoryNum == 5) {
					mySlide.slideIn();
				} else {
					mySlide.hide();
				}
		});

		element.addEvent('click', function(){
			mySlide.toggle();
		});

	});

	category06.each(function(element){

		var mySlide = new Fx.Slide('categoryList06',{duration:400,wait:false});

		element.addEvent('domready', function(){
				if (categoryNum == 6) {
					mySlide.slideIn();
				} else {
					mySlide.hide();
				}
		});

		element.addEvent('click', function(){
			mySlide.toggle();
		});

	});

	category07.each(function(element){

		var mySlide = new Fx.Slide('categoryList07',{duration:400,wait:false});

		element.addEvent('domready', function(){
				if (categoryNum == 7) {
					mySlide.slideIn();
				} else {
					mySlide.hide();
				}
		});

		element.addEvent('click', function(){
			mySlide.toggle();
		});

	});

	category08.each(function(element){

		var mySlide = new Fx.Slide('categoryList08',{duration:400,wait:false});

		element.addEvent('domready', function(){
				if (categoryNum == 8) {
					mySlide.slideIn();
				} else {
					mySlide.hide();
				}
		});

		element.addEvent('click', function(){
			mySlide.toggle();
		});

	});

	category09.each(function(element){

		var mySlide = new Fx.Slide('categoryList09',{duration:400,wait:false});

		element.addEvent('domready', function(){
				if (categoryNum == 9) {
					mySlide.slideIn();
				} else {
					mySlide.hide();
				}
		});

		element.addEvent('click', function(){
			mySlide.toggle();
		});

	});

	category010.each(function(element){

		var mySlide = new Fx.Slide('categoryList010',{duration:400,wait:false});

		element.addEvent('domready', function(){
				if (categoryNum == 10) {
					mySlide.slideIn();
				} else {
					mySlide.hide();
				}
		});

		element.addEvent('click', function(){
			mySlide.toggle();
		});

	});

});