/* globalnav */

$(function () {
	var domain = location.hostname;
	var url = location.href.split(domain)[1].split('/');

	if (url[1].indexOf('index') < -1 || url[1] != '') {
		$('#gnav a[href*="' + url[1] + '"]').addClass('current');
	}
});

(function ($) {
var self = $.MATIERE = $.extend({
	
	init: function () {
		self.imgOver();
		self.nav();
		self.concept();
		self.move();
		self.fadeRotation();
		self.roundTrip();
	},
	
	imgOver: function  () {
		var preLoad = new Object();
		$('img.ro, #gnav dd a img, #header .nav a img, #side .nav li a img, #localnav a img').not("[src*='_ro.'],[src*='_c.']").each(function () {
			var imgSrc = this.src;
			var fType = imgSrc.substring(imgSrc.lastIndexOf('.'));
			var imgName = imgSrc.substr(0, imgSrc.lastIndexOf('.'));
			var imgOver = imgName + '_ro' + fType;
			preLoad[this.src] = new Image();
			preLoad[this.src].src = imgOver;
			$(this).hover(
				function (){ this.src = imgOver; },
				function (){ this.src = imgSrc;  }
			);
		});
	},
	
	nav: function () {
		$('#gnav li:has(dl)').hover (
			function () { $(this).find('dl').stop(true, true).slideDown(250); },
			function () { $(this).find('dl').stop(true, true).slideUp(250);   }
		);
		$('#gnav li a[href="#"]').click(function () {
			return false;
		});
	},
	
	concept: function () {
		$('#grades ul li a').mouseover(function () {
			$('#grades .grade img').hide();
			$('#grades .grade .' + $(this).parent().attr('class')).show();
		}).mouseout(function () {
			$('#grades .grade img').hide();
			$('#grades .grade img.normal').show();
		});
	},
	
	move: function () {
		var img = $('#main img.move');
		if (!img.size()) return;
		
		if (!self.moves)
			self.moves = 0;
		
		var spead    = 20000;
		var delay    = 1000;
		var position = 320;
		var stop     = 1;
		var maxup    = position;
		var maxdown  = 0;
		
		if (self.moves < stop) {
			img.delay(delay).animate({top: maxdown}, spead, 'linear', function () {
				$(this).animate({top: '-' + maxup}, spead, 'linear', function () {
					self.moves++;
					self.move.apply(self, []);
				});
			});
		}
		else
			img.animate({top: '-' + position}, spead);
	},
	
	fadeRotation: function () {
		var img  = $('.fadeRotation img'),
				c    = 0,
				len  = img.size();
		if (!len) return;
		
		var rotation = function () {
			img.eq(c).fadeOut(1500);
			if ((c+1) > (len-1)) c = 0;
			else c++;
			img.eq(c).fadeIn(1500);
		};
		
		setInterval(rotation, 7000);
	},
	
	roundTrip: function () {
		var img = $('#roundTrip img');
		var start_posi = parseInt(img.css('top'));
		
		if (!img.size()) return;
		
		img.delay(1000).animate({
			top : 0
		},10000,'linear').delay(1000).animate({
			top : start_posi
		},10000,'linear');
		
		// var img = $('#roundTrip img');
		// var start_posi = parseInt(img.css('top'));
		// var count = 0;
		// 
		// if (!img.size()) return;
		// 
		// var loop = function () {
		// 	img.delay(1000).animate({
		// 		top : 0
		// 	},100,'linear').delay(1000).animate({
		// 		top : start_posi
		// 	},100,'linear');
		// 	count++;
		// 	if (count < 5) test();
		// };
		// loop();
	}
	
});

$(function () {
	$.MATIERE.init();
});
})(jQuery);



/* local scroll */
$(function () {
	$('.pagetop a, a.pagetop').click(function () {
		$.scrollTo({top:0,left:0}, 500);
		return false;
	});
	
	$('.scrl').click(function () {
		var target = $(this).attr('href');
		$.scrollTo(target, 500);
		return false;
	});
});


/* page top scroll */

$(function(){
     $("#pagetop a").click(function(){
     $('html,body').animate({ scrollTop: $($(this).attr("href")).offset().top }, 'slow','swing');
     return false;
     })
});

/* chabge image */

$(function(){
    $(".thumbnail a").click( function() {
        var changeSrc = $(this).attr("href");
        $("#target").fadeOut(
            "slow",
            function() {
                $(this).attr("src", changeSrc);
                $(this).fadeIn();
            }
        );
        return false;
    });
});

/* gnavi image hover */

$(function(){
	$("img.menu").hover(
		function() {
			$(this).stop().animate({"opacity": "0"}, "fast");
				},
			function() {
			$(this).stop().animate({"opacity": "1"}, "slow");
		});
});

/*
$(function(){
	$("a.current img").html("");
});
*/