jQuery.noConflict();

function selectMap(current_id) {
	switch (current_id) {
		case '1' : 
			jQuery('#contact-item').html('<img src="/wp-content/themes/woodstep/images/TRAPPETYPE.png" alt="" usemap="#Map1"/>'+
				'<map name="Map1" id="Map1">'+
				' <area shape="rect" id="sel1area1" coords="7,46,130,131" href="#"> '+
				' <area shape="rect" id="sel1area2" coords="8,143,129,235" href="#"> '+
				' <area shape="rect" id="sel1area3" coords="11,240,123,333" href="#"> '+
				' <area shape="rect" id="sel1area4" coords="12,345,127,448" href="#"> '+
				' <area shape="rect" id="sel1area5" coords="140,56,271,133" href="#"> '+
				' <area shape="rect" id="sel1area6" coords="140,132,265,235" href="#"> '+
				' <area shape="rect" id="sel1area7" coords="142,231,263,330" href="#"> '+
				' <area shape="rect" id="sel1area8" coords="135,334,274,442" href="#"> '+
				' <area shape="rect" id="sel1area9" coords="7,477,132,553" href="#"> '+
				' <area shape="rect" id="sel1area10" coords="135,450,250,580" href="#"> '+
				'</map> ');
			
			jQuery('#sel1area1').click(function() {jQuery('#sel1').val('1'); return false;});
			jQuery('#sel1area2').click(function() {jQuery('#sel1').val('2'); return false;});
			jQuery('#sel1area3').click(function() {jQuery('#sel1').val('3'); return false;});
			jQuery('#sel1area4').click(function() {jQuery('#sel1').val('4'); return false;});
			jQuery('#sel1area5').click(function() {jQuery('#sel1').val('5'); return false;});
			jQuery('#sel1area6').click(function() {jQuery('#sel1').val('6'); return false;});
			jQuery('#sel1area7').click(function() {jQuery('#sel1').val('7'); return false;});
			jQuery('#sel1area8').click(function() {jQuery('#sel1').val('8'); return false;});
			jQuery('#sel1area9').click(function() {jQuery('#sel1').val('9'); return false;});
			jQuery('#sel1area10').click(function() {jQuery('#sel1').val('10'); return false;});
			break;
		case '2' : 
			jQuery('#contact-item').html('<img src="/wp-content/themes/woodstep/images/HANDLISTETYPE.png" alt="" usemap="#Map2" />'+
				'<map name="Map2" id="Map2">'+
				' <area shape="rect" id="sel2area1" coords="3,49,143,183" href="#"> '+
				' <area shape="rect" id="sel2area3" coords="1,198,144,329" href="#"> '+
				' <area shape="rect" id="sel2area5" coords="1,340,146,475" href="#"> '+
				' <area shape="rect" id="sel2area2" coords="157,46,301,186" href="#"> '+
				' <area shape="rect" id="sel2area4" coords="156,191,300,331" href="#"> '+
				' <area shape="rect" id="sel2area6" coords="156,338,301,476" href="#"> '+
				'</map> ');
			jQuery('#sel2area1').click(function() {jQuery('#sel2').val('1'); return false;});
			jQuery('#sel2area2').click(function() {jQuery('#sel2').val('2'); return false;});
			jQuery('#sel2area3').click(function() {jQuery('#sel2').val('3'); return false;});
			jQuery('#sel2area4').click(function() {jQuery('#sel2').val('4'); return false;});
			jQuery('#sel2area5').click(function() {jQuery('#sel2').val('5'); return false;});
			jQuery('#sel2area6').click(function() {jQuery('#sel2').val('6'); return false;});
			break;
		case '3' : 
			jQuery('#contact-item').html('<img src="/wp-content/themes/woodstep/images/TRINTYPE.png" alt="" usemap="#Map3" />'+
				'<map name="Map3" id="Map3">'+
				' <area shape="rect" id="sel3area4" coords="45,55,242,259" href="#"> '+
				' <area shape="rect" id="sel3area5" coords="40,270,245,474" href="#"> '+
				'</map> ');
			jQuery('#sel3area1').click(function() {jQuery('#sel3').val('1'); return false;});
			jQuery('#sel3area2').click(function() {jQuery('#sel3').val('2'); return false;});
			jQuery('#sel3area3').click(function() {jQuery('#sel3').val('3'); return false;});
			jQuery('#sel3area4').click(function() {jQuery('#sel3').val('4'); return false;});
			jQuery('#sel3area5').click(function() {jQuery('#sel3').val('5'); return false;});
			break;
		case '4' : 					
			jQuery('#contact-item').html('<img src="/wp-content/themes/woodstep/images/TRASORT_VANGER.png" alt="" usemap="#Map4" />'+
				'<map name="Map4" id="Map4">'+
				' <area shape="rect" id="sel4area1" coords="1,1,106,68" href="#"> '+
				' <area shape="rect" id="sel4area2" coords="1,85,106,154" href="#"> '+
				' <area shape="rect" id="sel4area3" coords="1,164,106,220" href="#"> '+
				' <area shape="rect" id="sel4area4" coords="1,242,106,294" href="#"> '+
				' <area shape="rect" id="sel4area5" coords="1,320,106,384" href="#"> '+
				' <area shape="rect" id="sel4area6" coords="152,1,260,70" href="#"> '+
				' <area shape="rect" id="sel4area7" coords="152,80,260,149" href="#"> '+
				' <area shape="rect" id="sel4area8" coords="152,160,260,225" href="#"> '+
				' <area shape="rect" id="sel4area9" coords="152,238,260,303" href="#"> '+
				' <area shape="rect" id="sel4area10" coords="152,320,260,384" href="#"> '+
				'</map> ');
			jQuery('#sel4area1').click(function() {jQuery('#sel4').val('1'); return false;});
			jQuery('#sel4area2').click(function() {jQuery('#sel4').val('2'); return false;});
			jQuery('#sel4area3').click(function() {jQuery('#sel4').val('3'); return false;});
			jQuery('#sel4area4').click(function() {jQuery('#sel4').val('4'); return false;});
			jQuery('#sel4area5').click(function() {jQuery('#sel4').val('5'); return false;});
			jQuery('#sel4area6').click(function() {jQuery('#sel4').val('6'); return false;});
			jQuery('#sel4area7').click(function() {jQuery('#sel4').val('7'); return false;});
			jQuery('#sel4area8').click(function() {jQuery('#sel4').val('8'); return false;});
			jQuery('#sel4area9').click(function() {jQuery('#sel4').val('9'); return false;});
			jQuery('#sel4area10').click(function() {jQuery('#sel4').val('10'); return false;});
			break;
		case '5' : 
			jQuery('#contact-item').html('<img src="/wp-content/themes/woodstep/images/TRASORT_TRIN.png" alt="" usemap="#Map5" />'+
				'<map name="Map5" id="Map5">'+
				' <area shape="rect" id="sel5area1" coords="22,58,138,127" href="#"> '+
				' <area shape="rect" id="sel5area2" coords="19,141,139,208" href="#"> '+
				' <area shape="rect" id="sel5area3" coords="17,219,138,291" href="#"> '+
				' <area shape="rect" id="sel5area4" coords="16,301,143,369" href="#"> '+
				' <area shape="rect" id="sel5area5" coords="17,373,138,449" href="#"> '+
				' <area shape="rect" id="sel5area6" coords="171,54,288,130" href="#"> '+
				' <area shape="rect" id="sel5area7" coords="173,135,291,203" href="#"> '+
				' <area shape="rect" id="sel5area8" coords="172,211,287,286" href="#"> '+
				' <area shape="rect" id="sel5area9" coords="171,292,290,364" href="#"> '+
				' <area shape="rect" id="sel5area10" coords="173,375,290,447" href="#"> '+
				'</map> ');
			jQuery('#sel5area1').click(function() {jQuery('#sel5').val('1'); return false;});
			jQuery('#sel5area2').click(function() {jQuery('#sel5').val('2'); return false;});
			jQuery('#sel5area3').click(function() {jQuery('#sel5').val('3'); return false;});
			jQuery('#sel5area4').click(function() {jQuery('#sel5').val('4'); return false;});
			jQuery('#sel5area5').click(function() {jQuery('#sel5').val('5'); return false;});
			jQuery('#sel5area6').click(function() {jQuery('#sel5').val('6'); return false;});
			jQuery('#sel5area7').click(function() {jQuery('#sel5').val('7'); return false;});
			jQuery('#sel5area8').click(function() {jQuery('#sel5').val('8'); return false;});
			jQuery('#sel5area9').click(function() {jQuery('#sel5').val('9'); return false;});
			jQuery('#sel5area10').click(function() {jQuery('#sel5').val('10'); return false;});
			break;
		case '6' : 
			jQuery('#contact-item').html('<img src="/wp-content/themes/woodstep/images/BALYSTRE.png" alt="" usemap="#Map6" />'+
				'<map name="Map6" id="Map6">'+
				' <area shape="rect" coords="243,2,308,29" target="_new" href="/Balustre.pdf"> '+
				' <area shape="rect" id="sel6area1" coords="2,41,29,258" href="#"> '+
				' <area shape="rect" id="sel6area2" coords="37,44,67,259" href="#"> '+
				' <area shape="rect" id="sel6area3" coords="72,41,102,259" href="#"> '+
				' <area shape="rect" id="sel6area4" coords="109,40,139,261" href="#"> '+
				' <area shape="rect" id="sel6area5" coords="146,41,172,260" href="#"> '+
				' <area shape="rect" id="sel6area6" coords="177,43,215,260" href="#"> '+

				' <area shape="rect" id="sel6area7" coords="217,41,247,260" href="#"> '+
				' <area shape="rect" id="sel6area8" coords="252,41,282,260" href="#"> '+
				' <area shape="rect" id="sel6area9" coords="287,39,317,261" href="#"> '+
				' <area shape="rect" id="sel6area10" coords="1,280,30,498" href="#"> '+
				' <area shape="rect" id="sel6area11" coords="33,279,63,501" href="#"> '+
				' <area shape="rect" id="sel6area12" coords="70,279,104,504" href="#"> '+

				' <area shape="rect" id="sel6area13" coords="107,278,143,503" href="" onclick="jQuery(\'#sel6 option[value=13]\').select(); return false;"> '+
				' <area shape="rect" id="sel6area14" coords="146,280,176,501" href="" onclick="jQuery(\'#sel6 option[value=14]\').select(); return false;"> '+
				' <area shape="rect" id="sel6area15" coords="182,278,212,502" href="" onclick="jQuery(\'#sel6 option[value=15]\').select(); return false;"> '+
				' <area shape="rect" id="sel6area16" coords="216,278,249,504" href="" onclick="jQuery(\'#sel6 option[value=16]\').select(); return false;"> '+
				' <area shape="rect" id="sel6area17" coords="251,281,282,504" href="" onclick="jQuery(\'#sel6 option[value=17]\').select(); return false;"> '+
				' <area shape="rect" id="sel6area18" coords="287,280,316,502" href="" onclick="jQuery(\'#sel6 option[value=18]\').select(); return false;"> '+
				'</map> ');				
			jQuery('#sel6area1').click(function() {jQuery('#sel6').val('1'); return false;});
			jQuery('#sel6area2').click(function() {jQuery('#sel6').val('2'); return false;});
			jQuery('#sel6area3').click(function() {jQuery('#sel6').val('3'); return false;});
			jQuery('#sel6area4').click(function() {jQuery('#sel6').val('4'); return false;});
			jQuery('#sel6area5').click(function() {jQuery('#sel6').val('5'); return false;});
			jQuery('#sel6area6').click(function() {jQuery('#sel6').val('6'); return false;});
			jQuery('#sel6area7').click(function() {jQuery('#sel6').val('7'); return false;});
			jQuery('#sel6area8').click(function() {jQuery('#sel6').val('8'); return false;});
			jQuery('#sel6area9').click(function() {jQuery('#sel6').val('9'); return false;});
			jQuery('#sel6area10').click(function() {jQuery('#sel6').val('10'); return false;});
			jQuery('#sel6area11').click(function() {jQuery('#sel6').val('11'); return false;});
			jQuery('#sel6area12').click(function() {jQuery('#sel6').val('12'); return false;});
			jQuery('#sel6area13').click(function() {jQuery('#sel6').val('13'); return false;});
			jQuery('#sel6area14').click(function() {jQuery('#sel6').val('14'); return false;});
			jQuery('#sel6area15').click(function() {jQuery('#sel6').val('15'); return false;});
			jQuery('#sel6area16').click(function() {jQuery('#sel6').val('16'); return false;});
			jQuery('#sel6area17').click(function() {jQuery('#sel6').val('17'); return false;});
			jQuery('#sel6area18').click(function() {jQuery('#sel6').val('18'); return false;});
			break;
		case '7' : 					
			
			jQuery('#contact-item').html('<img src="/wp-content/themes/woodstep/images/STOPLER.png" alt="" style="margin-left: -10px;" usemap="#Map7" />'+
				'<map name="Map7" id="Map7">'+
				' <area shape="rect" coords="245,1,309,29" target="_new" href="/Stolper.pdf"> '+
				' <area shape="rect" id="sel7area1" coords="2,52,37,265" href="#"> '+
				' <area shape="rect" id="sel7area2" coords="48,49,84,266" href="#"> '+
				' <area shape="rect" id="sel7area3" coords="97,49,129,265" href="#"> '+
				' <area shape="rect" id="sel7area4" coords="144,51,177,266" href="#"> '+
				' <area shape="rect" id="sel7area5" coords="189,50,224,266" href="#"> '+
				' <area shape="rect" id="sel7area6" coords="235,50,271,264" href="#"> '+
				' <area shape="rect" id="sel7area7" coords="284,51,317,267" href="#"> '+
				
				' <area shape="rect" id="sel7area8" coords="8,291,36,506" href="#"> '+
				' <area shape="rect" id="sel7area9" coords="49,293,82,506" href="#"> '+
				' <area shape="rect" id="sel7area10" coords="99,292,130,506" href="#"> '+
				' <area shape="rect" id="sel7area11" coords="146,293,177,506" href="#"> '+
				' <area shape="rect" id="sel7area12" coords="192,291,226,506" href="#"> '+
				' <area shape="rect" id="sel7area13" coords="240,292,275,506" href="#"> '+
				' <area shape="rect" id="sel7area14" coords="283,291,319,506" href="#"> '+
									
				'</map> ');				
			jQuery('#sel7area1').click(function() {jQuery('#sel7').val('1'); return false;});
			jQuery('#sel7area2').click(function() {jQuery('#sel7').val('2'); return false;});
			jQuery('#sel7area3').click(function() {jQuery('#sel7').val('3'); return false;});
			jQuery('#sel7area4').click(function() {jQuery('#sel7').val('4'); return false;});
			jQuery('#sel7area5').click(function() {jQuery('#sel7').val('5'); return false;});
			jQuery('#sel7area6').click(function() {jQuery('#sel7').val('6'); return false;});
			jQuery('#sel7area7').click(function() {jQuery('#sel7').val('7'); return false;});
			jQuery('#sel7area8').click(function() {jQuery('#sel7').val('8'); return false;});
			jQuery('#sel7area9').click(function() {jQuery('#sel7').val('9'); return false;});
			jQuery('#sel7area10').click(function() {jQuery('#sel7').val('10'); return false;});
			jQuery('#sel7area11').click(function() {jQuery('#sel7').val('11'); return false;});
			jQuery('#sel7area12').click(function() {jQuery('#sel7').val('12'); return false;});
			jQuery('#sel7area13').click(function() {jQuery('#sel7').val('13'); return false;});
			jQuery('#sel7area14').click(function() {jQuery('#sel7').val('14'); return false;});
			break;
		case '8' : 
			jQuery('#contact-item').html('<img src="/wp-content/themes/woodstep/images/ETAGEHOJDE.png" alt="" />');
			break;
		case '9' : 
			jQuery('#contact-item').html('<img src="/wp-content/themes/woodstep/images/DAKHOJDE.png" alt="" />');
			break;
		case '10' : 
			jQuery('#contact-item').html('<img src="/wp-content/themes/woodstep/images/DAKTYKKELSE.png" alt="" />');
			break;
		case '11' : 
			jQuery('#contact-item').html('<img src="/wp-content/themes/woodstep/images/LOFTSHOJDE.png" alt="" />');
			break;
		case '12' : 					
			jQuery('#contact-item').html('<img src="/wp-content/themes/woodstep/images/TRAPPEHULSTYPE.png" alt="" style="margin-left: -10px;" usemap="#Map7" />'+
				'<map name="Map7" id="Map7">'+
				' <area shape="rect" id="sel12area1" coords="65,20,230,74" href="#"> '+
				' <area shape="rect" id="sel12area2" coords="65,90,230,172" href="#"> '+
				' <area shape="rect" id="sel12area3" coords="65,140,230,270" href="#"> '+
				'</map> ');				
			jQuery('#sel12area1').click(function() {jQuery('#sel12').val('1'); return false;});
			jQuery('#sel12area2').click(function() {jQuery('#sel12').val('2'); return false;});
			jQuery('#sel12area3').click(function() {jQuery('#sel12').val('3'); return false;});
			break;
	
	}
}

jQuery(document).ready(function(){
	jQuery("#main-content a[href*=.pdf]").addClass('green');
	jQuery('#trin1, #trin2, #trin3').hide(); // Hide all divs
	jQuery('#ws-contact #trin1').show(); // Show the first div
	jQuery('#ws-contact ul li a:first').addClass('active'); // Set the class of the first link to active
	
	jQuery('#ws-next a.next').click(function()
		{ //When any link is clicked

			if (jQuery(this).attr('href') == "#trin2")
			{
				selectMap('1');
			} 
		
			if (jQuery(this).attr('href') == "#trin3")
			{
				jQuery('#contact-item').html('<br /><br /><br />' + 
				'Vi takker for jeres henvendelse og I vil blive<br />kontaktet inden for 24 timer.<br /><br />' + 
				'Personligeoplysninger<br />Vi h&aring;ndterer indtastede oplysninger med den<br />st&oslash;rste fortrolighed.');
			}

			jQuery('#ws-contact ul li a.tab').removeClass('active'); // Remove active class from all links
			var currentTab = jQuery(this).attr('href');
			jQuery('#trin1, #trin2, #trin3').hide(); // Hide all divs
			jQuery(currentTab).show();
			jQuery('a[href='+currentTab+']').addClass('active'); //Set clicked link class to active
		});
	
	jQuery('#ws-contact ul li a.tab').click(function()
		{ //When any link is clicked
			jQuery('#ws-contact ul li a.tab').removeClass('active'); // Remove active class from all links
			jQuery(this).addClass('active'); //Set clicked link class to active
			var currentTab = jQuery(this).attr('href'); // Set variable currentTab to value of href attribute of clicked link
			jQuery('#trin1, #trin2, #trin3').hide(); // Hide all divs
			jQuery(currentTab).show(); // Show div with id equal to variable currentTab

			if( currentTab == "#trin1" ) { selectMap('12'); }
			if( currentTab == "#trin2" ) { selectMap('1'); }

			if( currentTab == '#trin3' ) jQuery('#contact-item').html('<br /><br /><br />' + 
				'Da vi vil sikre os, at vi kan svare dig indenfor 24 timer, beder vi dig udfylde s&aring; mange kontaktoplysninger, som muligt. Vi beder som minimum om navn, e-mail og tlf.nr., du kan evt. skrive dit mobilnr. i tlf.nr.-feltet. <br /><br />Vi takker for jeres henvendelse. I vil blive<br />kontaktet inden for 24 timer.<br /><br />' + 
				'Personlige oplysninger<br />Vi h&aring;ndterer indtastede oplysninger med den<br />st&oslash;rste fortrolighed.<br /><br />');
			return false;
		});

	jQuery("#ws-contact label").mouseover(function()
	{
		jQuery('#ws-contact label').removeClass('active');
		jQuery(this).addClass('active');
		var current_id = jQuery(this).attr('id');
		if (current_id != null && current_id != "") {
			selectMap(current_id.substring(3));
		}

	});
	
	jQuery("#ws-contact input").mouseover(function()
	{
		jQuery('#ws-contact label').removeClass('active');
		jQuery(this).parents().children('label').addClass('active');
		var current_id = jQuery(this).attr('id').substring(3);
		if (current_id != null && current_id != "") {
			selectMap(current_id);
		}
	});


	jQuery("#ws-contact select").mouseover(function()
	{
		/* remove all active css */
		jQuery('#ws-contact label').removeClass('active');
		
		jQuery(this).parents().children('label').addClass('active');
		var current_id = jQuery(this).attr('id').substring(3);
		selectMap(current_id);
	});
	
	jQuery('#contact-item').css('width', '308px');
	jQuery('#lsidebar').css('float', 'right').css('right', '145px');
	selectMap('12');
});

function checkFields(form)
{
	var err = '';
	if (form.name.value==""){
		err += "	Navn\n";
	}
	if (form.tlf.value==""){
		err += "	Tlf\n";
	}
	var filter = /^([a-zA-Z0-9_.-])+@(([a-zA-Z0-9-])+.)+([a-zA-Z0-9]{2,4})+$/;
if (!filter.test(form.email.value)) {
		err += "	Email\n";
	}
	
	if (err!=""){
		alert("Udfyld venligst f\u00F8lgende felter:\n"+err);
		return false;
	}
	
	//alert('ok');
	return true;
}



