jQuery().ready(function(){
		jQuery('#accordion').accordion({
			header: '.accordionHead'
		});
});

 $(document).ready(function(){
   $("a#green").ready(function(){
     $("div#featureMain").addClass("featureMainGreen")
 	 $("div#featureMain #greenContent div.1").show()
   });
   $("ul.thumbs li a").ready(function(){
     $("ul.thumbs li a").addClass("inactive")
     $(".thumb1").removeClass("inactive")
     $(".thumb1").addClass("active")
   });
   $("ul.thumbs li a").hover(function(){
   	 $(this).removeClass("inactive")
     $(this).addClass("hoverActive");
   },function(){
   	 $(this).removeClass("hoverActive")
   	 $(this).addClass("inactive")
   });
   $("ul.thumbs li a").click(function(){
    $("ul.thumbs li a").removeClass("active","hoverActive")
    $("ul.thumbs li a").addClass("inactive")
   	$(this).addClass("active")
   });
   $("a#green").click(function(){
   	 $("div#featureMain").removeClass()
     $("div#featureMain").addClass("featureMainGreen")
	 $("div#featureMain div").hide()
	 $("div#featureMain #greenContent, div#featureMain #greenContent div.1").fadeIn(1000)
	 $("ul.thumbs li a").removeClass("active")
	 $(".thumb1").addClass("active")	 
    });
   $("a#red").click(function(){
	 $("div#featureMain").removeClass()
     $("div#featureMain").addClass("featureMainRed")
	 $("div#featureMain div").hide()
	 $("div#featureMain #redContent, div#featureMain #redContent div.1").fadeIn(1000)
	 $("ul.thumbs li a").removeClass("active")
	 $(".thumb1").addClass("active")
   });
   $("a#blue").click(function(){
	 $("div#featureMain").removeClass()
     $("div#featureMain").addClass("featureMainBlue")
	 $("div#featureMain div").hide()
	 $("div#featureMain #blueContent, div#featureMain #blueContent div.1").fadeIn(1000)
	 $("ul.thumbs li a").removeClass("active")
	 $(".thumb1").addClass("active")	 
   });
   $("div.greenBg a.thumb1").click(function(){
     $("div#featureMain #greenContent div").hide()
     $("div#featureMain #greenContent div.1").fadeIn(1000)
     $(this).addClass("active")
	 return false;
   });
   $("div.greenBg a.thumb2").click(function(){
     $("div#featureMain #greenContent div").hide()
     $("div#featureMain #greenContent div.2").fadeIn(1000)
	 return false;
   });
   $("div.greenBg a.thumb3").click(function(){
     $("div#featureMain #greenContent div").hide()
     $("div#featureMain #greenContent div.3").fadeIn(1000)
	 return false;
   });
   $("div.greenBg a.thumb4").click(function(){
     $("div#featureMain #greenContent div").hide()
     $("div#featureMain #greenContent div.4").fadeIn(1000)
	 return false;
   });
   $("div.redBg a.thumb1").click(function(){
     $("div#featureMain #redContent div").hide()
     $("div#featureMain #redContent div.1").show()
 	 return false;
   });
   $("div.redBg a.thumb2").click(function(){
     $("div#featureMain #redContent div").hide()
     $("div#featureMain #redContent div.2").show()
	 return false;
   });
   $("div.redBg a.thumb3").click(function(){
     $("div#featureMain #redContent div").hide()
     $("div#featureMain #redContent div.3").show()
 	 return false;
   });
   $("div.redBg a.thumb4").click(function(){
     $("div#featureMain #redContent div").hide()
     $("div#featureMain #redContent div.4").show()
	 return false;
   });
   $("div.blueBg a.thumb1").click(function(){
     $("div#featureMain #blueContent div").hide()
     $("div#featureMain #blueContent div.1").fadeIn(1000)
	 return false;
   });
   $("div.blueBg a.thumb2").click(function(){
     $("div#featureMain #blueContent div").hide()
     $("div#featureMain #blueContent div.2").show()
	 return false;
   });
   $("div.blueBg a.thumb3").click(function(){
     $("div#featureMain #blueContent div").hide()
     $("div#featureMain #blueContent div.3").show()
	 return false;
   });
   $("div.blueBg a.thumb4").click(function(){
     $("div#featureMain #blueContent div").hide()
     $("div#featureMain #blueContent div.4").show()
	 return false;
   });
 });