//Validate Forms

function validate(field) {
	//get the field value
	var info = document.contact.elements[field].value;
	
	if (field == "email") {
		var at = info.indexOf("@");
		var period = info.lastIndexOf(".");

		//check to make sure field is filled in
		if (info == "" || at < 1 || period < 2) {
			var msg = "Please enter your correct " + field;
		}
		else {
			var msg = "";
		}
		error_msg(field,msg);		




	}
	else {
		//check to make sure field is filled in
		if (info == "") {
			var msg = "Please enter your " + field;
		}
		else {
			var msg = "";
		}
		error_msg(field,msg);		
	}
	//return true is msg = "" or false if there is an error
	if (msg="") { return true;}
	else { return false; }

}



//Error Popup Function
function error_msg(field, msg) {
	if(msg != "" && document.getElementById("validate-" + field)){ 
	
		$("#msg-"+field).html(msg);
		//update the error message	
	}

	else if (msg != "") {
		//add error message + popup
		$("input[name='" +field+ "']").after('<!--Validation for ' + field +'--><span id="validate-' + field+'" class="validate"><em id="msg-'+ field +'">' + msg + '</em></span>');
		$("#validate-" + field).fadeIn();	
	}
	//else if error msg is up and no error now delete the msg
	else if (msg == "" && document.getElementById("validate-" + field)) {
		$("#validate-"+field).fadeOut(900, function() { $(this).remove();});	
	}
}

//to validate the form at the end
function validate_form(items) {
	var errors = false;
	$(document).ready(function(){
		var n = 0;
		//check required items
		for (var i=0; i<items.length; i++) {

			validate(items[i]);	
		}
		//check if there are any errors ie wrong email
		if($('span[id^="validate"]').length) {
			errors = true;
		}
	});	
	//if errors return false
	if (errors) return false;
	else {
		$(".success").css("display","block");	
		 return true;
	}
	 
}



$(document).ready(function(){
  var currentPosition = 0;
  var slideWidth = 800;
  var slides = $('.slide');
  var numberOfSlides = slides.length;

  // Remove scrollbar in JS
  $('#slidesContainer').css('overflow', 'hidden');

  // Wrap all .slides with #slideInner div
  slides
    .wrapAll('<div id="slideInner"></div>')
    // Float left to display horizontally, readjust .slides width
	.css({
      'float' : 'left',
      'width' : slideWidth
    });

  // Set #slideInner width equal to total width of all slides
  $('#slideInner').css('width', slideWidth * numberOfSlides);

  // Insert controls in the DOM
  $('#slideshow1')
    .append('<div class="control" id="leftControl"></div>')
    .append('<div class="control" id="rightControl"></div>');

  // Hide left arrow control on first load
  manageControls(currentPosition);

  // Create event listeners for .controls clicks
  $('.control')
    .bind('click', function(){
    // Determine new position
	currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1;
    
	// Hide / show controls
    manageControls(currentPosition);
    // Move slideInner using margin-left
    $('#slideInner').animate({
      'marginLeft' : slideWidth*(-currentPosition)
    });
  });

  // manageControls: Hides and Shows controls depending on currentPosition
  function manageControls(position){
    // Hide left arrow if position is first slide
	if(position==0){ $('#leftControl').hide() } else{ $('#leftControl').show() }
	// Hide right arrow if position is last slide
    if(position==numberOfSlides-1){ $('#rightControl').hide() } else{ $('#rightControl').show() }
  }	
});

$("#ie-message").animate({opacity: 1.0}, 1000).hide('fast');


var timeout    = 500;
var closetimer = 0;
var ddmenuitem = 0;

function jsddm_open()
{  jsddm_canceltimer();
   jsddm_close();
   ddmenuitem = $(this).find('ul').css('visibility', 'visible');}

function jsddm_close()
{  if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');}

function jsddm_timer()
{  closetimer = window.setTimeout(jsddm_close, timeout);}

function jsddm_canceltimer()
{  if(closetimer)
   {  window.clearTimeout(closetimer);
      closetimer = null;}}

$(document).ready(function()
{  $('#jsddm > li').bind('mouseover', jsddm_open)
   $('#jsddm > li').bind('mouseout',  jsddm_timer)});

document.onclick = jsddm_close;

$(document).ready(function () { 
     
    $('#nav li').hover(
        function () {
            //show its submenu
            $('ul', this).slideDown(100);
 
        }, 
        function () {
            //hide its submenu
            $('ul', this).slideUp(100);         
        }
    );
     
});