/* Using jQuery For The Animation */
$(function() {
	// set opacity to nill on page load
	$("#g_navi li").css("opacity","0");
	// on mouse over
	$("#g_navi li").hover(function () {
		// animate opacity to full
		$(this).stop().animate({
			opacity: 1
		}, 'fast');
	},
	// on mouse out
	function () {
		// animate opacity to nill
		$(this).stop().animate({
			opacity: 0
		}, 'fast');
	});
});

$(function() {
	// set opacity to nill on page load
	$("#g_navi li").css("opacity","0");
	// on mouse over
	$("#g_navi li").hover(function () {
		// animate opacity to full
		$(this).stop().animate({
			opacity: 1
		}, 'fast');
	},
	// on mouse out
	function () {
		// animate opacity to nill
		$(this).stop().animate({
			opacity: 0
		}, 'fast');
	});
});

/* opacity-rollover */
$(function() {

  $('#sidebar a img ').opOver(1.0,0.6,200,100);
  $('#top_box a img ').opOver(1.0,0.7,200,100);
  $('#pagetop img ').opOver(1.0,0.7,200,100);
  $('.box a img ').opOver(1.0,0.7,200,100);
  $('#info a img ').opOver(1.0,0.7,200,100);
  $('.products_box a img ').opOver(1.0,0.7,200,100);
  $('.products_box02 a img ').opOver(1.0,0.6,200,100);

});