$(document).ready(function(){
						
		$(".heading #btn_info,.heading #h2_info").click(function(){
					var src = $('#btn_info').attr("src") == "images/btn_open.png" ? "images/btn_close.png":"images/btn_open.png";
					$('.area').not('#cinfo').slideUp(function(){
						
						$(this).children().find('h2').css('color',"#9D9885");
						$(this).parent().find('h2').first().css('color',"#9D9885");
						$(this).children().find('.btn').attr('src',"images/btn_open.png");
						$(this).parent().find('.btn').first().attr('src',"images/btn_open.png");
					
					});
					var clr = $(this).parent().find('h2').css('color') == "white" ? "#9D9885":"white";
					$(this).parent().find('h2').css('color',clr);
					$('#btn_info').attr("src",src);
				$("#cinfo").slideToggle(function(){
								
				})
				});
		$(".heading #btn_service,.heading #h2_service").click(function(){
					$('.area').not('#services').slideUp(function(){
						
						$(this).children().find('h2').css('color',"#9D9885");
						$(this).parent().find('h2').first().css('color',"#9D9885");
						$(this).children().find('.btn').attr('src',"images/btn_open.png");
						$(this).parent().find('.btn').first().attr('src',"images/btn_open.png");
					
					});
					var src = $('#btn_service').attr("src") == "images/btn_open.png" ? "images/btn_close.png":"images/btn_open.png";
					var clr = $(this).parent().find('h2').css('color') == "white" ? "#9D9885":"white";
					$(this).parent().find('h2').css('color',clr);
					$('#btn_service').attr("src",src);
				$("#services").slideToggle(function(){
					
				})
				});	
		$(".heading #btn_time,.heading #h2_time").click(function(){
					var src = $('#btn_time').attr("src") == "images/btn_open.png" ? "images/btn_close.png":"images/btn_open.png";
					$('.area').not('#time_frame').slideUp(function(){
						
						$(this).children().find('h2').css('color',"#9D9885");
						$(this).parent().find('h2').first().css('color',"#9D9885");
						$(this).children().find('.btn').attr('src',"images/btn_open.png");
						$(this).parent().find('.btn').first().attr('src',"images/btn_open.png");
					
					});
					var clr = $(this).parent().find('h2').css('color') == "white" ? "#9D9885":"white";
					$(this).parent().find('h2').css('color',clr);
					$('#btn_time').attr("src",src);
					$("#time_frame").slideToggle()
				});	
		$(".heading #btn_budget,.heading #h2_budget").click(function(){
					var src = $('#btn_budget').attr("src") == "images/btn_open.png" ? "images/btn_close.png":"images/btn_open.png";
					$('.area').not('#budget').slideUp(function(){
						
						$(this).children().find('h2').css('color',"#9D9885");
						$(this).parent().find('h2').first().css('color',"#9D9885");
						$(this).children().find('.btn').attr('src',"images/btn_open.png");
						$(this).parent().find('.btn').first().attr('src',"images/btn_open.png");
					
					});
					var clr = $(this).parent().find('h2').css('color') == "white" ? "#9D9885":"white";
					$(this).parent().find('h2').css('color',clr);
					$('#btn_budget').attr("src",src);
					$("#budget").slideToggle()
				});
		$(".heading #btn_referred,.heading #h2_referred").click(function(){
					var src = $('#btn_referred').attr("src") == "images/btn_open.png" ? "images/btn_close.png":"images/btn_open.png";
					$('.area').not('#referred').slideUp(function(){
						
						$(this).children().find('h2').css('color',"#9D9885");
						$(this).parent().find('h2').first().css('color',"#9D9885");
						$(this).children().find('.btn').attr('src',"images/btn_open.png");
						$(this).parent().find('.btn').first().attr('src',"images/btn_open.png");
					
					});
					var clr = $(this).parent().find('h2').css('color') == "white" ? "#9D9885":"white";
					$(this).parent().find('h2').css('color',clr);
					$('#btn_referred').attr("src",src);
				$("#referred").slideToggle()
				});
		$(".heading #btn_message,.heading #h2_message").click(function(){
					var src = $('#btn_message').attr("src") == "images/btn_open.png" ? "images/btn_close.png":"images/btn_open.png";
					$('.area').not('#message').slideUp(function(){
						
						$(this).children().find('h2').css('color',"#9D9885");
						$(this).parent().find('h2').first().css('color',"#9D9885");
						$(this).children().find('.btn').attr('src',"images/btn_open.png");
						$(this).parent().find('.btn').first().attr('src',"images/btn_open.png");
					
					});
					var clr = $(this).parent().find('h2').css('color') == "white" ? "#9D9885":"white";
					$(this).parent().find('h2').css('color',clr);
					$('#btn_message').attr("src",src);
				$("#message").slideToggle()
				});			
		
					
		  });
function HoverIcon(id){

	var icon = document.getElementById(id);
	
	var src = 'images/'+id+'_hover.png';
	
	icon.src = src;

}
function HoverIconOff(id){

	var icon = document.getElementById(id);
	
	var src = 'images/'+id+'.png';
	
	icon.src = src;

}




/*$(function() {
	//trigger ajax on submit
	
});*/

function CheckService(chck_a,chck_b){

	var time_a = document.getElementById("time_A");
	var time_b = document.getElementById("time_B");
    var services = document.contactForm["service"]	
	var budget_y = document.getElementById("budget_Y");
	var budget_z = document.getElementById("budget_Z");
		var s = false;
		var i=0;
		for(i=0;i<services.length;i++)
			//alert(services[i].id);
			if(services[i].checked && services[i].id!='l' && services[i].id!='b')
				s=true;
	if(((chck_a && chck_b) || (chck_a || chck_b)) && !s){
		time_b.style.display="block";
		time_a.style.display="none";
		
		budget_y.style.display="block";
		budget_z.style.display="none";	
	}
	else{
		time_b.style.display="none";
		time_a.style.display="block";
		
		budget_y.style.display="none";
		budget_z.style.display="block";
	}
}















/******** FORM Validation*******************/
//$.metadata.setType("attr", "validate");

$().ready(function() {
	
	var lowerBound = 1;
	var upperBound = 10;
	// to generate random numbers between a range that starts somewhere other than
	// zero use this formula where m is the lowest possible integer value of the range
	// and n equals the top number of the range.
	// Math.floor(Math.random() * (n - m + 1)) + m
 
	// generate random numbers between lowerBound and upperBound (inclusive)
	var a = Math.floor(Math.random() * (upperBound - lowerBound + 1)) + lowerBound;
	var b = Math.floor(Math.random() * (upperBound - lowerBound + 1)) + lowerBound;
 
	$("label#arithmetic_expression").html(a + " + " + b + " = ");
	$("input#eqtn_soln").val(a+b);	
	var container = $('.errContainer');
	// validate the form when it is submitted
	var validator = $("#contactForm").validate({
		rules : {
        'service[]': { required: true, minlength: 1 },
		'tframe':{ required: true },
		'budget':{ required: true },
		'referred':{ required: true },
		'sum':{
			required:true,
			equalTo: "#eqtn_soln"
		}
		},
		errorContainer: container,
		errorLabelContainer: $("ul", container),
		wrapper: 'li',
		submitHandler: (function(form) {
	//trigger ajax on submit
			
		var services = "";
		//hide the form
		var n=$("input[type=checkbox]:checked");
		services = n[0].value;
		for(i=1;i<n.length;i++){
			services+=","+n[i].value;
		}
		
		//$("#thankYou").show();
		
		//show the loading bar
		$('.loader').append($('.bar')); 
		$('.bar').css({display:'block'});
		//send the ajax request  
		$.post('mail.php',{name:$('input[name=name]').val(),
						   company:$('input[name=company]').val(),
						   email:$('input[name=email]').val(),
						   phone:$('input[name=phone]').val(),
						  service:services,
						   tframe:$('input[name=tframe]:checked').val(),
						   budget:$('input[name=budget]:checked').val(),
						   referred:$('input[name=referred]:checked').val(),
						   referred_other:$('input[name=referred_other]').val(),
						   message:$('textarea[name=message]').val()},
	
		//return the data
		function(data){
			//hide the graphic
			//alert(data);	
				
			//alert("Thank you for requesting a quote! I will review your request and be in touch soon.");
				window.location.replace("thanks.html")
				
				//window.open ('thanks.html');//
				//window.open('thankyou.html','aaa','width=400,height=300,left=0,top=0,toolbar=No,location=No,scrollbars=No,status=No,resizable=No,fullscreen=No');
			$('.bar').css({display:'none'});
			//document.location.href='http://www.isadoradesign.com/submitbutton';	
			//$('.loader').append(data); 
			
		}
		
		)
		//stay on the page					
		//return false;	
	})
	
})
});
/****************************************************/