$(function() {

/*@cc_on
/*/
//not IE code

//get stage size
var stageWidth;
var stageHeight;
var maxWidth = screen.availWidth;
var maxHeight = screen.availHeight;
var windowWidth = window.innerWidth;
var windowHeight = window.innerHeight;


//now position
var nowX = -8;
var nowY = 0;
//flag
var flag = true;
//TIMER
var updateTimer;
var FPS = 1000 / 30;


//canvas set
var canvas = document.getElementById('bgCanvas');
var mask = document.getElementById('maskCanvas')
if ( ! canvas || ! canvas.getContext ) {return false;}
if ( ! mask || ! canvas.getContext ) {return false;}
var context = canvas.getContext('2d');
var ctx_mask = mask.getContext('2d')
canvasSize();
canvasStart();
maskSet();
//updateTimer = setInterval(Update,FPS);

function canvasSize(){
	stageWidth = maxWidth;
	stageHeight = maxHeight;
	canvas.width = maxWidth;
	canvas.height = maxHeight;
	mask.width = maxWidth;
	mask.height = maxHeight + 200;
}

function canvasResize(){
	canvas.width = stageWidth;
	canvas.height = stageHeight;
	mask.width = maxWidth;
	mask.height = maxHeight + 200;
}

function canvasSet(){
	context.beginPath();
	context.fillStyle = '#2098be';
	context.arc(nowX, nowY, 2, 0, 2*Math.PI, false);
	context.fill();
}

function maskSet(){
	ctx_mask.beginPath();
	ctx_mask.rect(0,0,maxWidth,windowHeight + 200);
	gra_mask = ctx_mask.createLinearGradient(0,0,0,windowHeight + 200);
	gra_mask.addColorStop(0,'rgba(255,255,255,0)');
	gra_mask.addColorStop(0.2,'rgb(255,255,255)');
	gra_mask.addColorStop(1,'rgb(255,255,255)');
	ctx_mask.fillStyle = gra_mask;
	ctx_mask.fill();
}



//canvas start
function canvasStart(){
	while(stageHeight >= nowY){
		nowX += 8;
		canvasSet();
		if(stageWidth <= nowX){
			if(flag){
				  nowX = -4;
				  flag = false;
				}else{
				  nowX = -8;
				  flag = true;
				}
			nowY += 5;
		}
	}
	//$('#bgCanvas').fadeIn('slow');
	$('#maskCanvas').animate({top:windowHeight},4500,'easeOutExpo',function(){
		$('#maskCanvas').remove();
		updateTimer = setInterval(Update,FPS);
	});
}

//FPS
function Update(){
	stageWidth = window.innerWidth;
	stageHeight = window.innerHeight;
	
	if(stageWidth > maxWidth || stageHeight > maxHeight){
		nowX = -8;
		nowY = 0;
		if(stageWidth > maxWidth){maxWidth = stageWidth;}
		if(stageHeight > maxHeight){maxHeight = stageHeight;}
		canvasResize();
		canvasStart();
	}
	
}


//not IE code End
/*/@*/


//imgload
$(".entryDetail img").lazyload({effect : "fadeIn"});


//mouse over
$('#searchsubmit').hover(function(){
	$(this).fadeTo('fast', 0.8);},
	function(){$(this).fadeTo('nomal', 1);});
$('#submit').hover(function(){
	$(this).fadeTo('fast', 0.8);},
	function(){$(this).fadeTo('nomal', 1);});
$('a img').hover(function(){
	$(this).fadeTo('fast', 0.8);},
	function(){$(this).fadeTo('nomal', 1);});


});