// JavaScript Document


function createRequestObject()
{
	var request_o;
	var browser = navigator.appName;
	if(browser == "Microsoft Internet Explorer")
	{
		request_o = new ActiveXObject("Microsoft.XMLHTTP");
	} else {
		request_o = new XMLHttpRequest();	
	}
	return request_o;
}

var http = createRequestObject();



function addTest()
{
	http.open('get', 'addcusttest.php');
	http.onreadystatechange = handleEvent;
	http.send(null);
}


function handleEvent()
{
	if(http.readyState == 4)
	{
		var response = http.responseText;
		document.getElementById('test').innerHTML = response;
	}
}



function subTest() {
	var name = document.getElementById("name").value;
	var loc = document.getElementById("loc").value;
	var comment = document.getElementById("comment").value;

	http.open('get', 'processaddcusttest.php?name=' + name +'&loc=' + loc +'&comment=' + comment);
	http.onreadystatechange = handleAddTest;
	http.send(null);

	
	return false;
}

function handleAddTest()
{
	if(http.readyState == 4)
	{
		var response = http.responseText;
		document.getElementById('test').innerHTML = response;
	}
}

function subContactUs() {
	var name = document.getElementById("name").value;
	var email = document.getElementById("email").value;
	var varemail = document.getElementById("veriemail").value;
	var street = document.getElementById("address1").value;
	var city = document.getElementById("city").value;
	var state = document.getElementById("state").value;
	var zip = document.getElementById("zip").value;
	var hear = document.getElementById("hear").value;
	var message = document.getElementById("message").value;
	var code = document.getElementById("code").value;
	var sc = document.getElementById("sc").value;
	
	if(email == varemail)
	{
		var valid = "true";
	} else {
		var valid = "false";
	}
	
	if(code == sc)
	{
		if(valid == "true")
		{
			http.open('get', 'processcontactus.php?name=' + name +'&email=' + email +'&street=' + street + '&city=' + city + '&state=' + state + '&zip=' + zip + '&hear=' + hear + '&message=' + message);
			http.onreadystatechange = handleContactUs;
			http.send(null);
		} else {
			document.getElementById('valid').innerHTML = "<h4>Emails Do Not Match</h4>";
			document.getElementById('messages').innerHTML = "<h4>Emails Do Not Match</h4>";
		}
	} else {
		document.getElementById('captcha').innerHTML = "<h4>Verification Code Did Not Match</h4>";	
		document.getElementById('messages').innerHTML = "<h4>Verification Code Did Not Match " + sc + " " + code + "</h4>";
	}
	
	return false;
}

function handleContactUs()
{
	if(http.readyState == 4)
	{
		var response = http.responseText;
		document.getElementById('contact').innerHTML = response;
	}
}

function hideshow(which, oc){
		$('#' + which).slideToggle(500);
	var c = document.getElementById('openclose' + oc);
	var w = document.getElementById(which);
	
	if (c.innerHTML == '[+]')
	{
		c.innerHTML = '[-]';
	} else {
		c.innerHTML = '[+]';	
	}
//if (!document.getElementById)
//return
/*if (w.style.display=="none")
{
	//w.style.display="block";
	c.innerHTML = '[-]';
} else {
	//w.style.display="none";
	c.innerHTML = '[+]';
}*/
}

//function to display the buttons over the reduced fat banner on the home page
$(document).ready( 
function () {
	$('#boxcontentlarge').hover(
      function () {
        $('#buyonline').css('display', 'block' );
		$('#productinfo').css('display', 'block' );
      }, 
      function () {
		  $('#buyonline').css('display', 'none' );
		  $('#productinfo').css('display', 'none' );
      }
    )
	}
);


//jquery function to color even.odd li elements
$(document).ready(
function()
{
	$("span.news span:even").addClass("even");
	$("span.news span:odd").addClass("odd");
});

/*$(document).ready(
function()
{
	$("#ziptip").simpletip({ 
		content: 'Enter Zip Code Here',
		position: 'top',
		offset: [13, -20]
	})
});

$(document).ready(
function()
{
	$("#disttip").simpletip({ 
		content: 'Enter Distance Here',
		position: 'top',
		offset: [13, -20]
	})
});*/

// tool tip jquery colde

$(function () {
  $('.bubbleInfo').each(function () {
    // options
    var distance = 10;
    var time = 250;
    var hideDelay = 500;

    var hideDelayTimer = null;

    // tracker
    var beingShown = false;
    var shown = false;
    
    var trigger = $('.trigger', this);
    var popup = $('.popup', this).css('opacity', 0);

    // set the mouseover and mouseout on both element
    $([trigger.get(0), popup.get(0)]).mouseover(function () {
      // stops the hide event if we move from the trigger to the popup element
      if (hideDelayTimer) clearTimeout(hideDelayTimer);

      // don't trigger the animation again if we're being shown, or already visible
      if (beingShown || shown) {
        return;
      } else {
        beingShown = true;

        // reset position of popup box
        popup.css({
          top: -35,
          left: 0,
          display: 'block' // brings the popup back in to view
        })

        // (we're using chaining on the popup) now animate it's opacity and position
        .animate({
          top: '-=' + distance + 'px',
          opacity: 1
        }, time, 'swing', function() {
          // once the animation is complete, set the tracker variables
          beingShown = false;
          shown = true;
        });
      }
    }).mouseout(function () {
      // reset the timer if we get fired again - avoids double animations
      if (hideDelayTimer) clearTimeout(hideDelayTimer);
      
      // store the timer so that it can be cleared in the mouseover if required
      hideDelayTimer = setTimeout(function () {
        hideDelayTimer = null;
        popup.animate({
          top: '-=' + distance + 'px',
          opacity: 0
        }, time, 'swing', function () {
          // once the animate is complete, set the tracker variables
          shown = false;
          // hide the popup entirely after the effect (opacity alone doesn't do the job)
          popup.css('display', 'none');
        });
      }, hideDelay);
    });
  });
});

// tooptip code ends

// tool tip jquery colde

$(function () {
  $('.FormInfo').each(function () {
    // options
    var distance = 10;
    var time = 250;
    var hideDelay = 500;

    var hideDelayTimer = null;

    // tracker
    var beingShown = false;
    var shown = false;
    
    var trigger = $('.trigger', this);
    var popup = $('.popup', this).css('opacity', 0);

    // set the mouseover and mouseout on both element
    $([trigger.get(0), popup.get(0)]).mouseover(function () {
      // stops the hide event if we move from the trigger to the popup element
      if (hideDelayTimer) clearTimeout(hideDelayTimer);

      // don't trigger the animation again if we're being shown, or already visible
      if (beingShown || shown) {
        return;
      } else {
        beingShown = true;

        // reset position of popup box
        popup.css({
          top: 0,
          left: 350,
          display: 'block' // brings the popup back in to view
        })

        // (we're using chaining on the popup) now animate it's opacity and position
        .animate({
          top: '-=' + distance + 'px',
          opacity: 1
        }, time, 'swing', function() {
          // once the animation is complete, set the tracker variables
          beingShown = false;
          shown = true;
        });
      }
    }).mouseout(function () {
      // reset the timer if we get fired again - avoids double animations
      if (hideDelayTimer) clearTimeout(hideDelayTimer);
      
      // store the timer so that it can be cleared in the mouseover if required
      hideDelayTimer = setTimeout(function () {
        hideDelayTimer = null;
        popup.animate({
          top: '-=' + distance + 'px',
          opacity: 0
        }, time, 'swing', function () {
          // once the animate is complete, set the tracker variables
          shown = false;
          // hide the popup entirely after the effect (opacity alone doesn't do the job)
          popup.css('display', 'none');
        });
      }, hideDelay);
    });
  });
});

// tooptip code ends

function showContactForm()
{
	document.getElementById('contactus').style.display = 'block';
}


function CheckReason()
{
	var dep = document.getElementById('Department');
	
	if (dep[dep.selectedIndex].value =='Internet')
	{
		$('#ordernumber').slideToggle(500);
	} else {
		if(document.getElementById('ordernumber').style.display =='block')
		{
			$('#ordernumber').slideToggle(500);
		}
	}
	
	if (dep[dep.selectedIndex].value =='Other')
	{
		$('#other').slideToggle(500);
	} else {
		if(document.getElementById('other').style.display =='block')
		{
			$('#other').slideToggle(500);
		}
	}
	
	if (dep.value != 'Select')
	{
		document.getElementById('validReason').innerHTML = "<img src='Images/valid.png' />";
		return true;
	} else {
		document.getElementById('validReason').innerHTML = "<img src='Images/NotValid.png' /> Please Select a valid item from the list";
		return false;
		}
}

function validName() 
{
	var name = document.getElementById('name');
	
	if(name.value != '')
	{
		document.getElementById('validName').innerHTML = "<img src='Images/valid.png' />";
		return true;
	} else {
		document.getElementById('validName').innerHTML = "<img src='Images/NotValid.png' /> Name cannot be blank.";
		return false;
	}
}

function emailMatch()
{
	var e = document.getElementById('email');
	var ev = document.getElementById('emailveri');
	
	if( e.value == ev.value && e.value != '' && ev.value != '')
	{
		return true;
	} else {
		document.getElementById('email2').innerHTML = "<img src='Images/NotValid.png' /> Emails do not match.";
		return false;	
	}
}

function validEmail(id, span)
{
	var e = document.getElementById(id);
	
	if(e.value != '')
	{
		var apos= e.value.indexOf("@");
  		var dotpos= e.value.lastIndexOf(".");
		if (apos<1||dotpos-apos<2)
    		{
				document.getElementById(span).innerHTML = "<img src='Images/NotValid.png' /> Not a valid email address.";
				return false;
			} else {
				document.getElementById(span).innerHTML = "<img src='Images/valid.png' />";
				return true;
			}
	} else {
		document.getElementById(span).innerHTML = "<img src='Images/NotValid.png' /> Email cannot be blank.";
		return false;
	}
}

/*function validEmail()
{
	var email1 = document.getElementById('email');
	var email2 = document.getElementById('emailveri');
	if(email2.value != '' && email1.value != '')
	{
		if(email1.value != email2.value)
		{
			document.getElementById('email1').innerHTML = "<img src='Images/NotValid.png' /> Emails do not match.";
			document.getElementById('email2').innerHTML = "<img src='Images/NotValid.png' /> Emails do not match.";
			return false;
		} else {
			var apos= email1.value.indexOf("@");
  			var dotpos= email1.value.lastIndexOf(".");
			var apos2= email2.value.indexOf("@");
  			var dotpos2= email2.value.lastIndexOf(".");
			
  			if (apos<1||dotpos-apos<2)
    		{
				document.getElementById('email1').innerHTML = "<img src='Images/NotValid.png' /> Not a valid email address.";
				return false;
			} else {
				document.getElementById('email1').innerHTML = "<img src='Images/valid.png' />";
				return true;
			}
			
			if (apos2<1||dotpos2-apos2<2)
    		{
				document.getElementById('email2').innerHTML = "<img src='Images/NotValid.png' /> Not a valid email address.";
				return false;
			} else {
				document.getElementById('email2').innerHTML = "<img src='Images/valid.png' />";
				return true;
			}
			
		}
	} else {
		if(email1.value == '')
		{
			document.getElementById('email1').innerHTML = "<img src='Images/NotValid.png' /> Email cannot be blank.";
			return false;
		} else {
				document.getElementById('email1').innerHTML = "<img src='Images/valid.png' />";
				return true;
			}
		
		if(email2.value =='')
		{
			document.getElementById('email2').innerHTML = "<img src='Images/NotValid.png' /> Email cannot be blank.";
			return false;
		} else {
			document.getElementById('email2').innerHTML = "<img src='Images/valid.png' />";
			return true;
		}
	}	
}*/

function showAddress()
{
	$('#address').slideToggle(500);
}

function CheckCountry()
{
	var dep = document.getElementById('country');
	
	if (dep[dep.selectedIndex].value =='usa')
	{
		$('#usa').slideToggle(500);
	} else {
		if(document.getElementById('usa').style.display =='block')
		{
			$('#usa').slideToggle(500);
		}
	}
	
	if (dep[dep.selectedIndex].value =='Other')
	{
		$('#othercountry').slideToggle(500);
	} else {
		if(document.getElementById('othercountry').style.display =='block')
		{
			$('#othercountry').slideToggle(500);
		}
	}
	
		if (dep[dep.selectedIndex].value =='canada')
	{
		$('#canada').slideToggle(500);
	} else {
		if(document.getElementById('canada').style.display =='block')
		{
			$('#canada').slideToggle(500);
		}
	}
}

function checkAnswer()
{
	var a = document.getElementById('answer');
	
	if(a.value == '4' || a.value =='four' || a.value == 'Four' || a.value == 'FOUR')
	{
		document.getElementById('answervalid').innerHTML = "<img src='Images/valid.png' />";
		return true;
	} else {
		document.getElementById('answervalid').innerHTML = "<img src='Images/NotValid.png' /> Your answer was incorrect.";
		return false;
	}
}

function validMessage()
{
	var m = document.getElementById('message');
	
	if (m.value != '')
	{
		document.getElementById('messagevalid').innerHTML = "<img src='Images/valid.png' />";
		return true;
	} else {
			document.getElementById('messagevalid').innerHTML = "<img src='Images/NotValid.png' /> Message Cannot be blank.";
			return false;
	}
}


function validateForm()
{
	validName();
	CheckReason();
	validEmail('email', 'email1');
	validEmail('emailveri', 'email2');
	emailMatch();
	checkAnswer();
	validMessage();
	
	if(emailMatch())
	{
		return true;
	} else {
		document.getElementById('errors').innerHTML = 'Please Correct any errors and re-submit the form';
		return false;
	}
	
	if(validName()) 
	{
		
		return true;
	} else {
		document.getElementById('errors').innerHTML = 'Please Correct any errors and re-submit the form';	
		return false;
	}
	
	if(CheckReason()) 
	{
		
		return true;
	} else {
		document.getElementById('errors').innerHTML = 'Please Correct any errors and re-submit the form';	
		return false;
	}
	
	if(validEmail('email', 'email1')) 
	{
		
		return true;
	} else {
		document.getElementById('errors').innerHTML = 'Please Correct any errors and re-submit the form';	
		return false;
	}
	
	if(validEmail('emailveri', 'email2')) 
	{
		
		return true;
	} else {
		document.getElementById('errors').innerHTML = 'Please Correct any errors and re-submit the form';	
		return false;
	}
	
	if(checkAnswer()) 
	{
		
		return true;
	} else {	
		document.getElementById('errors').innerHTML = 'Please Correct any errors and re-submit the form';
		return false;
	}
	
	if(validMessage()) 
	{
		return true;
	} else {
		document.getElementById('errors').innerHTML = 'Please Correct any errors and re-submit the form';	
		return false;
	}
}

function subContactUsForm() {
	var reason = document.getElementById("Department");
	var ordernumber = document.getElementById("ordernumberfield").value;
	var otherreason = document.getElementById("otherreason").value;
	var name = document.getElementById("name").value;
	var email = document.getElementById("email").value;
	var varemail = document.getElementById("emailveri").value;
	var street = document.getElementById("street").value;
	var address2 = document.getElementById("address2").value;
	var city = document.getElementById("city").value;
	var country = document.getElementById("country").value;
	var state = document.getElementById("state").value;
	var province = document.getElementById("prov").value;
	var zip = document.getElementById("uszip").value;
	var postal = document.getElementById("postal").value;
	var othercountry = document.getElementById("othercountry").value;
	var otherpostal = document.getElementById("otherpostal").value;
	var message = document.getElementById("message").value;
	
	var address = 'Street: ' + street + ' Address2: ' + address2 + ' City: ' + city + ' Country: ' + country;
	
	if(country == 'usa')
	{
		address += ' State: ' + state + ' Zip: ' + zip;
	}
	
	if(country == 'canada')
	{
		address += ' Province: ' + prov + ' Post Code: ' + postal;
	}
	
	if(country == 'Other')
	{
		address += ' Country: ' + othercountry + ' Post Code: ' + otherpostal;
	}
	
	
	
	
	if(reason[reason.selectedIndex].value == 'Internet')
	{
		 var reason2 = ordernumber;
	} else {
		var reason2 = '';	
	}
	
	if(reason[reason.selectedIndex].value == 'Other')
	{
		var reason2 = otherreason;
	} else {
		var reason2 = '';	
	}
	
		if(validateForm())
		{
			http.open('get', 'processcontactus.php?reason=' + reason[reason.selectedIndex].value + ' ' + ordernumber + otherreason + '&name=' + name +'&email=' + email +'&address=' + address + '&message=' + message);
			http.onreadystatechange = handleContactUsForm;
			http.send(null);
		} 
	return false;
}

function handleContactUsForm()
{
	if(http.readyState == 4)
	{
		var response = http.responseText;
		document.getElementById('contactus').innerHTML = response;
	}
}