//Sil.js

$(function() {
	getTweet();
	headerAnimate();
	imgRollover();
	navModule();
	sectionHover();
	setTimeout(function(){
		$("#startUp").remove();
	},1000);
});

function getTweet(){
	$.getJSON("http://api.twitter.com/1/statuses/user_timeline/moeclick.json?callback=?", function(data) {
	$("#tweetArea").html(data[0].text);
	});
}

function headerAnimate(){
	$("#startUp").animate({opacity:"0"},600,"swing");
	$("#header").css({opacity:"0",marginTop:"-225px"}).animate({opacity:"1"},500,"swing").animate({marginTop:"50px"},400,"swing");
	$("#header h1").css({opacity:"0"}).animate({opacity:"0"},1000,"swing").animate({opacity:"1"},500,"swing");
	$("#header h2").css({marginLeft:"-400px",opacity:"0"}).animate({marginLeft:"-400px"},1000,"swing").animate({marginLeft:"0",opacity:"1"},1000,"swing");
	$("#header h3").css({opacity:"0"}).animate({opacity:"0"},1100,"swing").animate({opacity:"1"},800,"swing");
	$("#header nav").css({opacity:"0"}).animate({opacity:"0"},1100,"swing").animate({opacity:"1"},800,"swing");
	$("#introEn").css({opacity:"0"}).animate({opacity:"0"},1600,"swing").animate({opacity:"1"},800,"swing");

	var i = $("#socialList li").size();
	var t = 1900;
	var n = 0
	
	while(i>=0){
		var n = n+1;
		$("#socialList li:nth-child("+n+")").css({opacity:"0"}).animate({opacity:"0"},t,"swing").animate({opacity:"1"},500,"swing");
		var i = i-1;
		var t = t+100;
	}

	var i = $("#contentsArea a").size();
	var t = 1000;
	var n = 0
	
	while(i>=0){
		var n = n+1;
		$("#contentsArea a:nth-child("+n+")").css({opacity:"0"}).animate({opacity:"0"},t,"swing").animate({opacity:"1"},500,"swing");
		var i = i-1;
		var t = t+100;
	}

	$("#footer").css({opacity:"0"}).animate({opacity:"0"},2000,"swing").animate({opacity:"1"},400,"swing");

}

function imgRollover(){
	$("#socialList a").hover(function(){
	    $(this).stop(true, false).animate({opacity:"0"},500);
	}, function() {
	    $(this).stop(true, false).animate({opacity:"1"},500);
	});
}

function navModule(){
	$("#header nav li").hover(function(){
	    $(this).stop(true, false).animate({marginLeft:"-=20px",fontSize:"150%"},200,"swing");
	}, function() {
	    $(this).stop(true, false).animate({marginLeft:"0px",fontSize:"100%"},100,"swing");
	});
	$("#release").click(function(){
		$("section").not(".release").animate({opacity:"0.3"},500,"swing");
		$("section.release").animate({opacity:"1"},500,"swing");

	});
	$("#live").click(function(){
		$("section").not(".live").animate({opacity:"0.3"},500,"swing");
		$("section.live").animate({opacity:"1"},500,"swing");
	});
	$("#available").click(function(){
		$("section").not(".available").animate({opacity:"0.3"},500,"swing");
		$("section.available").animate({opacity:"1"},500,"swing");
	
	});
	$("#unavailable").click(function(){
		$("section").not(".unavailable").animate({opacity:"0.3"},500,"swing");
		$("section.unavailable").animate({opacity:"1"},500,"swing");
	});
}

function sectionHover(){
	$("section").hover(function(){
	    $(this).stop(true, false).animate({opacity:"1"},500,"swing");
	}, function() {
	    $("section").stop(true, false).animate({opacity:"1"},500,"swing");
	});	
	$(".item").hover(function(){
	    $(".item").not(this).stop(true, false).animate({opacity:"0.1"},500,"swing");
	}, function() {
	    $(".item").stop(true, false).animate({opacity:"1"},500,"swing");
	});
}