$(document).ready(function(){
	$(".faq dd:gt(0)").css({"position":"absolute","left":"-999em"});
	var faqs = $(".faq dd");
	for(i=0;i<faqs.length;i++){
		$(faqs[i]).children().wrapAll("<div/>");
	}
	$(".faq dt").click(function(){
		if($(this).next().css("position")=="absolute"){
			$("dt.active").removeClass("active").next().animate({"height":0},600, function() {
				$(this).css({"position":"absolute","left":"-999em"}).show();
			 });
			$(this).addClass("active");
			$(this).next().css({"height":0,"position":"relative","left":"auto"}).animate({"height":$(this).next().children("div").outerHeight()}, 600);
		} else {
			$(this).removeClass("active");
			$(this).next().animate({"height":0},600, function() {
				$(this).css({"position":"absolute","left":"-999em"}).show();
			 });
		}
	});
	$.fn.placeholder = function(){
	
		// quit if there's support  for html5 placeholder
		//if (this[0] && 'placeholder' in document.createElement('input')) return; 
	
		return this
		.live('focusin',function(){
			if ($(this).val() === $(this).attr('placeholder')) {
				$(this).val('');
			}
		}).live('focusout',function(){
			if ($(this).val() === ''){
			$(this).val( $(this).attr('placeholder') );
			}  
		}).focusout();
	}
	$('input[placeholder]').placeholder();

	$("#contactForm .submit").click(function(){
		var checkFields = $("#contactForm input[placeholder]");
		for (i=0;i<checkFields.length;i++){
			var checkField = $("#contactForm input[placeholder]:eq("+i+").required")
			if (checkField.val() === checkField.attr('placeholder')) {
				checkField.val('');
			}
		}	
	});
	$("#contactForm").validate({
		rules: {
			c_email: {
				equalTo: "#email"
			}
		},
		ignoreTitle: true,
		messages: {
			f_name: "Please enter your first name",
			l_name: "Please enter your last name",
			email: {
				required: "Please enter your email address",
				email: "Your email address must be in the format of name@domain.com"
			},
			c_email: "The email and confirm email addresses do not match",
			company: "Please enter your company",
			address: "Please enter your address",
			lineOfBusiness: "Please enter your line of business",
			message: "Please enter your message"				
		}
	});
	
	
	
	//Set the css file depending on the user's screen resolution	
	var css800 = "css/smc800x600.css";
	var cssReg = "css/smc.css";
	function setResolution(){
		//alert(window.screen.width);
		var fileref=document.createElement("link");
			fileref.setAttribute("rel", "stylesheet");
			fileref.setAttribute("type", "text/css");
			fileref.setAttribute("media", "screen,projection");
		if(window.screen.width < 1024){			  
			fileref.setAttribute("href", css800);
		}
		else
			fileref.setAttribute("href", cssReg);
		document.getElementsByTagName("head")[0].appendChild(fileref)
	}
	setResolution();
});