$(document).ready(function() {
	
	$('#cmsSlides').cycle();

	$('div.foliothumb').click(function (e) {
		dataString = "action=get_item&id=" + $(this).attr('id'); 
		$.ajax({
			type: "POST", 
			url: "forms_cb.php",
			data: dataString,
			dataType: "json",
			success: function(data) {
				$('#folioPopup').modal();
				$("#folioPopup .imageHolder").html('<img src="./portfolio/large/' + data['item_image'] + '" alt="' + data['item_name'] + '"/>');
				
				if (data['client_url'].length > 0){
					$("#folioPopup .infoPanel").append('<p><b>Client:</b> <a href="' + data['client_url'] + '">' + data['client_name'] + '</a></p>');
				} else {
					$("#folioPopup .infoPanel").append('<p><b>Client:</b> ' + data['client_name'] + '</p>');	
				}
				
				$("#folioPopup .infoPanel").append('<p>' + data['item_description'] + '</p>');
				
				if (data['item_url'].length > 0){
					$("#folioPopup .infoPanel").append('<p><b>Visit:</b> <a href="' + data['item_url'] + '">' + data['item_name'] + '</a></p>');
				}
				
				if (data['designer'].length > 0){
					$("#folioPopup .infoPanel").append('<p><b>Design:</b> ' + data['designer'] + '</p>');
				}				

				if (data['copywriter'].length > 0){
					$("#folioPopup .infoPanel").append('<p><b>Copy:</b> ' + data['copywriter'] + '</p>');
				}
				
				if (data['developer'].length > 0){
					$("#folioPopup .infoPanel").append('<p><b>Code:</b> ' + data['developer'] + '</p>');
				}									
									
			}
		});
	return false;	
	});
	
	$("#mailFrm").submit(function() {
		dataString = $("#mailFrm").serialize(); 
		$.ajax({
		type: "POST", 
			url: "forms_cb.php",
			data: dataString,
			dataType: "json",
			success: function(data) {
			 if (data.success == 'FAIL')
					{
						doErrors('statusbox', data);
					} 
					else  if (data.success == 'PASS') 
					{
						doSuccess('statusbox', data);
						resetForm('mailFrm');
					}								
				}
		});
		return false; 
	});	
	
	          	 
});

	// FORM RESET - CLEARS FORM OF PREVIOUSLY ENTERED DATA
	function resetForm(id) {
		$('#'+id).each(function(){
				this.reset();
		});
	}
	
	// ERROR MESSAGE DISPLAY
	function doErrors(elementID,data)
	{
			$("#statusbox").modal();
			$('#' + elementID).html('<ul></ul>');
			$('#' + elementID + ' ul').empty().addClass('errors');
			$.each(data.errors, function(index, value) {
			$('#' + elementID + ' ul').append("<li>" + value.replace('_', ' ') + "</li>");
			});	
	}

	// SUCCESS MESSAGE DISPLAY
	function doSuccess(elementID,data)
	{
		$("#statusbox").modal();
		$('#' + elementID).html('<ul></ul>');
		$('#' + elementID + ' ul').empty().addClass('success');
		$.each(data.pass, function(index, value) {
		$('#' + elementID + ' ul').append("<li>" + value.replace('_', ' ') + "</li>");
		});	
	}