// Default Included JS Functions

function dn(){
	// Empty function for use in 'href' tags
}

function showElement(showID){
	// Shows elements with the ID of hideID
	document.getElementById(showID).style.display = "block";
}

function hideElement(hideID){
	// Hides elements with the ID of hideID
	document.getElementById(hideID).style.display = "none";
}

// End Default Included JS Functions
function addClass($obj){
      	$obj.className = "errorForm"; 
}  

function removeClass($obj){ 
      	$obj.className = ""; 
}  

function checkform(form){
  var $j = true;
  if (form.name.value == "") {
	  $obj = document.getElementById('name');
	  addClass($obj);
	  $j = false;
	  document.getElementById('errorDiv').style.display = "block";
  }
  else {
  	  $obj = document.getElementById('name');
	  removeClass($obj);
  }
  
  if (form.email.value == "") {
	  $obj = document.getElementById('email');
	  addClass($obj);
	  $j = false;
	  document.getElementById('errorDiv').style.display = "block";
  }
  else {
  	  $obj = document.getElementById('email');
	  removeClass($obj);
  }
  if (form.distributor.value == "") {
	  $obj = document.getElementById('distributor');
	  addClass($obj);
	  $j = false;
	  document.getElementById('errorDiv').style.display = "block";
  }
  else {
  	  $obj = document.getElementById('distributor');
	  removeClass($obj);
  }
  if (form.message.value == "") {
	  $obj = document.getElementById('message');
	  addClass($obj);
	  $j = false;
	  document.getElementById('errorDiv').style.display = "block";
  }
  else {
  	  $obj = document.getElementById('message');
	  removeClass($obj);
  }    
  return $j;
}

function checkform2(form){
  var $j = true;
  if (form.name.value == "") {
	  $obj = document.getElementById('name');
	  addClass($obj);
	  $j = false;
	  document.getElementById('errorDiv').style.display = "block";
  }
  else {
  	  $obj = document.getElementById('name');
	  removeClass($obj);
  }
  
  if (form.email.value == "") {
	  $obj = document.getElementById('email');
	  addClass($obj);
	  $j = false;
	  document.getElementById('errorDiv').style.display = "block";
  }
  else {
  	  $obj = document.getElementById('email');
	  removeClass($obj);
  }
  
  if (form.cname.value == "") {
	  $obj = document.getElementById('cname');
	  addClass($obj);
	  $j = false;
	  document.getElementById('errorDiv').style.display = "block";
  }
  else {
  	  $obj = document.getElementById('cname');
	  removeClass($obj);
  }
  
  if (form.phone.value == "") {
	  $obj = document.getElementById('phone');
	  addClass($obj);
	  $j = false;
	  document.getElementById('errorDiv').style.display = "block";
  }
  else {
  	  $obj = document.getElementById('phone');
	  removeClass($obj);
  }
  
  
  if($j == false){
  	document.getElementById('simplemodal-container').style.height = '310px';
  }
  else{
  	document.getElementById('simplemodal-container').style.height = '270px';
  }
  return $j;
}

function clearFeatures(){
	document.getElementById('dropDown1').style.display = "none";
	document.getElementById('dropDown2').style.display = "none";
	document.getElementById('dropDown3').style.display = "none";
	document.getElementById('dropDown4').style.display = "none";
	document.getElementById('dropDown5').style.display = "none";
	document.getElementById('dropDown6').style.display = "none";
	document.getElementById('dropDown8').style.display = "none";
	document.getElementById('dropDown9').style.display = "none";
}

$(document).ready(function () {
	$('a#getCatalog').click(function (e) {
		e.preventDefault();
		$.modal("<div class='popup'>\
					<img src='/content/media/popupCatalog.png' align='left' />\
					<h1>Please enter your information below to download our catalog</h1>\
					<form onsubmit='return checkform2(this);' method='post' name='contact' id='contact' action='/includes/catalog.php'>\
					<div id='errorDiv'>\
    					<p>Please fill in the required fields below &amp; submit the form again.</p>\
    				</div>\
						<label for='name'>Name: &nbsp;</label><input type='text' name='name' id='name' />\
						<label for='cname'>Company Name:</label><input type='text' name='cname' id='cname' /><br clear='all' />\
						<label for='email'>E-Mail:</label><input type='text' name='email' id='email' />\
						<label for='phone'>Phone Number:</label><input type='text' name='phone' id='phone' /><br clear='all' />\
						<label for='asi'>ASI #: &nbsp;&nbsp;</label><input type='text' name='asi' id='asi' />\
						<label for='sage'>SAGE #:</label><input type='text' name='sage' id='sage' />\
						<input type='image' name='submit' id='submit' value='Submit' src='/content/media/btnArrow.png' class='button' /><br clear='all' />\
					</form>\
				</div>");
	});
});



$(document).ready(function () {
	$('a#getCatalog2').click(function (e) {
		e.preventDefault();
		$.modal("<div class='popup'>\
					<img src='/content/media/popupCatalog.png' align='left' />\
					<h1>Please enter your information below to download our catalog</h1>\
					<form onsubmit='return checkform2(this);' method='post' name='contact' id='contact' action='/includes/catalog.php'>\
					<div id='errorDiv'>\
    					<p>Please fill in the required fields below &amp; submit the form again.</p>\
    				</div>\
						<label for='name'>Name: &nbsp;</label><input type='text' name='name' id='name' />\
						<label for='cname'>Company Name:</label><input type='text' name='cname' id='cname' /><br clear='all' />\
						<label for='email'>E-Mail:</label><input type='text' name='email' id='email' />\
						<label for='phone'>Phone Number:</label><input type='text' name='phone' id='phone' /><br clear='all' />\
						<label for='asi'>ASI #: &nbsp;&nbsp;</label><input type='text' name='asi' id='asi' />\
						<label for='sage'>SAGE #:</label><input type='text' name='sage' id='sage' />\
						<input type='image' name='submit' id='submit' value='Submit' src='/content/media/btnArrow.png' class='button' /><br clear='all' />\
					</form>\
				</div>");
	});
});

/**
 * When the open event is called, this function will be used to 'open'
 * the overlay, container and data portions of the modal dialog.
 *
 * onOpen callbacks need to handle 'opening' the overlay, container
 * and data.
 */
function modalOpen (dialog) {
	dialog.overlay.fadeIn('slow', function () {
		dialog.container.fadeIn('slow', function () {
			dialog.data.slideDown('slow');
		});
	});
}

/**
 * When the close event is called, this function will be used to 'close'
 * the overlay, container and data portions of the modal dialog.
 *
 * The SimpleModal close function will still perform some actions that
 * don't need to be handled here.
 *
 * onClose callbacks need to handle 'closing' the overlay, container
 * data and iframe.
 */
function modalClose (dialog) {
	dialog.data.fadeOut('slow', function () {
		dialog.container.hide('slow', function () {
			dialog.overlay.slideUp('slow', function () {
				$.modal.close();
			});
		});
	});
}

/**
 * After the dialog is show, this callback will bind some effects
 * to the data when the 'button' button is clicked.
 *
 * This callback is completely user based; SimpleModal does not have
 * a matching function.
 */
function modalShow (dialog) {
	dialog.data.find('input.animate').one('click', function () {
		dialog.data.slideUp('slow', function () {
			dialog.data.slideDown('slow');
		});
	});
}