$(function() {
	// On contact form submit.
	$('.message-popup .button').live('click', function() {
		$('.error-msg').hide();
		var successurl = $('#successurl').val();
		var submit = true;
		var name = $('input[name="name"]').val();
		var email = $('input[name="email"]').val();
		var subject = $('input[name="subject"]').val();
		var message = $('textarea[name="message"]').val();
		$('#name-error-required').removeClass('error');
		$('#email-error-required').removeClass('error');
		$('#subject-error-required').removeClass('error');
		$('#message-error-required').removeClass('error');
		
		if(name.length <= 0) 
		{
			$('#name-error-msg').slideDown();
			$('#name-error-required').addClass('error');
			$('#error-head').slideDown();
			if($('#colorbox').is(':visible')) { $.colorbox.resize(); }
			submit = false;
		} 
		
		if(email.length <= 0) 
		{
			$('#email-error-msg').slideDown();
			$('#email-error-required').addClass('error');
			$('#error-head').slideDown();
			if($('#colorbox').is(':visible')) { $.colorbox.resize(); }
			submit = false;
		}
		
		if(subject.length <= 0) 
		{
			$('#subject-error-msg').slideDown();
			$('#subject-error-required').addClass('error');
			$('#error-head').slideDown();
			if($('#colorbox').is(':visible')) { $.colorbox.resize(); }
			submit = false;
		}

		if(message.length <= 0) 
		{
			$('#message-error-msg').slideDown();
			$('#message-error-required').addClass('error');
			$('#error-head').slideDown();
			if($('#colorbox').is(':visible')) { $.colorbox.resize(); }
			submit = false;
		}

		if(submit) 
		{
			$.post(successurl, {name: name, email: email, subject: subject, message: message }, function (html) {
				alert('Email Sent. Spicer will get back to you soon.')
				$.colorbox.close();
				$('.error-msg').hide();
				var successurl = $('#successurl').val('');
				var name = $('input[name="name"]').val('');
				var email = $('input[name="email"]').val('');
				var subject = $('input[name="subject"]').val('');
				var message = $('textarea[name="message"]').val('');
				$('#name-error-required').removeClass('error');
				$('#email-error-required').removeClass('error');
				$('#subject-error-required').removeClass('error');
				$('#message-error-required').removeClass('error');
			});
		}

		
		return false;
	});
	
	$('.contact-form span a, .success-message .btn').live('click', function(){  
		$.colorbox.close();
		return false;
	});

	if($('#sidebar').length && $('#sidebar').outerHeight() < $('#content').outerHeight()) {
		$('#sidebar').css('height', $('#content').outerHeight());
	}
	if($('.ico-article').length) {
		$('body').append('<div id="popup"><div class="popup-t"></div><div class="popup-m"></div><div class="popup-b"><div class="popup-arrow"></div><a href="#" class="close notext">Close</a></div>');
	}
	if($.browser.msie && $.browser.version < 8) {
		$('a .red-arrow').css({'position': 'relative', 'top': '-4px'});
		$('.white-section .col-third h3 a.scala-cn-bold span').css({'position': 'relative', 'top': '-6px'});
	}
	
	$('a[class*="colorbox"]').colorbox({
		initialWidth: 50,
		initialHeight: 50
	});
	
	$('.blink').live('focus', function() {
		if(this.value == this.title) {
			this.value = ''
		}
	}).live('blur', function() {
		if(this.value == '') {
			this.value = this.title
		}
	});
	
	$('.ico-article').click(function() {
		$('.ico-article.active').removeClass('active');
		$(this).addClass('active');
		var url = $(this).attr('href');
		var pos_x = $(this).offset().left + 40;
		var pos_y = $(this).offset().top - 117;
		openArticle(url, pos_x, pos_y);
		return false;
	});
	
	$('#popup .close').live('click', function() {
		$('#popup').fadeOut(300);
		$('.ico-article.active').removeClass('active');
		return false;
	});
	
	$('.blog #sidebar .generic .widget-entry > ul > li > a').click(function() {
		$(this).stop(true,true).next().slideToggle(function() {
			$(this).parent().toggleClass('expanded');
		});
		return false;
	});
});

function openArticle(url, pos_x, pos_y) {
	if($('#popup').is(':visible')) {
		$('#popup').hide();
	}
	var iframe = $('<iframe src="' + url + '" width="716" height="225" frameborder="0" scrolling="auto">');
	$('#popup .popup-m').html(iframe);
	$('#popup').css({
		top: pos_y,
		left: pos_x
	}).fadeIn();
}