function pop_casestudy(id)
{
	the_id = 'case_study_content_'+id;

	if(!$('#hidden-content').length)
	{
		$('body').append('<div style="display:none;" id="hidden-content">');
	} else {
		$('#hidden-content').empty();
	}

	$.ajax({
		url: '/includes/modules/casestudy_ajax.php',
		data: {'request':'study-content','study_id':id},
		dataType: 'json',
		method: 'GET',
		success: function(study_data){

			the_wrapper = $('<div class="case-study-pop-wrap" id="'+the_id+'">');
			the_title_bar = $('<div class="case-study-pop-title">')
			.append('<div class="case-study-pop-logo"><img src="/uploads/cs/cs_grid/'+study_data.study_info.main_image+'" alt="'+study_data.study_info.name+'" /></div>')
			.append('<div class="case-study-pop-one-liner">'+study_data.study_info.summary+'</div>')
			.append('<div class="case-study-pop-close" onClick="javascript:tb_remove();">&nbsp;</div>')
			.append('<br class="clear" />');

			the_related_studies = $('<div class="case-study-pop-related">');
			for(var i=0; i<study_data.studies.length;i=i+1)
			{
				the_study = study_data.studies[i];
				the_study_tile = $('<div class="case-study-pop-related-tile">');
				the_study_link = $('<a href="javascript:update_casestudy('+the_study.id+')"></a>')
				.append('<img class="case-study-pop-related-image" src="/uploads/cs/cs_grid/'+the_study.image+'" alt="'+the_study.title+'"/>')
				the_study_tile = $(the_study_tile)
				.append(the_study_link);
				the_related_studies = $(the_related_studies)
				.append(the_study_tile);
			}
			the_related_studies = $(the_related_studies)
			.append('<br class="clear" />');
			the_main_content = $('<div class="case-study-pop-content">'+study_data.study_info.descrip+'</div>');

			the_wrapper = $(the_wrapper)
			.append(the_title_bar)
			.append(the_related_studies)
			.append(the_main_content);

			$('#hidden-content').append(the_wrapper);
			create_lightbox('hidden-content');
			$('.case-study-pop-wrap').parents('#TB_window').css('margin-top','-325px');
		}
	});
}

function create_lightbox(the_id)
{
	$('#TB_ajaxContent').empty();
	tb_show('','#TB_inline?width=850&inlineId='+the_id,'');
}

function update_casestudy(id)
{
	pop_casestudy(id);
}

function ajax_web_form(eventObject)
{
	the_link = eventObject.target;
	var link_offset = $(the_link).offset();
	var link_x = Number(str_replace('px','',link_offset.left));
	var link_y = Number(str_replace('px','',link_offset.top));
	var position_x = link_x;
	var position_y = link_y;

	var dimensions = {width: 0, height: 0};
	/*
	if (document.documentElement) {
		dimensions.width = document.documentElement.offsetWidth;
		dimensions.height = document.documentElement.offsetHeight;
	} else if (window.innerWidth && window.innerHeight) {
		dimensions.width = window.innerWidth;
		dimensions.height = window.innerHeight;
	}*/

	var myWidth = 0, myHeight = 0;
	if( typeof( window.innerWidth ) == 'number' ) {
		//Non-IE
		myWidth = window.innerWidth;
		myHeight = window.innerHeight;
	} else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
		//IE 6+ in 'standards compliant mode'
		myWidth = document.documentElement.clientWidth;
		myHeight = document.documentElement.clientHeight;
	} else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
		//IE 4 compatible
		myWidth = document.body.clientWidth;
		myHeight = document.body.clientHeight;
	}
	dimensions.width = myWidth;
	dimensions.height = myHeight;

	if(position_x > dimensions.width/2) first_direction = 'left';
	else first_direction = 'right';
	if(position_y > dimensions.height/2) second_direction = 'up';
	else second_direction = 'down';




	var link_height = Number($(the_link).height());
	var link_width = Number($(the_link).width());

	var padding = 5;
	var box_x = 0;
	var box_y = 0;
	var form_top_padding = 0;
	var form_bottom_padding = 0;
	var submit_margin_bottom = 0;

	final_size = $('<div class="ajwf-dim-final">');
	initial_size = $('<div class="ajwf-dim-initial">');
	
	
	
	var final_width = str_replace('px','',$(final_size).css('width'));
	var final_height = str_replace('px','',$(final_size).css('height'));
	
	if($(final_size).height() == 0) final_width = 365;
	
	//alert('F H :: '+final_height+ ' :: '+$(final_size).css('height')+' :: '+$(final_size).height());

	var initial_width = Number(str_replace('px','',$(initial_size).css('width')));
	var initial_height = Number(str_replace('px','',$(initial_size).css('height')));

	var the_box = $('<div class="ajax-web-form ajwf-dim-final">');
	var the_box_wrapper = $('<div class="ajax-web-form-wrapper ajwf-dim-initial">');

	var the_close = $('<div class="ajax-web-form-close">');
	the_close = $(the_close).append('<a href="javascript:close_ajax_web_form()">Close '+$(eventObject.target).text()+'</a>');
	
	if ( first_direction == 'left' ){
		// Expand Left, Anchor Right
		box_x = link_x + link_width + padding + padding - final_width + 1;
		the_close = $(the_close).css('right','0px').css('padding-right',(padding)+'px');
		the_box_wrapper = $(the_box_wrapper).css('right','0px');
	}
	else{
		// Expand Right, Anchor Left
		box_x = link_x - padding;
		the_close = $(the_close).css('left','0px').css('padding-left',(padding)+'px');
		the_box_wrapper = $(the_box_wrapper).css('left','0px');

	}

	if ( second_direction == 'up' ){
		// Expand Up, Anchor Bottom
		box_y = link_y + link_height - final_height + padding;
		the_close = $(the_close).css('bottom','0px').css('padding-bottom',(padding)+'px');
		the_box_wrapper = $(the_box_wrapper).css('bottom','0px');
		form_top_padding = 5;
		form_bottom_padding = 25;
		submit_margin_bottom = 30;
	}
	else{
		// Expand Down, Anchor Top
		box_y = link_y - padding;
		the_close = $(the_close).css('top','0px').css('padding-top',(padding)+'px');
		the_box_wrapper = $(the_box_wrapper).css('top','0px');
		form_top_padding = 25;
		form_bottom_padding = 5;
		submit_margin_bottom = 0;
	}



	//alert('Final XY :: '+box_x+' x '+box_y);

	left_val = Number(box_x)+'px';
	top_val = Number(box_y)+'px';
	
	//alert('Left :: '+left_val+' Top :: '+top_val);
	
	the_box = $(the_box).css('left',left_val);
	the_box = $(the_box).css('top',top_val);


	/**
	* Retrieve Form
	*/
	the_form = $('<form id="ajax-web-form-form" class=" ajwf-dim-final" action="javascript:ajax_web_form_submit()">									\
	<div class="ajwf-form-block">								\
		<label for="fname">First Name*								\
		</label>								\
		<input type="text" name="fname" placeholder="First Name" class="medium">								\
	</div>								\
	<div class="ajwf-form-block">								\
		<label for="lname">Last Name*								\
		</label>								\
		<input type="text" name="lname" placeholder="Last Name" class="medium">								\
	</div>								\
	<br class="clear">								\
	<div class="ajwf-form-block">								\
		<label for="title">Title*								\
		</label>								\
		<input type="text" name="title" placeholder="Job Title" class="long">								\
	</div>								\
	<br class="clear">								\
	<div class="ajwf-form-block">								\
		<label for="company">Company*								\
		</label>								\
		<input type="text" name="company" placeholder="Company Name" class="long">								\
	</div>								\
	<br class="clear">								\
	<div class="ajwf-form-block">								\
		<label for="address">Address								\
		</label>								\
		<input type="text" name="address" placeholder="Street Address" class="long">								\
	</div>								\
	<br class="clear">								\
	<div class="ajwf-form-block">								\
		<label for="city">City								\
		</label>								\
		<input type="text" name="city" placeholder="City/Town" class="medium">								\
	</div>								\
	<div class="ajwf-form-block">								\
		<label for="state">State								\
		</label>								\
		<input type="text" class="short" placeholder="State" name="state">								\
	</div>								\
	<div class="ajwf-form-block">								\
		<label for="zip">Zip								\
		</label>								\
		<input type="text" name="zip" placeholder="Zip Code" class="short">								\
	</div>								\
	<br class="clear">								\
	<div class="ajwf-form-block">								\
		<label for="phone">Phone Number								\
		</label>								\
		<input type="text" name="phone" placeholder="Telephone Number" class="long">								\
	</div>								\
	<br class="clear">								\
	<div class="ajwf-form-block">								\
		<label for="email">Email Address								\
		</label>								\
		<input type="text" name="email" Placeholder="Email Address" class="long">								\
	</div>								\
	<br class="clear">								\
	<div class="ajwf-form-block">								\
		<label class="highlight" for="tell_us_more">Tell Us More								\
		</label>								\
		<br class="clear">								\
		<textarea name="tell_us_more" placeholder="Your Questions and Comments"></textarea>								\
	</div>								\
	<br class="clear">								\
	<div class="ajax-web-form-error">&nbsp;</div>				\
	<div class="ajwf-form-block">								\
		<label class="highlight" for="">How would you like to be contacted?								\
		</label>								\
		<input type="checkbox" name="contact_phone" checked="checked">								\
		<span>Telephone								\
		</span>								\
		<input type="checkbox" email="" name="contact">								\
		<span>Email								\
		</span>								\
	</div>								\
	<div class="ajwf-form-block">								\
		<label class="highlight" for="how_hear">How did you hear about us?								\
		</label>								\
		<select name="how_hear">								\
			<option value="">Please select								\
			</option>								\
			<option value="Analyst">Analyst								\
			</option>								\
			<option value="Colleague">Colleague								\
			</option>								\
			<option value="Google">Google								\
			</option>								\
			<option value="Other Internet Search">Other Internet Search								\
			</option>								\
			<option value="News article">News article								\
			</option>								\
			<option value="Recent Event">Recent Event								\
			</option>								\
			<option value="T7 Employee">T7 Employee								\
			</option>								\
			<option value="Other">Other								\
			</option>								\
		</select>								\
	</div>											\
	<div class="ajwf-submit" style="">								\
		<input type="submit" name="submit" value="Submit" />								\
		<div>* Required Field.</div>								\
	</div>								\
	<br class="clear">								\
</form>');

	the_form = $(the_form).css('padding-top',form_top_padding+'px').css('padding-bottom',form_bottom_padding+'px');
	
	the_box_wrapper = $(the_box_wrapper).append(the_close).append(the_form);
	the_box = $(the_box).append(the_box_wrapper);

	$('body').append(the_box);

	animate_ajax_web_form();


}

function animate_ajax_web_form()
{
	if($('div.ajax-web-form-wrapper').hasClass('ajwf-dim-initial'))
	{
		form_height = $('form#ajax-web-form-form').height();
		form_top_padding = str_replace('px','',$('form#ajax-web-form-form').css('padding-top'));
		form_bottom_padding = str_replace('px','',$('form#ajax-web-form-form').css('padding-bottom'));
		
		final_height = Number(form_height) + Number(form_top_padding) + Number(form_bottom_padding);
		
		form_width = $('form#ajax-web-form-form').width();
		form_right_padding = str_replace('px','',$('form#ajax-web-form-form').css('padding-right'));
		final_width = Number(form_width) + Number(form_right_padding);
		
		
		//alert('Height :: '+final_height+' :: Width :: '+final_width);
		$('div.ajax-web-form-wrapper').removeClass('ajwf-dim-initial');
		$('div.ajax-web-form-wrapper').animate({'height':final_height+'px','width':final_width+'px'},'normal');
		//$('div.ajax-web-form-wrapper').switchClass('ajwf-dim-initial','ajwf-dim-final','normal');
	} else {
		$('div.ajax-web-form-wrapper').switchClass('ajwf-dim-final','ajwf-dim-initial','normal');
	}
}

function close_ajax_web_form()
{
	animate_ajax_web_form();
	$('div.ajax-web-form').fadeOut('normal',function(){
		$(this).remove();
	});
}

function ajax_web_form_submit() {


	$("form#ajax-web-form-form").validate({
		errorElement: "em",
		errorClass: "invalid",
		submitHandler: function(){
			ajax_web_form_process();
			return false;
		},
		errorPlacement: function(error,element){
			if(!stristr($('div.ajax-web-form-error').text(),$(error).text()))
			{
				$('div.ajax-web-form-error').append(error);
			}
		},
		highlight: function(element, errorClass){
			$(element).parents('div.ajwf-form-block').addClass(errorClass);
		},
		unhighlight: function(element, errorClass) {
			$(element).parents('div.ajwf-form-block').removeClass(errorClass);
		},
		errorContainer: $('div.ajax-web-form-error'),
		rules: {
			fname:			{ required:true },
			lname:			{ required:true },
			title:			{ required:true },
			company:		{ required:true },
			how_contact:	{ required:true },
			email:			{ required: 'input[name="contact"]:checked', email:true },
			phone:			{ required: 'input[name="contact_phone"]:checked' }
		},
		messages: {
			/*fname:			{ required: "* Denotes required field." },
			lname:			{ required: "* Denotes required field." },
			name:			{ required: "* Denotes required field." },
			title:			{ required: "* Denotes required field." },
			company:		{ required: "* Denotes required field." },
			how_contact:	{ required: "* Denotes required field." },*/
			fname:			{ required: "" },
			lname:			{ required: "" },
			name:			{ required: "" },
			title:			{ required: "" },
			company:		{ required: "" },
			how_contact:	{ required: "" },
			email:			{ required: "* Please enter your <br />Email Address.", email: "* Please enter a valid <br />email address."	},
			phone:			{ required: "* Please enter your <br />Telephone Number." }
		}
	});

	if($('form#ajax-web-form-form').valid()) $('form#ajax-web-form-form').submit();
	

	//$('div.ajax-web-form, div.ajax-web-form-wrapper').animate({
	//	height: $('div.ajax-web-form-wrapper form').height()+20
	//},'fast');
}

function ajax_web_form_process()
{
	//alert('Into Process');
	the_form_data = {
	'request'		:	'web-form',
	'first_name'	:	$('div.ajax-web-form input[name="fname"]').val(),
	'last_name'		:	$('div.ajax-web-form input[name="lname"]').val(),
	'job_title'		:	$('div.ajax-web-form input[name="title"]').val(),
	'company'		:	$('div.ajax-web-form input[name="company"]').val(),
	'address'		:	$('div.ajax-web-form input[name="address"]').val(),
	'city'			:	$('div.ajax-web-form input[name="city"]').val(),
	'state'			:	$('div.ajax-web-form input[name="state"]').val(),
	'zip'			:	$('div.ajax-web-form input[name="zip"]').val(),
	'how_hear'		:	$('div.ajax-web-form select[name="how_hear"]').val(),
	'contact_email'	:	($('div.ajax-web-form input[name="contact"]:checked').length > 0)?1:0,
	'contact_phone'	:	($('div.ajax-web-form input[name="contact_phone"]:checked').length > 0)?1:0,
	'tell_more'		:	$('div.ajax-web-form textarea[name="tell_us_more"]').val(),
	'email'			:	$('div.ajax-web-form input[name="email"]').val(),
	'phone'			:	$('div.ajax-web-form input[name="phone"]').val()
	};

	//alert('The Data'+the_form_data);
	
	$('div.ajax-web-form div.ajwf-submit > div').empty();
	$('div.ajax-web-form div.ajwf-submit > div').append('<img src="/includes/css/newt7/images/ajax-loader.gif" alt="Processing Form..."/>');
	$('div.ajax-web-form div.ajwf-submit > input').attr('disabled','disabled');
	$.ajax({
		url: '/includes/modules/casestudy_ajax.php',
		data: the_form_data,
		dataType: 'json',
		method: 'GET',
		success: function(data){
			//alert('success :: '+data.status);
			if(data.status != 0)
			{
				//alert('Sent Through Fine');
				$('div.ajax-web-form-wrapper > form').fadeOut('fast');
				$('div.ajax-web-form-wrapper').append(data.message);
				$('div.ajax-web-form-wrapper').animate({'height':'90px'},400,function(){
					setTimeout("close_ajax_web_form();",5000);
				});
			} else {
				//alert('Error in Success');
				$('div.ajax-web-form div.ajwf-submit > input').attr('disabled','');
				$('div.ajax-web-form div.ajwf-submit > div').empty().text('* Required Field');
			}
		}
	});
}

$(document).ready(function(){
	$('a.ajax_web_form').bind('click',function(eventObject){
		eventObject.preventDefault();
		ajax_web_form(eventObject);

	});
    
    $('a#insights0').bind('click',function(event){
        event.preventDefault();
    });
});