$(document).ready(function() {
    $('#debug p').click(function() {
        $('#debug .exception').slideToggle();
    });
});

var icon_home = new Image();
icon_home.src = '/images/icon_home.jpg';
var icon_home_active = new Image();
icon_home_active.src = '/images/icon_home_active.jpg';

var icon_samples = new Image();
icon_samples.src = '/images/icon_samples.jpg';
var icon_samples_active = new Image();
icon_samples_active.src = '/images/icon_samples_active.jpg';

var icon_testimonials = new Image();
icon_testimonials.src = '/images/icon_testimonials.jpg';
var icon_testimonials_active = new Image();
icon_testimonials_active.src = '/images/icon_testimonials_active.jpg';

var icon_business = new Image();
icon_business.src = '/images/icon_business.jpg';
var icon_business_active = new Image();
icon_business_active.src = '/images/icon_business_active.jpg';

var icon_multifamily = new Image();
icon_multifamily.src = '/images/icon_multifamily.jpg';
var icon_multifamily_active = new Image();
icon_multifamily_active.src = '/images/icon_multifamily_active.jpg';

var icon_contacts = new Image();
icon_contacts.src = '/images/icon_contacts.jpg';
var icon_contacts_active = new Image();
icon_contacts_active.src = '/images/icon_contacts_active.jpg';

$(document).ready( function() {
	$('#header ul li a').hover(
		function() {
			$(this).css('background-color','#c23131');
			$(this).children('h2').css('color','#fff');
			switch( $(this).attr('class') ) {
				case 'main_page':
					$(this).children('img').attr('src', icon_home_active.src);
					break;
				case 'samples':
					$(this).children('img').attr('src', icon_samples_active.src);
					break;
				case 'testimonials':
					$(this).children('img').attr('src', icon_testimonials_active.src);
					break;
				case 'business':
					$(this).children('img').attr('src', icon_business_active.src);
					break;
				case 'multifamily':
					$(this).children('img').attr('src', icon_multifamily_active.src);
					break;
				case 'contacts':
					$(this).children('img').attr('src', icon_contacts_active.src);
					break;
			}
		},
		function() {
			if( !$(this).hasClass('active') ) {
				$(this).css('background-color','#fff');
				$(this).children('h2').css('color','#919191');
				switch( $(this).attr('class') ) {
					case 'main_page':
						$(this).children('img').attr('src', icon_home.src);
						break;
					case 'samples':
						$(this).children('img').attr('src', icon_samples.src);
						break;
					case 'testimonials':
						$(this).children('img').attr('src', icon_testimonials.src);
						break;
					case 'business':
						$(this).children('img').attr('src', icon_business.src);
						break;
					case 'multifamily':
						$(this).children('img').attr('src', icon_multifamily.src);
						break;
					case 'contacts':
						$(this).children('img').attr('src', icon_contacts.src);
						break;
				}
			}
		}
	);

	$('table.list tr').hover(
		function() {
			$(this).css('background-color', '#ccc').css('color', '#fff');
		},
		function() {
			$(this).css('background-color', '').css('color', '');
		}
	);
});
