$(function() {
	$('.commodity_menu span').click(function() {
		var type = $(this).attr('class');
        if(type == "commodity01")
        {
            $("#commodity02").hide();
            $("#commodity01").fadeIn("1000");
            $(".commodity01").find("img").attr("src","images/index/commodity01_over.jpg");
            $(".commodity02").find("img").attr("src","images/index/commodity02.jpg");
        }
        else if(type == "commodity02")
        {
            $("#commodity01").hide();
            $("#commodity02").fadeIn("1000");
            $(".commodity02").find("img").attr("src","images/index/commodity02_over.jpg");
            $(".commodity01").find("img").attr("src","images/index/commodity01.jpg");
            
        }
        else
        {
        }
        return false;
	});
    $(".commodity01").find("img").attr("src","images/index/commodity01_over.jpg");
    $("#commodity02").hide();
});


$(function() {
	$(".open",'#commodity01').click(function() {
        
		var id = $(this).find("span").attr("class");
        var imgtype = $(this).find("img").attr("alt");
        var close = "images/index/commodity_point_close.jpg";
        var open = "images/index/commodity_point_open.jpg";
        if(id != "")
        {
            $('#'+id).toggle();
            if(imgtype == "Open")
            {
                $(this).find("img").attr("src",close);
                $(this).find("img").attr("alt","Close");
            }
            else
            {
                $(this).find("img").attr("src",open);
                $(this).find("img").attr("alt","Open");
            }
            return false;
        }
        
	});
    
});