﻿$(document).ready(function () {

  /** Using JQuery UI Accordion to toggle slider start **/
  $('.slider_container').accordion({
		header: '.slider, .minislider, .slider_active, .minislider_active',
		autoHeight: false,
		clearStyle: true,
		changestart: function(event, ui) {
	    $(this).children('.slider_active, .minislider_active').each(function(){
	      $(this).attr('class', $(this).attr('class').replace('_active', ''));
	    });
	    $(this).children('.ui-state-active').each(function(){
	      $(this).attr('class', $(this).attr('class').replace('slider', 'slider_active'));
	    });
	  },
		change: function(event, ui) {
		  var targetElement = $(this).children('.slider_active, .minislider_active :first');
      var targetPosition = targetElement.position();
      if($(window).scrollTop() > targetPosition.top)
      {
        $.scrollTo(targetElement, 0);
      }
		}
	});
	/** Using JQuery UI Accordion to toggle slider end **/

  
  /** Using barebone JQuery to toggle slider start **/
  /*$('.slider, .minislider, .slider_active, .minislider_active').bind("click", function(){
    if($(this).attr('class').indexOf('_active') >= 0)
    {
      return false;
    }
    
    var unactiveBoxClass = $(this).next().attr('class');
    var activeBoxClass = unactiveBoxClass.replace('_hidden', '_expand');
    
    $(this).siblings('.' + activeBoxClass).slideUp();
    $(this).next().slideDown('slow', function(){
      var targetElement = $(this).prev();
      var targetPosition = targetElement.position();
      if($(window).scrollTop() > targetPosition.top)
      {
        $.scrollTo(targetElement, 0);
      }
    });
    
    $(this).siblings('.' + activeBoxClass).attr('class', unactiveBoxClass);
    $(this).next().attr('class', activeBoxClass);
    
    var unactiveSliderClass = $(this).attr('class');
    var activeSliderClass = unactiveSliderClass + '_active';
    $(this).siblings('.' + activeSliderClass).attr('class', unactiveSliderClass);
    $(this).attr('class', activeSliderClass);
    
    return false;
  });*/
  /** Using barebone JQuery to toggle slider end **/

  $('#searchFormTop').bind('submit', function(){
    if($('#searchInputTop').val().length==0)
    {
      return false;
    }
  });
  
  $('#searchFormBottom').bind('submit', function(){
    if($('#searchInputBottom').val().length==0)
    {
      return false;
    }
  });
    
  $('#searchFormMain').bind('submit', function(){
    if($('#searchInputMain').val().length==0)
    {
      return false;
    }	
  });
   $('#frmAcademicSampling').validate({  
	rules: {
		txtfirstname: {
			required: true
		},
	txtlastname: {
			required: true
		},
	txtshippingaddress: {
			required: true
		},

	txtcountry: {
			required: true
		},
	txtphone: {
			required: true
		},
	txtemail: {
			required: true,
			email:true
		}
 	},

	messages: {
		txtfirstname: "<br><font color=red>First Name is required.</font>",
		txtlastname: "<br><font color=red>Last Name is required.</font>",
		txtshippingaddress: "<br><font color=red>Institution Shipping Address is required.</font>",
		txtcountry: "<br><font color=red>Country is required.</font>",
		txtphone: "<br><font color=red>Phone is required.</font>",
		txtemail: {
			required: "<br><font color=red>Email is required.</font>",
			email: "<br><font color=red>Please enter a valid email address.</font>"			
		}
	    }
	});

  $('#frmContact').validate({  
	rules: {
		txtfirstname: {
			required: true
		},
	txtlastname: {
			required: true
		},
	txtaddress: {
			required: true
		},

	txtcountry: {
			required: true
		},
	txtphone: {
			required: true
		},
	txtemail: {
			required: true,
			email:true
		}
 	},

	messages: {
		txtfirstname: "<br><font color=red>First Name is required.</font>",
		txtlastname: "<br><font color=red>Last Name is required.</font>",
		txtaddress: "<br><font color=red>Address is required.</font>",
		txtcountry: "<br><font color=red>Country is required.</font>",
		txtphone: "<br><font color=red>Phone is required.</font>",
		txtemail: {
			required: "<br><font color=red>Email is required.</font>",
			email: "<br><font color=red>Please enter a valid email address.</font>"			
		}
	    }
	});
});
