/***********************************************
* AnyLink Vertical Menu- © Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

// === For Computers ===
var menu1=new Array()
menu1[0]='<a href="/Category/Desktop-PCs">Desktop PCs</a>'
menu1[1]='<a href="/Category/Notebook-PCs">Notebook PCs</a>'

// === For Components ===
var menu2=new Array()
menu2[0]='<a href="/Category/Processors">Processors</a>'
menu2[1]='<a href="/Category/Motherboards">Motherboards</a>'
menu2[3]='<a href="/Category/Memory-Desktop-PCs">Memory for Desktop PCs</a>'
menu2[4]='<a href="/Category/Memory-Notebook-PCs">Memory for Notebook PCs</a>'
menu2[5]='<a href="/Category/PCI-E-Video-Cards">PCI-E Video Cards</a>'
menu2[6]='<a href="/Category/AGP-Video-Cards">AGP Video Cards</a>'
menu2[7]='<a href="/Category/CPU-Fans">CPU Fans</a>'
menu2[8]='<a href="/Category/Casings">Casings</a>'
menu2[9]='<a href="/Category/Power-Supplies">Power Supplies</a>'
menu2[10]='<a href="/Category/Internal-Optical-Drives">Internal Optical Drives</a>'
menu2[11]='<a href="/Category/External-Optical-Drives">External Optical Drives</a>'
menu2[12]='<a href="/Category/Sound-Cards">Sound Cards</a>'
menu2[13]='<a href="/Category/TV-Tuner-Capture-Cards">TV Tuner/Capture Cards</a>'

// === For Storage ===
var menu3=new Array()
menu3[0]='<a href="/Category/HDDs-Desktop-PCs">HDDs for Desktop PCs</a>'
menu3[1]='<a href="/Category/HDDs-Notebook-PCs">HDDs for Notebook PCs</a>'
menu3[2]='<a href="/Category/Desktop-External-HDDs">Desktop External HDDs</a>'
menu3[3]='<a href="/Category/Portable-External-HDDs">Portable External HDDs</a>'
menu3[4]='<a href="/Category/Enclosures">Enclosures</a>'
menu3[5]='<a href="/Category/USB-Flash-Drives">USB Flash Drives</a>'
menu3[6]='<a href="/Category/Memory-Cards">Memory Cards</a>'
menu3[7]='<a href="/Category/Network-Attached-Storage">Network-Attached Storage</a>'

// === For Peripherals ===
var menu4=new Array()
menu4[0]='<a href="/Category/Mouse">Mouse</a>'
menu4[1]='<a href="/Category/Keyboards">Keyboards</a>'
menu4[2]='<a href="/Category/Keyboard-Mouse-Combo">Keyboard Mouse Combo</a>'
menu4[3]='<a href="/Category/Tablets">Tablets</a>'
menu4[4]='<a href="/Category/Game-Controllers">Game Controllers</a>'
menu4[5]='<a href="/Category/Scanners">Scanners</a>'
menu4[6]='<a href="/Category/WebCams">WebCams</a>'
menu4[7]='<a href="/Category/Memory-Card-Readers">Memory Card Readers</a>'

// === For Monitors ===
var menu5=new Array()
menu5[0]='<a href="/Category/LCD-Monitors">LCD Monitors</a>'
menu5[1]='<a href="/Category/LCD-TVs">LCD TVs</a>'
menu5[2]='<a href="/Category/CRT-Monitors">CRT Monitors</a>'
menu5[3]='<a href="/Category/Projectors">Projectors</a>'

// === For Printers ===
var menu6=new Array()
menu6[0]='<a href="/Category/Inkjet-Printers">Inkjet-Printers</a>'
menu6[1]='<a href="/Category/Laser-Printers">Laser Printers</a>'
menu6[2]='<a href="/Category/All-In-One-Printers">All-In-One Printers</a>'
menu6[3]='<a href="/Category/Dot-Matrix-Printers">Dot Matrix Printers</a>'
menu6[4]='<a href="/Category/Color-Laser-Printers">Color Laser Printers</a>'
menu6[5]='<a href="/Category/Fax-Machines">Fax Machines</a>'
menu6[6]='<a href="/Category/Ink-Cartridges">Ink Cartridges</a>'
menu6[7]='<a href="/Category/Toner-Cartridges">Toner Cartridges</a>'

// === For Accessories ===
var menu7=new Array()
menu7[0]='<a href="/Category/Notebook-Accessories">Notebook Accessories</a>'
menu7[1]='<a href="/Category/UPS-AVR">UPS | AVR</a>'
menu7[2]='<a href="/Category/Speakers">Speakers</a>'
menu7[3]='<a href="/Category/Video-Processors">Video Processors</a>'
menu7[4]='<a href="/Category/Media-Discs">Media Discs</a>'
menu7[5]='<a href="/Category/Headphones-Headsets">Headphones &amp; Headsets</a>'
menu7[6]='<a href="/Category/Power-Inverters">Power Inverters</a>'
menu7[7]='<a href="/Category/Speaker-Stands">Speaker Stands</a>'
menu7[8]='<a href="/Category/USB-Hubs">USB Hubs</a>'
menu7[9]='<a href="/Category/Batteries-Chargers">Batteries &amp; Chargers</a>'

// === For Gadgets ===
var menu8=new Array()
menu8[0]='<a href="/Category/Digital-Cameras">Digital Cameras</a>'
menu8[1]='<a href="/Category/Digital-Audio-Players">Digital Audio Players</a>'
menu8[2]='<a href="/Category/Media-Players">Media Players</a>'
menu8[3]='<a href="/Category/Video-Cameras">Video Cameras</a>'

// === For Networking ===
var menu9=new Array()
menu9[0]='<a href="/Category/Broadband-Routers">Broadband Routers</a>'
menu9[1]='<a href="/Category/Network-Adapters">Network Adapters</a>'
menu9[2]='<a href="/Category/Network-Switches">Network Switches</a>'
menu9[3]='<a href="/Category/Access-Points">Access Points</a>'
menu9[4]='<a href="/Category/Print-Servers">Print Servers</a>'
menu9[5]='<a href="/Category/KVM-Switch">KVM Switch</a>'
menu9[6]='<a href="/Category/Network-Attached-Storage">Network-Attached Storage</a>'
menu9[7]='<a href="/Category/IP-Cameras">IP Cameras</a>'
menu9[8]='<a href="/Category/Fax-Modems">Fax Modems</a>'
menu9[9]='<a href="/Category/Network-Accessories">Network Accessories</a>'

		
var disappeardelay=250  //menu disappear speed onMouseout (in miliseconds)
var horizontaloffset=2 //horizontal offset of menu from default location. (0-5 is a good value)

/////No further editting needed

var ie4=document.all
var ns6=document.getElementById&&!document.all

if (ie4||ns6)
document.write('<div id="dropmenudiv" style="visibility:hidden;width: 160px" onMouseover="clearhidemenu()" onMouseout="dynamichide(event)"></div>')

function getposOffset(what, offsettype){
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
var parentEl=what.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
}


function showhide(obj, e, visible, hidden, menuwidth){
if (ie4||ns6)
dropmenuobj.style.left=dropmenuobj.style.top=-500
dropmenuobj.widthobj=dropmenuobj.style
dropmenuobj.widthobj.width=menuwidth
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover")
obj.visibility=visible
else if (e.type=="click")
obj.visibility=hidden
}

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function clearbrowseredge(obj, whichedge){
var edgeoffset=0
if (whichedge=="rightedge"){
var windowedge=ie4 && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15
dropmenuobj.contentmeasure=dropmenuobj.offsetWidth
if (windowedge-dropmenuobj.x-obj.offsetWidth < dropmenuobj.contentmeasure)
edgeoffset=dropmenuobj.contentmeasure+obj.offsetWidth
}
else{
var topedge=ie4 && !window.opera? iecompattest().scrollTop : window.pageYOffset
var windowedge=ie4 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
dropmenuobj.contentmeasure=dropmenuobj.offsetHeight
if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure){ //move menu up?
edgeoffset=dropmenuobj.contentmeasure-obj.offsetHeight
if ((dropmenuobj.y-topedge)<dropmenuobj.contentmeasure) //up no good either? (position at top of viewable window then)
edgeoffset=dropmenuobj.y
}
}
return edgeoffset
}

function populatemenu(what){
if (ie4||ns6)
dropmenuobj.innerHTML=what.join("")
}


function dropdownmenu(obj, e, menucontents, menuwidth){
if (window.event) event.cancelBubble=true
else if (e.stopPropagation) e.stopPropagation()
clearhidemenu()
dropmenuobj=document.getElementById? document.getElementById("dropmenudiv") : dropmenudiv
populatemenu(menucontents)

if (ie4||ns6){
showhide(dropmenuobj.style, e, "visible", "hidden", menuwidth)
dropmenuobj.x=getposOffset(obj, "left")
dropmenuobj.y=getposOffset(obj, "top")
dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+obj.offsetWidth+horizontaloffset+"px"
dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+"px"
}

return clickreturnvalue()
}

function clickreturnvalue(){
if (ie4||ns6) return false
else return true
}

function contains_ns6(a, b) {
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}

function dynamichide(e){
if (ie4&&!dropmenuobj.contains(e.toElement))
delayhidemenu()
else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
delayhidemenu()
}

function hidemenu(e){
if (typeof dropmenuobj!="undefined"){
if (ie4||ns6)
dropmenuobj.style.visibility="hidden"
}
}

function delayhidemenu(){
if (ie4||ns6)
delayhide=setTimeout("hidemenu()",disappeardelay)
}

function clearhidemenu(){
if (typeof delayhide!="undefined")
clearTimeout(delayhide)
}

function ValidateSearch() {

	var SearchBtn=document.searchform.SearchBtn;
	var SearchText=document.searchform.stext;
		
	SearchBtn.value="Wait...";
	SearchBtn.disabled=1;
		
	if (SearchText.value=="") {
		alert("Search field is empty. Please try again.");
		SearchText.focus();
		SearchBtn.value="Find";
		SearchBtn.disabled=0;
		return false;
	}	
		
	return true;
}

function ValidateContact() {

	var ContactBtn=document.contactform.ContactBtn;
	var Name=document.contactform.Name;
	var Email=document.contactform.Email;
	var Location=document.contactform.Location;
	var comment=document.contactform.Location;
	var security_code=document.contactform.Location;
		
	ContactBtn.value="Please Wait...";
	ContactBtn.disabled=1;
		
	if (Name.value=="") {
		alert("The Name Field is empty. Please try again.");
		Name.focus();
		ContactBtn.value="Submit";
		ContactBtn.disabled=0;
		return false;
	}	

	if (Email.value=="") {
		alert("The E-mail Field is empty. Please try again.");
		Email.focus();
		ContactBtn.value="Submit";
		ContactBtn.disabled=0;
		return false;
	}	

	if (Location.value=="") {
		alert("The Location Field is empty. Please try again.");
		Location.focus();
		ContactBtn.value="Submit";
		ContactBtn.disabled=0;
		return false;
	}	

	if (comment.value=="") {
		alert("The Questions/Comments Field is empty. Please try again.");
		comment.focus();
		ContactBtn.value="Submit";
		ContactBtn.disabled=0;
		return false;
	}	

	if (security_code.value=="") {
		alert("The Security Image Code Field is empty. Please try again.");
		security_code.focus();
		ContactBtn.value="Submit";
		ContactBtn.disabled=0;
		return false;
	}	

	return true;
}

function changeDivHeight() {
	var boxHeight = document.getElementById("middle-section").clientHeight;
	if (boxHeight < 499) {
		document.getElementById("middle-section").style.height = "500px"
	}

	var H1Width = document.getElementById("h1productname").clientWidth;
	if (boxHeight > 450) {
		document.getElementById("h1productname").style.width = "450px"
	}

}

function changePaymentMethod() {
	var paymentmethod = document.getElementById("paymentmethod").value;
	
	if(paymentmethod == 1) { 

		/* var option =  '<b>Payment will be made at the VillMan Store where you will Pick Up item(s).</b> <input type="hidden" name="PaymentOption" value="0">'; */
		document.getElementById("paymentoption").innerHTML=returnStorePayments();
		document.getElementById("deliveryoption").innerHTML=returnStores();
		document.getElementById("deliverymethod").value=1;
		   
	} else if (paymentmethod == 2) {

		document.getElementById("paymentoption").innerHTML=returnBanks();
		document.getElementById("deliveryoption").innerHTML="";
		document.getElementById("deliverymethod").value="";

	} else if ( (paymentmethod != 1) && (paymentmethod != 2) ) {
		document.getElementById("paymentoption").innerHTML=""; // clear the div  
	}
}

function changeDeliveryMethod() {
	var deliverymethod = document.getElementById("deliverymethod").value;
	var deliveryaddress = document.getElementById("deliveryaddress").value;

	if (deliverymethod == 1) {
		document.getElementById("deliveryoption").innerHTML=returnStores();

	} else if (deliverymethod == 2) {
		var option =  '<b>Enter the Shipping Address</b><br><textarea rows="6" name="ShippingAddress" class="address">'+deliveryaddress+'</textarea>';
		document.getElementById("deliveryoption").innerHTML=option;
	
	} else if( (deliverymethod != 1) && (deliverymethod != 2) ){
		document.getElementById("deliveryoption").innerHTML=""; // clear the div  
	} 

}

function returnStores() {
	var option2 =  '<select name="ShippingAddress">'
		option2 += '<option value="">- Select Branch -</option>'
		option2 += '<option value="SM City Marikina">SM City Marikina</option>'
		option2 += '<option value="SM Mall of Asia">SM Mall of Asia</option>'
		option2 += '<option value="Market! Market!">Market! Market!</option>'
		option2 += '<option value="Robinsons Pioneer">Robinsons Pioneer</option>'
		option2 += '<option value="Trinoma">Trinoma</option>'
		option2 += '<option value="SM City North EDSA">SM City North EDSA</option>'
		option2 += '<option value="West Ave.">West Ave.</option>'
		option2 += '<option value="SM Cubao Cyberzone">SM Cubao Cyberzone</option>'
		option2 += '<option value="Katipunan">Katipunan</option>'
		option2 += '<option value="Makati-Sunvar">Makati-Sunvar</option>'
		option2 += '<option value="Makati-Parksquare 1">Makati-Parksquare 1</option>'
		option2 += '</select>';
	return option2;
}

function returnBanks() {
	var option =  '<select name="PaymentOption">'
		option += '<option value="">- Select Bank -</option>'
		option += '<option value="1">BPI</option>'
		option += '<option value="2">BDO</option>'
		option += '<option value="3">Chinabank</option>'
		option += '</select>';
	return option;
}

function returnStorePayments() {
	var option =  '<select name="PaymentOption">'
		option += '<option value="">- Select Payment -</option>'
		option += '<option value="4">Cash</option>'
		option += '<option value="5">Credit Card</option>'
		option += '</select>';
	return option;
}

function changePaymentMethod_temp() {
	var paymentmethod = document.getElementById("paymentmethod").value;
	var deliverymethod = document.getElementById("deliverymethod").value;
	var deliveryaddress = document.getElementById("deliveryaddress").value;
	var bank = document.getElementById("PaymentOption").value;

	var option2 =  '<select name="ShippingAddress">'
		option2 += '<option value="">- Select Branch -</option>'
		option2 += '<option value="SM City Marikina">SM City Marikina</option>'
		option2 += '<option value="SM Mall of Asia">SM Mall of Asia</option>'
		option2 += '<option value="Market! Market!">Market! Market!</option>'
		option2 += '<option value="Robinsons Pioneer">Robinsons Pioneer</option>'
		option2 += '<option value="Trinoma">Trinoma</option>'
		option2 += '<option value="SM City North EDSA">SM City North EDSA</option>'
		option2 += '<option value="West Ave.">West Ave.</option>'
		option2 += '<option value="Cubao Gateway Mall">Cubao Gateway Mall</option>'
		option2 += '<option value="Katipunan">Katipunan</option>'
		option2 += '<option value="Makati-Sunvar">Makati-Sunvar</option>'
		option2 += '<option value="Makati-Parksquare 1">Makati-Parksquare 1</option>'
		option2 += '<option value="Makati-Ayala">Makati-Ayala</option>'
		option2 += '</select>';

	/* if(paymentmethod == 1) { 
		var option =  '<b>Payment will be made at the VillMan Store where you will Pick Up item(s).</b> <input type="hidden" name="PaymentOption" value="0">';
		document.getElementById("paymentoption").innerHTML=option;
		document.getElementById("deliveryoption").innerHTML=option2;
		document.getElementById("deliverymethod").value=1;
		deliverymethod=1; */

	if (paymentmethod == 1) { 
		var option =  '<select name="PaymentOption">'
		option += '<option value="">- Select Payment -</option>'
		option += '<option value="4">Cash</option>'
		option += '<option value="5">Credit Card</option>'
		option += '</select>'
		document.getElementById("paymentoption").innerHTML=option;
		   
	} else if (paymentmethod == 2) {
		var option =  '<select name="PaymentOption">'
		option += '<option value="">- Select Bank -</option>'
		option += '<option value="1">BPI</option>'
		option += '<option value="2">BDO</option>'
		option += '<option value="3">Chinabank</option>'
		option += '</select>'
		document.getElementById("paymentoption").innerHTML=option;

	} else if ( (paymentmethod != 1) && (paymentmethod != 2) ) {
		document.getElementById("paymentoption").innerHTML=""; // clear the div  
	} 

	if (deliverymethod == 1) {
		document.getElementById("deliveryoption").innerHTML=option2;

	} else if (deliverymethod == 2) {
		var option2 =  '<p class="shippingaddress">Enter the Shipping Address</p><textarea rows="6" name="ShippingAddress" cols="30">'+deliveryaddress+'</textarea>';
		document.getElementById("deliveryoption").innerHTML=option2;
	
	} else if( (deliverymethod != 1) && (deliverymethod != 2) ){
		document.getElementById("deliveryoption").innerHTML=""; // clear the div  
	} 

}