// contact view
function showContact() {
	var html = 	'<div id="contact" class="content">';
	html +=			'<div id="contactLeft">';
	html += 			'<div style="margin-bottom:12px;width:300px;">Kontakta Hammargården genom att använda nedanstående kontaktformulär. Observera att samtliga fält är obligatoriska.</div>';
	html += 			'<div id="contactForm" style="width:300px;">';
	html += 				'<div style="margin-bottom:6px;">Ditt namn<br /><input type="text" id="contactName" style="width:293px;"></div>';
	html += 				'<div style="margin-bottom:6px;">Din E-postadress<br /><input type="text" id="contactEmail" style="width:293px;"></div>';
	html += 				'<div style="margin-bottom:6px;">Ditt meddelande<br /><textarea id="contactMessage" style="border:1px solid #e0e0e0;width:298px;height:80px;"></textarea></div>';
	html += 				'När du skrivit klart ditt meddelande behöver du bara dra brevet på vänster sida till postlådan till höger för att skicka det.<br />';
	html += 				'<div style="margin:6px 0px;clear:both;width:282px;padding:8px;height:104px;border:1px solid #e0e0e0;">';
	html += 					'<div id="postbox" style="position:relative;float:right;width:100px;height:110px;background:#fff url(/assets/images/icons/postbox.jpg) 0 0 no-repeat;"></div>';
	html += 					'<div id="postcard" style="position:relative;float:left;width:20px;height:20px;background:transparent url(/assets/images/icons/email.png) center center no-repeat;cursor:pointer;"></div>';
	html += 				'</div>';
	html += 			'</div>';
	html +=			'</div>';
	html +=			'<div id="contactRight">';
	html +=				'<div id="contactImage"></div>';
	html +=				'<div id="contactInfo">';
	html +=					'<div style="float: left; width: 189px;"><b>Telefon</b><br />0370-47275</div>';
	html +=					'<div style="float: left; width: 189px;"><b>E-post</b><br />info@hammargarden.se</div>';
	html +=					'<div style="clear: both; padding-top: 16px;"><b>Adress</b><br />Hammargården 2<br />330 12 FORSHEDA</div>';
	html +=				'</div>';
	html +=			'</div>';
	html +=			'<div class="clear"></div>';
	html += 	'</div>';

	contentChange(html, '', 'Kontakt', function(){
		$('#postcard').draggable({revert: 'invalid'});
		$('#postbox').droppable({
			drop: function(event, ui){
				contactSend();
			}
		});
	});
	window.location.hash = '/kontakta-oss';
	hash = window.location.hash;
	
	// google analytics
	_gaq.push(['_trackPageview', '/#/kontakta-oss']);
	
	// log event
	logThis('Portal', 'Viewed contact', USERID);
}

function contactSend() {
	// checking input
	$.post('/assets/ajax/contact.php', {
											'op':'send', 
											'SESSID':SESSID,
											'name':$('#contactName').val(), 
											'email':$('#contactEmail').val(),
											'message':$('#contactMessage').val()
										}, 
		function(json) {
			var ret = $.parseJSON(json);
			if(ret.err > 0)
				alert('Märk att samtliga fält är obligatoriska.');
			else
				$('#contactForm').html('Tack för ditt meddelande. Vi återkommer så snart vi kan.');
				
				// log event
				logThis('Contact', 'Sent an e-mail', USERID);
		}
	);
}