(function ($){

	Cufon.replace('h1, h2, h3, ul#navigation li a, #sub-navigation ul li a, #sub-navigation ul li.current, #sub-navigation ul li.section, .product-title, .range-text p', {
		fontFamily: "Myriad Pro",
		hover: true
	});
	if (!$.browser.msie || parseFloat($.browser.version) > 6){
		Cufon.replace('.btn span', {
			fontFamily: "Myriad Pro",
			hover: true
		});
	}
	Cufon.replace('#sub-navigation h2', {
		fontFamily: "Helvetica Neue LT Std"
	});
	
	//set off state 
	var nav_off = "/themes/knz/images/area/range.png";
	$(".range-navigator").css("background", "url(" + nav_off + ") no-repeat 172px top");
	$(".range-text").hide();

	// functions for over and off
	function over(image) {
		$(".range-navigator").css("background", "url(" + image + ") no-repeat center 1px");
	}
	function off() {
		$(".range-navigator").css("background", "url(" + nav_off + ") no-repeat 172px top");
	}

	var rn = $(".range-navigator");
	if (rn.size() > 0){
		rn
			.css('background', 'url(/themes/knz/images/area/range.png) no-repeat scroll 172px top transparent')
			.append('<img usemap="#imagemap" id="range-nav" src="/themes/knz/images/area/spacer.gif"/>'+
					'<map id="imagemap" name="imagemap">'+
						'<area id="tradition" href="#" shape="poly" coords="255,1,255,39,239,40,222,54,218,60,210,79,211,93,214,100,218,105,183,125,178,111,172,94,174,76,177,55,193,32,209,14,230,6,238,4, 255, 1" />'+
						'<area id="specialty" href="#" shape="poly" coords="258,1,258,39,273,42,286,51,296,61,302,77,302,90,297,107,329,125,335,112,339,78,330,44,320,29,309,18,291,9,275,2, 258, 1" />'+
						'<area id="basic" href="#" shape="poly" coords="219,109,228,118,237,125,254,130,269,128,282,122,294,107,328,126,313,146,300,155,283,164,260,169,250,168,229,164,204,148,193,138,184,128,219,109" />'+
					'</map>')
			.click(
				function (ev) {
					var t = $(ev.target);			
					if (t.is("#imagemap area")){ // een click op de image map
						var button = t.attr("id");
						t.parent().find(".selected").removeClass("selected");
						t.addClass("selected");
						over("/themes/knz/images/area/range-" + button + ".png");
						$(".range-text").hide();
						$(".range-text-" + button + "").show();
						//rl.attr("href", "/"+button + ".html");
						$(".range-navigator p.navigator-description").hide();
						return false;
					}
					else if($("#imagemap .selected").size() == 0){ //lege click
						return false;
					}
					else{
						window.location.href = "/product-range/cows/" + $("#imagemap .selected").attr("id") + "/";
					}
				}
			);
	}
})(jQuery);