var reskin = {
	billboard: function(){$(".headerImg").pngfix();}
};

jQuery(function($) {
     $("img").pngfix();
});

var currentCta;

function switcher(){
	$("h2[class^='cta']").hide();
	$("p[class^='cta']").hide();
	$("img[class^='cta']").hide();
	$("h2[class^='cta']:first").show();
	$("p[class^='cta']:first").show();
	$("img[class^='cta']:first").show();
	$(".styles li").pngfix();
	$(".show-me").css({"background-position": "0 100%"});
	$("a.[class^='cta']").removeClass("on");
	var cta = $("a[class^='cta-']");
	currentCta = $("a[class^='cta']:first").attr('class');	
	$("a[class^='cta']:first").addClass("on");
	cta.mouseover(function(){
		var getThisOne = $(this).attr('class');
		if(!$(this).hasClass(currentCta)){
			$("a.on").removeClass("on");
			$("h2[class^='cta']").fadeOut(100);
			$("p[class^='cta']").hide();
			$("img[class^='cta']").fadeOut(100);
			currentCta = getThisOne;
			var myA = $(this);
			myA.addClass("on")
			var myH2 = $('h2.' + getThisOne);
			var myP = $('p.' + getThisOne);
			$('img.' + getThisOne).fadeIn(200, function(){
				if(currentCta == getThisOne){
					myH2.fadeIn(200);
					myP.fadeIn(200);
				}
			});
		}
		return(false);
	});
}

$(document).ready(function() {
	switcher();
	reskin.billboard();
});