var nowWorkViewNum = 1;
var workItemNum = 0;
var imNum = 0;
var workPageNum = 0;
var viewWorkPageNum = 1;
var isMouseWheelRun = true;
var itemNum = new Array(0,26,26,0);
var itemSubNum = new Array(0,2,4,7,7,3,3,1);
var workLineLeft = new Array('250px','295px','343px','397px','474px','532px','615px','655px');
var workLineWidth = new Array('0px','40px','45px','70px','50px','77px','33px','38px');
var topPointLeft = new Array('0px','581px','702px','814px','926px');
var middleContentsLeft = new Array('0px','0px','-990px','-1980px','-2970px');

$(document).ready(function () {
	setLiItemMenu(1,1);
	var sHeight = $(window).height();
	var moveTop = (sHeight > 680) ? (sHeight - 680) / 2 : 0;
	$('div#page_main').css('margin-top', moveTop + 'px');
	
	$('div#work_show_contents').mouseover(function() {setImControlShow();});
	$('div#work_show_contents').mouseout(function() {setImControlClose();});
	
	$('div#workSubLine').css('display','none');
	$('div#workSubLine').css('width',workLineWidth[0]);
	$('div#workSubLine').css('left',workLineLeft[0]);
	
	$('div#workItemList').mousewheel(setMouseWheel);
});

$(window).resize(function() {
	var sHeight = $(window).height();
	var moveTop = (sHeight > 680) ? (sHeight - 680) / 2 : 0;
	$('div#page_main').css('margin-top', moveTop + 'px');
});

setMouseWheel = function(event, delta)
{
	if(isMouseWheelRun)
	{
		isMouseWheelRun = false;
		var actionControl = delta > 0 ? 'up' : 'down';
		var goToPageNum = 1;
		//alert(viewWorkPageNum + "-" + workPageNum);
		if(actionControl == 'up')
		{
			goToPageNum = (viewWorkPageNum <= 1) ? 1 : viewWorkPageNum - 1;
		}
		else
		{
			goToPageNum = (viewWorkPageNum == workPageNum) ? workPageNum : viewWorkPageNum + 1;
		}
		
		setWorkPage(goToPageNum);
	}
};

closeWorkShow = function()
{
	$.unblockUI();
};

setWorkShow = function(obj)
{
	var showW = 920;
	var showH = 540;
	//var showUrl = "work_show.html?wi=" + obj;
	//$('#work_show_frame').attr('src',showUrl);
	//$('#work_show_frame').css('width',showW);
	//$('#work_show_frame').css('height',showH);
	var jsonFile = "work_data/json/work_" + obj + ".txt";
	
	var imgNode;
	imNum = 0;
	
	var infoNames;
	var infoUrl;
	var infoString;
	$('div#work_show_im_list img').remove();
	$('div#work_show_page').html('');
	
	$.getJSON(jsonFile, function(data) {
		$.each(data, function(key, val) 
		{
			if(key == "names")
			{
				infoNames = val;
			}
			else if(key == "url")
			{
				infoUrl = val;
			}
			else
			{
				imNum++;
				imgNode = $(document.createElement('img')).attr('src',val);
				$('div#work_show_im_list').append(imgNode);
			}
		});
		
		infoString = "" + infoNames + "<br /><a href='" + infoUrl + "' target='_blank'>►enter</a>&nbsp;&nbsp;" + infoUrl;
		$('#work_show_box #work_show_control #work_show_info').html(infoString);
		
		var divW = imNum * 920;
		$('div#work_show_box #work_show_contents #work_show_im_list').css('width',divW+'px');
		$('div#work_show_box #work_show_contents #work_show_im_list').css('left','0px');
		workItemNum = imNum;
		nowWorkViewNum = 1;
		
		$('div#work_show_page').html(nowWorkViewNum + " / " + imNum);
		
		$.blockUI({ 
			message: $('div#work_show_box'), 
			css: { 
				'background-color':'transparent',
				border: 'none',
				top:  ($(window).height() - showH) /2 + 'px', 
				left: ($(window).width() - showW) /2 + 'px', 
				width: showW + 'px' ,
				height:showH + 'px'
			} 
		});
		
		$('.blockOverlay').attr('title','Click to Close').click($.unblockUI); 
	});
	//alert(imNum);
	//$('#work_loading').css('display','none');
};

setImControlShow = function()
{
	$('#work_show_box #work_show_contents #work_show_im_prev').css('display', 'block');
	$('#work_show_box #work_show_contents #work_show_im_next').css('display', 'block');
};

setImControlClose = function()
{
	$('#work_show_box #work_show_contents #work_show_im_prev').css('display', 'none');
	$('#work_show_box #work_show_contents #work_show_im_next').css('display', 'none');
};

setWorkItemImMove = function(obj)
{
	var speedNum = 750;
	
	switch(obj)
	{
		case "p":
			nowWorkViewNum = (nowWorkViewNum == 1) ? 1 : nowWorkViewNum - 1;
		break;
		
		case "n":
			nowWorkViewNum = (nowWorkViewNum == workItemNum) ? workItemNum : nowWorkViewNum + 1;
		break;
	}
	
	$('div#work_show_page').html(nowWorkViewNum + " / " + imNum);
	var mLeft = (nowWorkViewNum - 1) * -920;
	$('div#work_show_im_list').animate({left:mLeft},speedNum);
};

setMenu = function(obj)
{
	var mLeft = "";
	var uLeft = "";
	var speedNum = 500;
	$('div#workSubLine').css('display','none');
	$('div#workSubLine').css('width',workLineWidth[0]);
	$('div#workSubLine').css('left',workLineLeft[0]);
	$("div#page_main #page_top #page_top_point").animate({left:topPointLeft[obj]},speedNum,'easeInSine');
	
	//$("div#page_main #page_middle #page_middle_contents").css('opacity','0.4');														
	$("div#page_main #page_middle #page_middle_contents").animate({left:middleContentsLeft[obj]},speedNum,'easeInSine');
};

var subMuneWidth = 0;
var nowUnit = 1;
var isCallBack = true;
var isSubCallBack = true;
var isRun = true;
clickWorkMenu = function(obj)
{
	var speedNum = 750;
	var widthArray = new Array(0,0,410,0);
	
	if(obj != nowUnit)
	{
		$('div#workSubLine').css('display','none');
		$('div#workSubLine').css('width',workLineWidth[0]);
		$('div#workSubLine').css('left',workLineLeft[0]);
		
		if(isRun)
		{
			isRun = false;
			$("div#page_main #page_middle #page_middle_contents ul li .div21 .workSubLink").animate({width:widthArray[obj]},speedNum,'easeInSine');
			
			$("div#page_main #page_middle #page_middle_contents ul li .div21 .workLink01 a").css('background-position','0px -31px');
			$("div#page_main #page_middle #page_middle_contents ul li .div21 .workLink02 a").css('background-position','0px -31px');
			$("div#page_main #page_middle #page_middle_contents ul li .div21 .workLink03 a").css('background-position','0px -31px');
			
			switch(obj)
			{
				case 1:
					$("div#page_main #page_middle #page_middle_contents ul li .div21 .workLink01 a").css('background-position','0px 0px');
				break;
				
				case 2:
					$("div#page_main #page_middle #page_middle_contents ul li .div21 .workLink02 a").css('background-position','0px 0px');
				break;
					
				case 3:
					$("div#page_main #page_middle #page_middle_contents ul li .div21 .workLink03 a").css('background-position','0px 0px');
				break;
			}
				isCallBack = false;
				nowUnit = obj;
				$('div#workItemList').animate({top:0},speedNum);
				setLiItemMenu(obj,1);
				$('ul#destination').find("li div").animate({opacity:0},speedNum,function(){if(!isCallBack){setItemView(obj,1);isCallBack=true;}});
		}
	}
};

clickSubMenu = function(obj)
{
	var speedNum = 500;
	isSubCallBack = false;
	$('div#workItemList').animate({top:0},speedNum);
	setLiItemMenu(obj,2);
	$('ul#destination').find("li div").animate({opacity:0},speedNum,function(){if(!isSubCallBack){setItemView(obj,2);isSubCallBack=true;}});
	
	$('div#workSubLine').css('display','block');
	$('div#workSubLine').animate({width:workLineWidth[obj],left:workLineLeft[obj]},speedNum);
};

setItemView = function(obj,ty)
{
	var speedNum = 750;
	$('ul#destination').find("li").css('display', 'none');
	
	if(ty == 1)
	{
		switch(obj)
		{
			case 1:
				$('ul#destination').find("li").css('display', 'block');
				$('ul#destination').find("li div").animate({opacity:1},speedNum,function(){isRun = true;});
			break;
			
			case 2:
				$('ul#destination').find("li.web-1").css('display', 'block');
				$('ul#destination').find("li.web-1 div").animate({opacity:1},speedNum,function(){isRun = true;});
				$('ul#destination').find("li.web-2").css('display', 'block');
				$('ul#destination').find("li.web-2 div").animate({opacity:1},speedNum,function(){isRun = true;});
				$('ul#destination').find("li.web-3").css('display', 'block');
				$('ul#destination').find("li.web-3 div").animate({opacity:1},speedNum,function(){isRun = true;});
				$('ul#destination').find("li.web-4").css('display', 'block');
				$('ul#destination').find("li.web-4 div").animate({opacity:1},speedNum,function(){isRun = true;});
				$('ul#destination').find("li.web-5").css('display', 'block');
				$('ul#destination').find("li.web-5 div").animate({opacity:1},speedNum,function(){isRun = true;});
				$('ul#destination').find("li.web-6").css('display', 'block');
				$('ul#destination').find("li.web-6 div").animate({opacity:1},speedNum,function(){isRun = true;});
				$('ul#destination').find("li.web-7").css('display', 'block');
				$('ul#destination').find("li.web-7 div").animate({opacity:1},speedNum,function(){isRun = true;});
			break;
				
			case 3:
				isRun = true;
				$('ul#destination').find("li.SW").css('display', 'block');
				$('ul#destination').find("li.SW div").animate({opacity:1},speedNum,function(){isRun = true;});
			break;
		}
	}
	else
	{
		$('ul#destination').find("li.web-" + obj).css('display', 'block');
		$('ul#destination').find("li.web-" + obj + " div").animate({opacity:1},speedNum,function(){isRun = true;});
	}
};

setLiItemMenu = function(obj,ty)
{
	$('ul#menuItemList li').remove();
	var pageNum;
	
	if(ty == 1)
	{
		pageNum = itemNum[obj] / 10;
		pageNum = ((itemNum[obj] % 10) == 0) ? pageNum : pageNum + 1;
	}
	else
	{
		pageNum = itemSubNum[obj] / 10;
		pageNum = ((itemSubNum[obj] % 10) == 0) ? pageNum : pageNum + 1;
	}
	
	pageNum = Math.floor(pageNum);
	
	workPageNum = pageNum;
	viewWorkPageNum = 1;
	for(i=1 ; i <= pageNum ; i++)
	{
		$('ul#menuItemList').append('<li id="workPageItem' + i + '"><a href="#" onclick="setWorkPage(' + i + ')"></a></li>');
	}
	
	$('ul#menuItemList').append('<li class="workPageMouse"></li>');
	
	$('ul#menuItemList').find("li#workPageItem1 a").css('background-image','url(images/wicon_52.gif)');
};

setWorkPage = function(page)
{
	var speedNum = 750;
	var movePx = -355;
	var moveNum = (page == 1) ? 0 : movePx * (page - 1);
	viewWorkPageNum = page;
	var liSize = $('ul#menuItemList').find("li").size();
	
	for(var i = 1; i <= liSize ; i++)
	{
		$('ul#menuItemList').find("li#workPageItem" + i + " a").css('background-image','url(images/wicon_54.gif)');
	}
	
	$('ul#menuItemList').find("li#workPageItem" + page + " a").css('background-image','url(images/wicon_52.gif)');
	$('div#workItemList').animate({top:moveNum},speedNum,function(){isMouseWheelRun = true;});
}