/* Using jQuery For The Animation */

/* primary */
$(function() {
	// set opacity to nill on page load
	$("ul#primary span").css("opacity","0");
	// on mouse over
	$("ul#primary span").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
	$("ul#primary span").css("opacity","0");
	// on mouse over
	$("ul#primary span").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');
	});
});


/* global */
$(function() {
	// set opacity to nill on page load
	$("div#nav ul span").css("opacity","0");
	// on mouse over
	$("div#nav ul span").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
	$("div#nav ul span").css("opacity","0");
	// on mouse over
	$("div#nav ul span").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() {
   $('div#lixil a img').opOver();
   $('ul.reform li a img').opOver();
   $('dl#local dd').opOver();
});

/* lazyload */
$(function() {
	$(".box img").lazyload({
		placeholder : "../img/blank.gif",
		effect : "fadeIn"
	});
});