function submitFormContact(){
	var requiredFiled = 0;
	var notValidEmail = 0;
	
	if(jQuery('input#fname').val() == '')
	{
		jQuery('input#fname').css('border','1px solid #FF0000');
		requiredFiled = 1;
	}
	else
	{
		jQuery('input#fname').css('border','1px solid #A8A8B7');
	}
	
	if(jQuery('input#lname').val() == '')
	{
		jQuery('input#lname').css('border','1px solid #FF0000');
		requiredFiled = 1;
	}
	else
	{
		jQuery('input#lname').css('border','1px solid #A8A8B7');
	}
	
	if(jQuery('input#company').val() == '')
	{
		jQuery('input#company').css('border','1px solid #FF0000');
		requiredFiled = 1;
	}
	else
	{
		jQuery('input#company').css('border','1px solid #A8A8B7');
	}
	
	if(jQuery('input#tel').val() == '')
	{
		jQuery('input#tel').css('border','1px solid #FF0000');
		requiredFiled = 1;
	}
	else
	{
		jQuery('input#tel').css('border','1px solid #A8A8B7');
	}
					
	if(jQuery('textarea#message').val()  == '')
	{
		jQuery('textarea#message').css('border','1px solid #FF0000');
		requiredFiled = 1;
	}
	else
	{
		jQuery('textarea#message').css('border','1px solid #A8A8B7');
	}
	
	if(jQuery('input#email').val() == '')
	{ 
		jQuery('input#email').css('border','1px solid #FF0000');
		requiredFiled = 1;
	}
	else
	{
		
		var email=jQuery('input#email').val();
		var atpos=email.indexOf("@");
		var dotpos=email.lastIndexOf(".");
		if (atpos<1 || dotpos<atpos+2 || dotpos+2>=email.length)
		{ 
			jQuery('input#email').css('border','1px solid #FF0000');
			notValidEmail = 1;
		}
		else
		{ 
			jQuery('input#email').css('border','1px solid #A8A8B7');
		}
	}	
	
	if(requiredFiled == 1)
	{
		jQuery('td#contactError').html('Please fill in all the fields.');
	}
	else
	{
		if(notValidEmail == 1)
		{
			jQuery('td#contactError').html('You have provided an invalid email.');
		}
		else{
			jQuery('td#contactError').html('');
			easyAjax('/include/ajax/contactUsSubmit.cfm','contactBox','POST','contactForm','fname,lname,company,tel,email,message');
		}
	}
}

jQuery(function(){
	jQuery('.slide-out-div').tabSlideOut({
		tabHandle: '.handle',                     //class of the element that will become your tab
		pathToTabImage: '/images/slider-tab.png', //path to the image for the tab //Optionally can be set using css
		imageHeight: '194px',                     //height of tab image           //Optionally can be set using css
		imageWidth: '35px',                       //width of tab image            //Optionally can be set using css
		tabLocation: 'right',                      //side of screen where tab lives, top, right, bottom, or left
		speed: 300,                               //speed of animation
		action: 'click',                          //options: 'click' or 'hover', action to trigger animation
		topPos: '30px',                          //position from the top/ use if tabLocation is left or right
		leftPos: '20px',                          //position from left/ use if tabLocation is bottom or top
		fixedPosition: true                     //options: true makes it stick(fixed position) on scroll
	});		
});

jQuery(document).ready(function(){ 
	jQuery('.slide-out-div').css('display','block');
	
	jQuery('.imageColumn').hover(
	function(e) {
		jQuery(this).find('img.grayImage').hide();
		jQuery(this).find('img.colorImage').show();
		jQuery(this).css('padding','0 0 0px');
		
		
	},
	function() {
		
		jQuery(this).find('img.colorImage').hide();
		jQuery(this).find('img.grayImage').show();
		jQuery(this).css('padding','0 0 0px');
	});
	
	
	
	jQuery("a[rel^='prettyPhoto']").prettyPhoto({
		social_tools: '',
		deeplinking: false ,
		markup: '<div class="pp_pic_holder"> \
			<div class="ppt">&nbsp;</div> \
			<div class="pp_top"> \
				<div class="pp_left"></div> \
				<div class="pp_middle"></div> \
				<div class="pp_right"></div> \
			</div> \
			<div class="pp_content_container"> \
				<div class="pp_left"> \
				<div class="pp_right"> \
					<div class="pp_content"> \
						<div class="pp_loaderIcon"></div> \
						<div class="pp_fade">\
							<div id="pp_full_res"></div> \
						</div> \
					</div> \
				</div> \
				</div> \
			</div> \
			<div class="pp_bottom"> \
				<div class="pp_left"></div> \
				<div class="pp_middle"></div> \
				<div class="pp_right"></div> \
			</div> \
		</div> \
		<div class="pp_overlay"></div>',
		changepicturecallback: function() { jQuery('.pp_fade script').each(function() { eval(jQuery(this).text()); }); }
	});
	
	jQuery("a[rel^='prettyPhoto1']").prettyPhoto({
		social_tools: '',
		deeplinking: false ,
		markup: '<div class="pp_pic_holder" style="background:none;"> \
			<div class="pp_content_container"> \
				<div class="pp_left" style="background:none;"> \
				<div class="pp_right" style="background:none;"> \
					<div class="pp_content" style="background:none;"> \
						<div class="pp_loaderIcon"></div> \
						<div class="pp_fade">\
							<div id="pp_full_res"></div> \
						</div> \
					</div> \
				</div> \
				</div> \
			</div> \
		</div> \
		<div class="pp_overlay"></div>',
		changepicturecallback: function() { jQuery('.pp_fade script').each(function() { eval(jQuery(this).text()); }); }
	});
}); 

function slideInit(){
	jQuery('div#contactBox').attr('onMouseMove','');
	jQuery('div#profileBox').slimscroll({
	  color: '#D8D8E7',
	  size: '12px',		
	  width:'740px',
	  height:'280px',
	 alwaysVisible: true      
	});	
}

function slideInitMember(){
	jQuery('div#contactBoxMember').attr('onMouseMove','');
	jQuery('div#profileBoxMember').slimscroll({
	  color: '#D8D8E7',
	  size: '12px',		
	  width:'740px',
	  height:'250px',
	  overflow:'hidden'        
	});	
}



function changeBg() {
		
		var maskHeight = jQuery(document).height();
		var maskWidth = jQuery(window).width();
	
		//Set heigth and width to mask to fill up the whole screen
		jQuery('#mask').css({'width':maskWidth,'height':maskHeight});
		
		//transition effect		
		jQuery('#mask').fadeIn(1000);	
		jQuery('#mask').fadeTo("slow",0.8);	
	}