// JavaScript Document

function swapBox(id) {
	if(id == 1) {
	 swapIt(id);
	resetSetting();
	document.getElementById("item01").style.padding = "32px 22px 14px 23px";
	document.getElementById("item01").style.border = "2px solid #fbd767"; 
	document.getElementById("item02").style.borderRight = "1px solid #d0cdc5"; 
	document.getElementById("item03").style.borderRight = "1px solid #d0cdc5"; 
	}
	else if(id == 2) {
	swapIt(id);
	resetSetting();
	document.getElementById("item02").style.padding = "32px 22px 14px 23px";
	document.getElementById("item01").style.borderLeft = "1px solid #d0cdc5";
	document.getElementById("item02").style.border = "2px solid #fbd767";
	document.getElementById("item03").style.borderRight = "1px solid #d0cdc5"; 
	}
	else if(id == 3) {
	 swapIt(id);
	resetSetting();
	document.getElementById("item03").style.padding = "32px 22px 14px 23px";
	document.getElementById("item01").style.borderLeft = "1px solid #d0cdc5";
	document.getElementById("item01").style.borderRight = "1px solid #d0cdc5"; 	
	document.getElementById("item03").style.border = "2px solid #fbd767";	
	}
}

function resetSetting() {
	document.getElementById("item01").style.padding = "33px 23px 15px 24px";
	document.getElementById("item02").style.padding = "33px 23px 15px 24px"; 
	document.getElementById("item03").style.padding = "33px 23px 15px 24px";
			
	document.getElementById("item01").style.border = "1px solid #ffffff";
	document.getElementById("item02").style.border = "1px solid #ffffff"; 
	document.getElementById("item03").style.border = "1px solid #ffffff";
	}

 var aryImages1 = new Array(3);
 var aryImages2 = new Array(3);
 
  aryImages1[1] = "img/item01.jpg";
  aryImages1[2] = "img/item02.jpg";
  aryImages1[3] = "img/item03.jpg";
  
  aryImages2[1] = "img/item01h.jpg";
  aryImages2[2] = "img/item02h.jpg";
  aryImages2[3] = "img/item03h.jpg";
  
  function swapIt(num) {
	for(i=1; i < 4; i++) {
 document['item_img'+i].src = aryImages1[i];
  }
  document['item_img'+num].src = aryImages2[num];
 }
 
 
function formClear(targetElement){
	if(targetElement.value == targetElement.defaultValue){
		targetElement.value = "";
	}
}

var naviary1 = new Array(12);
var naviary2 = new Array(12);
 
  naviary1[1] = "img/navi01.gif";
  naviary1[2] = "img/navi02.gif";
  naviary1[3] = "img/navi03.gif";
  naviary1[4] = "img/navi04.gif";
  naviary1[5] = "img/navi05.gif";
  naviary1[6] = "img/navi06.gif";
  naviary1[7] = "img/navi07.gif";
  naviary1[8] = "img/navi08.gif";
  naviary1[9] = "img/fnavi01.gif";
  naviary1[10] = "img/fnavi02.gif";
  naviary1[11] = "img/fnavi03.gif";
  naviary1[12] = "img/navi09.gif";

  naviary2[1] = "img/navi01h.gif";
  naviary2[2] = "img/navi02h.gif";
  naviary2[3] = "img/navi03h.gif";
  naviary2[4] = "img/navi04h.gif";
  naviary2[5] = "img/navi05h.gif";
  naviary2[6] = "img/navi06h.gif";
  naviary2[7] = "img/navi07h.gif";
  naviary2[8] = "img/navi08h.gif";
  naviary2[9] = "img/fnavi01h.gif";
  naviary2[10] = "img/fnavi02h.gif";
  naviary2[11] = "img/fnavi03h.gif";
  naviary2[12] = "img/navi09h.gif";
  
function swap(num) {
 document['img'+num].src = naviary2[num];
 }
 function swap1(num1) {
 document['img'+num1].src = naviary1[num1];
 }

function popupWindow(url, width, height) {
  window.open(url,'popupWindow','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,copyhistory=no,width='+width+'px,height='+height+'px,screenX=150,screenY=150,top=150,left=150')
}