//ver.2.02
//background-image preload=================================================
function preload(){
 for(var i = 1; i < linkURL.length; i++){
   var imgSrc = "/Template/en/images/"+linkURL[i][1];
   $('<img />').attr('src',imgSrc);
 }
}
preload();
//total number of square banner
var imgsNum=linkURL.length-1;

//total number of page
var MaxLength =Math.ceil(imgsNum/5);


//Button Positon Setting====================================================
var activebtnID = 1;
var startID = 1;
var btnOverFlag = 0;
$("#jsMainBtSet").ready(function(){
var cellID;
var localimgNum = 1;
for(i=1;i<=MaxLength;i++){
	cellID = "jsMainbt"+i;
	cellUlID = "jsMainUl"+i;
	var squareBox ='<div id="'+cellID+'" class="jsMainbtCls clearfix"><ul id="'+cellUlID+'" class="jsMainBtUi"></ul></div>';
	$("#jsMainBtSet").append(squareBox);
	var gorlID = startID+4;
	var delytimes = 0;
	var xid = 0;
	for(j=startID;j<=gorlID;j++){
		if(j<=imgsNum){
		  var liID = "jsMainLi"+j;
		  $("#"+cellUlID).append('<li id="'+liID+'" class="btnImgae"><a href="#"><img src="/Template/en/images/'+linkURL[j][1]+'" alt="" width="164" height="168"></a></li>');

if(linkURL[j][3]){
$("#"+liID+" > a").attr({"target":linkURL[j][3]});
}

          $("#"+liID+" > a").attr({"href":linkURL[j][0]});
		  $("#"+liID).css({"top":"210px","left":(170*xid)+"px"});
		  $("#"+liID).hover(function(){
	      btnOverFlag = 1;
          myName = $(this).attr("id");
          myid = myName.slice(8);
		  bg_change(myid);
          },function(){
	      btnOverFlag = 0;  
          });
		  $("#"+liID).delay(delytimes).animate({"top":0},{easing:'easeOutQuart',duration:500,complete:function(e){
          initFlag=1;
          if($(this).attr("id")=="jsMainLi5"&&imgsNum>5){
	      $("#jsMainArwL").css({"visibility":"visible"});
	      $("#jsMainArwR").css({"visibility":"visible"});
          }
		  }});
		 delytimes +=200;
		 xid +=1;
	  }
	}
	 startID =gorlID+1;
	if(i > 1){
		$("#"+cellID).css({"display":"none"});
	}
	if(imgsNum<5){
	var myWidth = imgsNum*$(".btnImgae").width();
	var myPosition = (1000-myWidth)/2;
    $("#jsMainBtSet").css({"width":myWidth+"px","left":myPosition+"px","position":"absolute"});
	}
}
});
//Vars for Motion===================================================================
var btnMoveFlag = 0;
var b2id;
var oneSetWidth=1000;
//move left===================================================================
function btn_move_left(){
	motionstart();
	var block1 = "#jsMainbt"+activebtnID;
	$(block1).css({"left":"0px","display":"block"});
	var np1 = oneSetWidth+"px";
	$(block1).animate({"left":np1},{easing:'easeOutQuart',duration:500});
	if(activebtnID == 1){b2id = MaxLength;} else {	b2id = activebtnID-1;}
	if(rampID>0){b2id = rampID}
	var block2 = "#jsMainbt"+b2id;
	var np2 = (oneSetWidth*-1)+"px";
	$(block2).css({"left":np2,"display":"block"});
	$(block2).animate({"left":"0px"},{easing:'easeOutQuart',duration:500,complete:function(e){activebtnID=b2id;motionstop();}});
}

//move right===================================================================
function btn_move_right(){
	motionstart();
	var block1 = "#jsMainbt"+activebtnID;
	$(block1).css({"left":"0px","display":"block"});
	var np1 = (oneSetWidth*-1)+"px";
	$(block1).animate({"left":np1},{easing:'easeOutQuart',duration:500});
	var b2id;
	if(activebtnID < MaxLength){b2id = activebtnID+1;} else {b2id = 1;	}
	if(rampID>0){b2id = rampID}
	var block2 = "#jsMainbt"+b2id;
	var np2 = oneSetWidth+"px";
	$(block2).css({"left":np2,"display":"block"});
	$(block2).animate({"left":"0px"},{easing:'easeOutQuart',duration:500,complete:function(e){activebtnID=b2id;motionstop()}});
}


function motionstart(){
btnMoveFlag=1;
}

function motionstop(){
btnMoveFlag=0;
rampID = 0;
ramp_change(activebtnID-1);
var localID = ((activebtnID-1)*5)+1;
bg_change(localID);
}

//background-image setting==================================================================
var oldimg;
var durmmSec =500;
var oldName="/Template/en/images/"+linkURL[0][2];
function bg_change(num){
  if(activebgID !=num){
  btnonFlag = 0;
  if(oldimg != null){
	  $("#bg"+oldimg).stop(true, false).css({"opacity":0,"display":"none"});
  }
  if(activebgID != null){
    $("#bg"+activebgID).stop(true, false).removeClass("nextBg").addClass("oldBg");
	oldimg = activebgID;
  }
  $("#bg"+num).stop(true, false).removeClass("oldBg").css({"opacity":0,"display":"block"}).addClass("nextBg").animate({"opacity":1},{duration:durmmSec,queue:false});
  activebgID =num;
  }
}
$("#jsMainimg2").ready(function(){
var bgID;					  
for(var i = 0; i < linkURL.length; i++){
  bgID = "bg"+i;
  var bgimgBox ='<div id="'+bgID+'" class="bgimgsBox"><a href="'+linkURL[i][0]+'"><img src="/Template/en/images/'+linkURL[i][2]+'" border="0"></a></div>';
  $("#jsMainBg2").append(bgimgBox);
  if(i>0){
  $("#"+bgID).css({"display":"none"});
  } else {
$("#bg"+activebgID).addClass("oldBg");
  }
}
						
bg_change(0);
});

//auto change
var setnum;
var intmmSec =5000;
var autobgchFlag = 0;
var activebgID=0;
var tid=setInterval("bgautochange()",intmmSec);
function bgautochange(){
  if(btnOverFlag==0 &&btnMoveFlag==0){
  durmmSec = 2000;
  if(activebgID<imgsNum){
	setnum =parseInt(activebgID)+1;
  } else {
	setnum = 0;	
  }
  bg_change(setnum);
  }
}
$("#jsMainBlock").ready(function(){
$("#jsMainBlock").hover(function(){jmbStart();},function(){jmbStop();});
});

function jmbStart(){
clearInterval(tid);
autobgchFlag=0;	
}

function jmbStop(){
clearInterval(tid);
var localID;
if(activebgID<imgsNum){
	localID = activebgID;
} else {
	localID = 0;
}
$("#msg").text(localID);
bg_change(localID);
tid=setInterval("bgautochange()",intmmSec);
}

//ramp setting==================================================================
var rampTop = "10px";
var rampID=0;
function ramp_change(num){
  for(var i=0;i<3;i++){
	if(i==num){
	  $("#locRamp"+i).attr({"src":"/Template/en/images/loc_ramp_on.png"});
	} else {
	  $("#locRamp"+i).attr({"src":"/Template/en/images/loc_ramp_off.png"}); 
	}
  }
}
//menu Positon Setting==================================================================
var initFlag=0;
var btnonFlag=0;

//menu hitarea setting
$("#cpArea").ready(function(){
 $("#cpArea").css({"opacity":0});	
});

//menu motion setting
$("#jsMainCp").ready(function(){
$("#jsMainCp").hover(function(){menu_up();},function(){menu_down();});
});

function menu_up(){
if(btnOverFlag!=1 && initFlag ==1){
  if(imgsNum>5){
  $("#jsMainArwL").css({"visibility":"visible"});	
  $("#jsMainArwR").css({"visibility":"visible"});
  }
  $("#jsMainBtSet").animate({"top":0},{easing:'easeOutQuart',duration:400});
  $("#JsMainRmp").animate({"top":rampTop},{easing:'easeOutQuart',duration:400});
}
}

function menu_down(){
if(btnOverFlag!=1 && initFlag ==1){
  if(imgsNum>5){
  $("#jsMainArwL").css({"visibility":"hidden"});	
  $("#jsMainArwR").css({"visibility":"hidden"});
  }
  $("#jsMainBtSet").animate({"top":145},{easing:'easeOutQuart',duration:400});
  $("#JsMainRmp").animate({"top":220},{easing:'easeOutQuart',duration:400});
}
}

//for IE==================================================================
var strUA = navigator.userAgent.toLowerCase();
if(strUA.indexOf("msie") != -1 && navigator.appVersion.indexOf("MSIE 6.0") != -1){
  rampTop = "-10px";
}
if(strUA.indexOf("msie") != -1 && navigator.appVersion.indexOf("MSIE 7.0") != -1){
  rampTop = "-10px";
}