//alert("test");

var thumbWidth = "126px"

$(function() {
	// Handler for .ready() called.

	$("#mimage1").mouseenter(function() {
		animateMain("img1",this);
	});
	$("#mimage2").mouseenter(function() {
		animateMain("img2",this);
	});
	$("#mimage3").mouseenter(function() {
		animateMain("img3",this);
	});
	$("#mimage4").mouseenter(function() {
		animateMain("img4",this);
	});
	$("#mimage5").mouseenter(function() {
		animateMain("img5",this);
	});
	
	$(".navitem").mouseover(function() {
		highlightNav(this);
	});
	/*$("#titlenav").mouseenter(function() {
		$("#titlenavback").show('500');
	});*/
	
	/*$("#titlenav").mouseleave(function() {
		$("#titlenavback").animate({opacity: 0}, 300);
	});
	$("#titlenavback").css({'left': $("#titlenav").offset().left});
	*/
	$('a.email').nospam({ replaceText: true });

});
/*
function highlightNav(selected) {
	$("#titlenavback").css("display","block");
	$("#titlenavback").stop();
	//$("#titlenavback").show('500');
	//$("#titlenavback").css({'width': $(selected).css('width'), 'height': $(selected).css('height')});
	var offset = $(selected).position();
	$("#titlenavback").animate({
			width: $(selected).css('width'),
			left: (offset.left - 1),
			opacity: 1
			}, 300, function() {
			// Animation complete.
			//$(this).attr("class","imgsub");
			//$(this).removeClass("active");
		});
}
*/

function animateMain(testvar,active) {
	//alert(active);
	//$(".active").removeClass("active");
	if(testvar != "img1"){
		$("#mimage1").stop();
		$("#mimage1").animate({
			width: thumbWidth
			//fontSize: '1em'
			}, 500, function() {
			// Animation complete.
			//$(this).attr("class","imgsub");
			//$(this).removeClass("active");
		});
	}
	if(testvar != "img2"){
		$("#mimage2").stop();
		$("#mimage2").animate({
			width: thumbWidth
			//fontSize: '1em'
			}, 500, function() {
			// Animation complete.
			//$(this).attr("class","imgsub");
			//$(this).removeClass("active");
		});
	}
	if(testvar != "img3"){
		$("#mimage3").stop();
		$("#mimage3").animate({
			width: thumbWidth
			//fontSize: '1em'
			}, 500, function() {
			// Animation complete.
			//$(this).attr("class","imgsub");
			//$(this).removeClass("active");
		});
	}
	if(testvar != "img4"){
		$("#mimage4").stop();
		$("#mimage4").animate({
			width: thumbWidth
			}, 500, function() {
			// Animation complete.
			//$(this).attr("class","imgsub");
			//$(this).removeClass("active");
		});
	}
	if(testvar != "img5"){
		$("#mimage5").stop();
		$("#mimage5").animate({
			width: thumbWidth
			//fontSize: '1em'
			}, 500, function() {
			// Animation complete.
			//$(this).attr("class","imgsub");
			//$(this).removeClass("active");
		});
	}
	//alert($(active).css("width"))
	if($(active).css("width") != "332px"){
		$(active).stop();
		$(active).animate({
			width: '332px'
			//fontSize: '1.5em'
			}, 500, function() {
			// Animation complete.
			//$(this).attr("class","imgmain");
		});
	}
}