/* Image PreLoad */
var preload = new Array('btn_0_over_ext_left.gif', 'btn_1_over_ext_left.gif', 'btn_2_over_ext_left.gif',
                         'btn_0_off_ext_left.gif', 'btn_1_off_ext_left.gif', 'btn_2_off_ext_left.gif',
                         'btn_0_on_ext_left.gif', 'btn_1_on_ext_left.gif', 'btn_2_on_ext_left.gif',
                         'btn_0_over.gif', 'btn_1_over.gif', 'btn_2_over.gif',
                         'btn_0_off.gif', 'btn_1_off.gif', 'btn_2_off.gif',
                         'btn_0_on.gif', 'btn_1_on.gif', 'btn_2_on.gif',
                         'btn_0_over_right.gif', 'btn_1_over_right.gif', 'btn_2_over_right.gif',
                         'btn_0_off_right.gif', 'btn_1_off_right.gif', 'btn_2_off_right.gif',
                         'btn_0_on.gif', 'btn_1_on.gif', 'btn_2_on.gif',
                         'btn_0_over_right.gif', 'btn_1_over_right.gif', 'btn_2_over_right.gif',
                         'btn_0_off_right.gif', 'btn_1_off_right.gif', 'btn_2_off_right.gif',
                         'btn_0_on_right.gif', 'btn_q_on_right.gif', 'btn_2_on_right.gif',
                         'btn_0_over_ext_right.gif', 'btn_1_over_ext_right.gif', 'btn_2_over_ext_right.gif',
                         'btn_0_off_ext_right.gif', 'btn_1_off_ext_right.gif', 'btn_2_off_ext_right.gif',
                         'btn_0_on_ext_right.gif', 'btn_1_on_ext_right.gif', 'btn_2_on_ext_right.gif');
var loader = new Array();
for(var i = 0; i < preload.length; i++){
   loader[i] = new Image();
   loader[i].src = "../images/Btns/" + preload[i];
}

/* Image Path */
var leftExtImg_Over = ["url(../images/Btns/btn_0_over_ext_left.gif)",
                        "url(../images/Btns/btn_1_over_ext_left.gif)",
						"url(../images/Btns/btn_2_over_ext_left.gif)"];
var leftExtImg_Off  = ["url(../images/Btns/btn_0_off_ext_left.gif)",
                        "url(../images/Btns/btn_1_off_ext_left.gif)",
						"url(../images/Btns/btn_2_off_ext_left.gif)"];
var leftExtImg_On   = ["url(../images/Btns/btn_0_on_ext_left.gif)",
                        "url(../images/Btns/btn_1_on_ext_left.gif)",
						"url(../images/Btns/btn_2_on_ext_left.gif)"];
						
var menuImg_Over = ["url(../images/Btns/btn_0_over.gif)",
                        "url(../images/Btns/btn_1_over.gif)",
						"url(../images/Btns/btn_2_over.gif)"];
var menuImg_Off  = ["url(../images/Btns/btn_0_off.gif)",
                        "url(../images/Btns/btn_1_off.gif)",
						"url(../images/Btns/btn_2_off.gif)"];
var menuImg_On   = ["url(../images/Btns/btn_0_on.gif)",
                        "url(../images/Btns/btn_1_on.gif)",
						"url(../images/Btns/btn_2_on.gif)"];

								   
var rightImg_Over = ["url(../images/Btns/btn_0_over_right.gif)",
                      "url(../images/Btns/btn_1_over_right.gif)",
					  "url(../images/Btns/btn_2_over_right.gif)"];
var rightImg_Off = ["url(../images/Btns/btn_0_off_right.gif)",
                      "url(../images/Btns/btn_1_off_right.gif)",
				      "url(../images/Btns/btn_2_off_right.gif)"];
var rightImg_On   = ["url(../images/Btns/btn_0_on_right.gif)",
                      "url(../images/Btns/btn_1_on_right.gif)",
					  "url(../images/Btns/btn_2_on_right.gif)"];
								   
var rightExtImg_Over = ["url(../images/Btns/btn_0_over_ext_right.gif)",
                      "url(../images/Btns/btn_1_over_ext_right.gif)",
					  "url(../images/Btns/btn_2_over_ext_right.gif)"];
var rightExtImg_Off = ["url(../images/Btns/btn_0_off_ext_right.gif)",
                      "url(../images/Btns/btn_1_off_ext_right.gif)",
				      "url(../images/Btns/btn_2_off_ext_right.gif)"];
var rightExtImg_On   = ["url(../images/Btns/btn_0_on_ext_right.gif)",
                      "url(../images/Btns/btn_1_on_ext_right.gif)",
					  "url(../images/Btns/btn_2_on_ext_right.gif)"];
								   
var leftExtID  = ["LeftExt_1", "LeftExt_2", "LeftExt_3"];
var menuID     = ["button_0", "button_1", "button_2"];
var rightID    = ["RightFrame_1", "RightFrame_2", "RightFrame_3"];
var rightExtID = ["RightExt_1", "RightExt_2", "RightExt_3"];
var menuTxtID  = ["menuTxt0", "menuTxt1", "menuTxt2"];
var pageID     = ["Page_Profile", "Page_Gallery", "Page_Contact", "Page_Home"];

function btnMouseOver(btnNum) {
   document.getElementById(leftExtID[btnNum]).style.backgroundImage = leftExtImg_Over[btnNum];
   document.getElementById(menuID[btnNum]).style.backgroundImage = menuImg_Over[btnNum];
   document.getElementById(rightID[btnNum]).style.backgroundImage = rightImg_Over[btnNum];
   document.getElementById(rightExtID[btnNum]).style.backgroundImage = rightExtImg_Over[btnNum];
   document.getElementById(menuTxtID[btnNum]).style.paddingRight  = "25px";
}
function btnMouseOut(btnNum) {
   document.getElementById(leftExtID[btnNum]).style.backgroundImage = leftExtImg_Off[btnNum];
   document.getElementById(menuID[btnNum]).style.backgroundImage = menuImg_Off[btnNum];
   document.getElementById(rightID[btnNum]).style.backgroundImage = rightImg_Off[btnNum];
   document.getElementById(rightExtID[btnNum]).style.backgroundImage = rightExtImg_Off[btnNum];
   document.getElementById(menuTxtID[btnNum]).style.paddingRight = "30px";
}
function btnMouseClick(btnNum) {
   document.getElementById(leftExtID[btnNum]).style.backgroundImage = leftExtImg_On[btnNum];
   document.getElementById(menuID[btnNum]).style.backgroundImage = menuImg_On[btnNum];
   document.getElementById(rightID[btnNum]).style.backgroundImage = rightImg_On[btnNum];
   document.getElementById(rightExtID[btnNum]).style.backgroundImage = rightExtImg_On[btnNum];
   document.getElementById(menuTxtID[btnNum]).style.paddingRight  = "25px";
   pageHandler(btnNum);
}
function pageHandler(btnNum) {
   for (var i = 0; i < 4; i++) {
      if (i == btnNum) {
         document.getElementById(pageID[i]).style.display = "block";
	  } else {
         document.getElementById(pageID[i]).style.display = "none";
	  }		  
   }
}