// JavaScript Document
/* gnavi */
$(function() {
	$('#gnavi img').mouseover(function() {
		//alert('test');
		$(this).css({'opacity':'0'});
	});
	$('#gnavi img').mouseout(function() {
		$(this).animate({'opacity':'1'}, 300);
	});
	$('#navi01 ul li').each(function() {
		var gsnavi_id;
		gsnavi_id = $(this).attr('id');
		
		$(this)
		.css(
			{
				'background':'url(images/' + gsnavi_id + '.png)'
			}
		);
	});
	$('#navi01 ul li').mouseover(function() {
		$(this)
		.css(
			{
				'background-position':'left 30px'
			}
		);
	});
	$('#navi01 ul li').mouseout(function() {
		$(this)
		.css(
			{
				'background-position':'left top'
			}
		);
	});
	
});
/* snavi */
$(function() {
	
	$('#snavi li').each(function() {
		var snavi_id;
		snavi_id = $(this).attr('id');
		
		$(this)
		.css(
			{
				'background':'url(images/' + snavi_id + '2.gif)',
				'background-repeat':'no-repeat',
				'background-position':'left 7px'				
			}
		);
	});
	$('#snavi ul img').mouseover(function() {
		//alert('test');
		$(this).css({'opacity':'0'});
	});
	$('#snavi ul img').mouseout(function() {
		$(this).animate({'opacity':'1'}, 300);
	});
	$('#snavi ul li a').click(function(e) {
		
		var tag_div;
		tag_div = $(this).siblings('div');
		if(tag_div.attr('class') == 'box001') {
			e.preventDefault();
			if(tag_div.css('display') == 'none') {
				$('#snavi ul li div[class=box001]').slideUp('fast');
				tag_div.slideDown('fast');
			} else {
				tag_div.slideUp('fast');
			}
		} else {
			
		}
	});
	/*$('#snavi ul li a img').click(function(e) {
		
		
		alert('test');
		var tag_div;
		//alert('test');
		tag_div = $(this).parent().siblings('div');
		if(tag_div.attr('class') == 'box001') {
			e.preventDefault();
			//alert('test');
			if(tag_div.css('display') == 'none') {
				alert('test');
				$('#snavi ul li div[class=box001]').slideUp('fast');
				tag_div.slideDown('fast');
			} else {
				tag_div.slideUp('fast');
			}
		} else {
			
		}
	});*/
	
});