$(document).ready(function(){
	
	/*----------------------------------
		gallery 
	----------------------------------*/
	var defaultGalleryImage = '<img src="images/gallery_mainImg_00.jpg" width="735" height="420" alt="" />';
	
	$("#gallery ul.thumbs li").hover(function(){
		myClass = $(this).find("a").attr("class");
		//alert(myClass);
		$("#mainImage").html('<img src="images/' + myClass + '.jpg" width="735" height="420" alt="" />');
	},
	function(){
		$("#mainImage").html(defaultGalleryImage);
	});
	
	/*----------------------------------
		feature
	----------------------------------*/
	var defaultFeatureImage = '<img src="images/feat_intro_img_01.jpg" alt="Features" width="310" height="275" />';
	$("a.feat_intro_img_01").css("border", "2px solid #0067fc");
	
	$("#changeImageArea ul.thumbs li").hover(function(){
		var hoverClass = $(this).find("a").attr("class");
		if (hoverClass == "feat_intro_img_01") {
			$("a.feat_intro_img_01").css("border", "2px solid #0067fc");
		} else {
			$("a.feat_intro_img_01").css("border", "2px solid #000");
		}
		myClass = $(this).find("a").attr("class");
		//alert(myClass);
		$("#mainFeatureImage").html('<img src="images/' + myClass + '.jpg" width="310" height="275" alt="" />');
	},
	function(){
		$("a.feat_intro_img_01").css("border", "2px solid #0067fc");
		$("#mainFeatureImage").html(defaultFeatureImage);
	});
	

});