// JavaScript Document
var itemsTotal;
var brands=new Array("aveeno","band_aid","benadryl","clean_and_clear","listerine","listerine_whitening","neosporin","reach","rogaine","rolaids","sudafed","tucks","tylenol","zyrtec");
//Products for each brand
var aveeno=new Array("Aveeno DM 19.6oz","Aveeno PR cleans. Pads","Aveeno PA Eye Serum");
var band_aid=new Array("Band-Aid Adhesive Pads","Band-Aid Sheer comfort-flex","Band-Aid Water Block Plus","Band-Aid Tough Strips");
var benadryl=new Array("Benadryl Allergy","Benadryl ES","Benadryl Relief Stick","Children's Benadryl Allergy FM","Children's Benadryl A&C FM","Children's Benadryl Chewables","Children's Benadryl Grape 4oz.","Children's Benaryl Cherry 4oz.","Children's Benadryl Perf. Meas. .17oz.");
var clean_and_clear=new Array("Clean And Clear Product 1","Clean And Clear Product 2");
var listerine=new Array("Listerine CM 250ml","Listeirne CM 500ml","Listerine Gold 250ml","Listerine NC 250ml","Listerine VM 250ml","Listerine Gold 500ml","Listerine FB 250ml","Listeirne FB 500ml");
var listerine_whitening=new Array("Listerine White 250ml","Listerine White 500ml","Listerine White Strips 56ct.","Listerine Whitening Pen");
var neosporin=new Array("Neosporin .5oz","Neosporin .5oz MS","Neosporin .5 oz. Plus Pain Relief","Neosporin TOGO 1ct.");
var reach=new Array("Reach Product 1","Reach Product 2");
var rogaine=new Array("Rogaine Product 1","Rogaine Product 2");
var rolaids=new Array("Rolaids Product 1","Rolaids Product 2");
var sudafed=new Array("Sudafed Product 1","Sudafed Product 2");
var tucks=new Array("Tucks Product 1","Tucks Product 2");
var tylenol=new Array("Children's Tylenol","Children's Tylenol CB","Children's Tylenol GS","Children's Tylenol FC","Children's Tylenol Meltaways");
var zyrtec=new Array("Zyrtec 10mg 24hr 45ct.","Children's Zyrtec 10mg Grape","Children's Zyrtec 1mg");

//Resets everything, used on page load and if the user selects "- Select One -" for the display type
function clearData(){
	document.getElementById('submit').style.display="none";
	document.getElementById('labelBrand').style.display="none";
	document.getElementById('divBrand').style.display="none";
	document.getElementById('labelHeaderType').style.display="none";
	document.getElementById('divHeaderType').style.display="none";
	document.itemForm.ddDisplayType.value="select";
	document.itemForm.ddBrand.value="select";
	document.itemForm.ddHeaderType.value="select";
	document.getElementById('items').style.display="none";
	document.getElementById('items').innerHTML = '';
}
//Finds out how many rows to write and set a variable for it, also runs the writeData function to write out the rows
function displayChange(target){
	document.getElementById('items').innerHTML = '';
	document.getElementById('labelBrand').style.display="block";
	document.getElementById('divBrand').style.display="block";
	document.getElementById('labelHeaderType').style.display="block";
	document.getElementById('divHeaderType').style.display="block";
	if(target=="pdq2"||target=="pw2"){
		itemsTotal = 2;
		writeData();		
	}else if(target=="pw3"){
		itemsTotal = 3;
		writeData();	
	}else if(target=="fs4"||target=="pw4"){
		itemsTotal = 4;
		writeData();	
	}else if(target=="fs5"){
		itemsTotal = 5;
		writeData();	
	}else if(target=="select"){
		clearData();
	}
}
//Writes a row
function writeData(){
	for(i=1; i<=itemsTotal; i++){
		var addLink = "javascript:addRow('table"+i+"');";
		var onPack = "javascript:openPop('div2','div1');";
		document.getElementById('items').innerHTML = document.getElementById('items').innerHTML + '<div id="itemRow'+i+'" class="itemRow"><div class="trayImg"><img src="images/tray.jpg" alt="Product" name="trayImg'+i+'" width="150" height="100" id="trayImg'+i+'" /></div><div class="trayInfo"><h2>Tray '+i+'</h2><table id="table'+i+'" border="0" cellpadding="3" class="left"><tr><td><strong>Item:</strong></td><td><select id="ddItem'+i+'" name="ddItem'+i+'"></select></td><td><strong>Qty:</strong></td><td><input  type="text" class="txtqty" /><a href="'+onPack+'" class="popupLink">On-pack</a></td></tr></table><div class="clrSolo">&nbsp;</div><p><a href="'+addLink+'">Add a new item to this tray</a></p></div><div class="clrSolo"></div></div>';
		buildDrop(i);
	}
}
//For the add new item link
function addRow(id){
	itemsTotal++;
    var tbody = document.getElementById(id).getElementsByTagName("TBODY")[0];
    var row = document.createElement("TR")
    var td1 = document.createElement("TD")
	var onPack = "javascript:openPop('div2','div1');";
    //td1.appendChild(document.createTextNode('<strong>Item:</strong>'))
	td1.innerHTML = '<strong>Item:</strong>';
    var td2 = document.createElement("TD")
    td2.innerHTML = '<select id="ddItem'+itemsTotal+'" name="ddItem'+itemsTotal+'"></select>';
	var td3 = document.createElement("TD")
    td3.innerHTML = '<strong>Qty:</strong>';
	var td4 = document.createElement("TD")
    td4.innerHTML = '<input  type="text" class="txtqty" /><a href="'+onPack+'" class="popupLink">On-pack</a>';
    row.appendChild(td1);
    row.appendChild(td2);
	row.appendChild(td3);
	row.appendChild(td4);
    tbody.appendChild(row);
	buildDrop(itemsTotal);
}
//Loops in the items to be added to a dropdown
function buildDrop(ddID){
	var brandID = document.getElementById('ddBrand').value;
	if(brandID!="select"){
		addItem("- Select One -","Select","ddItem"+ddID);
		if(brandID!="mb"){
			var brandID = eval(brandID);
			for(b=0; b<brandID.length; b++){
				addItem(brandID[b],brandID+b,"ddItem"+ddID);
			}
		}else{
			for(bid=0; bid<brands.length; bid++){
				var brandID = eval(brands[bid]);
				for(b=0; b<brandID.length; b++){
					addItem(brandID[b],brandID+b,"ddItem"+ddID);
				}
			}
		}
	}else{
		document.getElementById('items').style.display="none";
		document.getElementById('submit').style.display="none";
	}
}
//Adds options to drop down lists
function addItem(Text,Value,ddList){
	// Create an Option object        
	var opt = document.createElement("option");
	// Add an Option object to Drop Down/List Box
	document.getElementById(ddList).options.add(opt);
	// Assign text and value to Option object
	opt.text = Text;
	opt.value = Value;
}
//Resets the brands when the brand dropdown is changed
function brandChange(target){
	document.getElementById('items').style.display="block";
	document.getElementById('submit').style.display="block";
	displayChange(document.getElementById('ddDisplayType').value);
}
//Changes the tray image when the item dropdown in changes
function itemChange(){

}
//Submits the form and sends user to the correct detail page
function submitItems(){
	var brandName = document.getElementById('ddBrand').value;
	var displayType = document.getElementById('ddDisplayType').value;
	var headerType = document.getElementById('ddHeaderType').value;
	if(displayType=="fs5"||displayType=="pdq2"||displayType=="pw2"){
		if(brandName=="aveeno"||brandName=="benadryl"||brandName=="listerine"||brandName=="listerine_whitening"||brandName=="tylenol"||brandName=="zyrtec"||brandName=="mb"){
			location.href=displayType+"_"+brandName+".asp?h="+headerType;
		}else{
			location.href="login.asp";
		}
	}else{
		location.href="login.asp";
	}
}


// Controls Pop Ups //

function openPop(i,n) {
	document.getElementById(i).style.display = 'block';
	document.getElementById(n).style.display = 'none';
}
function closePop(i) {
	document.getElementById(i).style.display = 'none';
}