var shown = -1;

function hidem() {
	$('#s'+shown+' span').remove();
	$('#s'+shown).hide();
	$('#n'+shown+' a').removeClass('on');
	$('#detailsPop').hide();
	$('#ovr').hide();
	shown = -1;
}

function drop(i) {
	if(shown > -1) { hidem(); }
	shown = i;
	$('#s'+i)
		.prepend('<span></span>')
		.show();
	$('#n'+i+' a').addClass('on');
	$('#ovr').show();
}

function spaJetsOn() {
	$(this).children('img').attr('src','../images/jets/on/'+$(this).children('img').attr('src').substr(15));
	$('#dyser-feature .dyser-info').html($(this).next().html());
	$('#dyser-feature .dyser-info').prepend('<h2>'+$(this).children('b').html()+'</h2>');
	$('#dyser-feature .def-inside').hide();
	$('#dyser-feature .dyser-info').show();
}
function spaJetsOff() {
	$(this).children('img').attr('src','../images/jets/'+$(this).children('img').attr('src').substr(18));
	$('#dyser-feature .dyser-info').empty().hide();
	$('#dyser-feature .def-inside').show();
}

function detailOver(link) {
	$('#detailsPop a').empty();
	var img = $(link).children("img");
	var pos = $(link).attr('href');
	var meta = $(link).next();
	$("#det-s").html($(".s", meta).html());
	$("#det-d-en").html($(".d .en", meta).html());
	$("#det-d-m").html($(".d .m", meta).html());
	$("#det-j").html($(".j", meta).html());
	pos = pos.substr(0,pos.length -5);
	if(pos.indexOf('InGround') < 0) { 
		pos = 'images/' + pos.substr(0,3) + '-series' + pos.substr(9).toLowerCase() + '-small.jpg';
	} else { 
		pos = 'images/880-series/in-ground-' + img.attr("alt").toLowerCase() + '-small.jpg';
	}
	$('#detailsPop img').attr('src', pos);
	$('#detailsPop img').attr('alt',img.attr("alt"));
	$('#detailsPop a')
		.attr('href', $(link).attr('href'))
		.attr('class',img.attr("alt"))
		.append($(img).clone());
	pos = $(img).offset();
	$('#detailsPop')
		.css({left: (pos.left - 18), top: (pos.top -161)})
		.show();
	$('#ovr').show();
}
var tmpclk;
var popX; var popY; var minX; var maxX; var minY; var maxY;
$(function(){
	$('body').append('<a href="" id="ovr"></a>');
	$('input').blur(function() {
		if($(this).val() == "") {
			$(this).val($(this).attr('title'));
			if($(this).attr('title')) {
				$(this).attr('title','');
			}
		}
	});
	$('input').focus(function() {
		tmpclk = $(this).val();
		if((!($(this).attr('title'))) && (tmpclk == '')) {
			$(this).attr('title',tmpclk).val("");
		}
	});	
	$('#nav a').each(function(i){ $(this).mouseover(function() { drop(i); }); });
	$('#ovr').mouseover(hidem);
	var st = $('#n0 a').attr('href');
	var ps = st.indexOf('spas.html');
	st = st.substr(0,ps);
	$('#hdr form#dealer-finder').attr('method','post').attr('action',st + 'LocateDealer/LocateDealer.php');
	$('#compare a').mouseover(function() { detailOver(this); });
	$('#compare a[href$="Series.html"]').unbind('mouseover').css('margin','0').children().css('margin','0');	
	$('#detailsPop a').mouseout(hidem);
	//add submenus
	
	str = '<a href="' + st;
	$('#nav').after(
	    '<div id="s0">'+str+'../massasjebad.html">Alle</a>'+str+'../880Serien/index.html">880 Serien</a>'+str+'../780Serien/index.html">780 Serien</a>'+str+'../680Serien/index.html">680 Serien</a>'+str+'../compare-spas.html">Sammenlign</a></div>' +
		'<div id="s1">'+str+'../standardutstyr/dyser.html">Dyser</a>'+str+'../standardutstyr/fargevalg.html">Fargevalg</a>'+str+'../standardutstyr/lys.html">Lysutstyr</a>'+str+'../standardutstyr/seter.html">Seter</a>'+str+'../standardutstyr/stereo.html">Stereo</a>'+str+'../standardutstyr/lokk.html">Lokk</a>'+str+'../standardutstyr/kontrollpanel.html">Kontrollpanel</a>'+str+'../standardutstyr/rensesystem.html">Rensesystem</a></div>' +
		'<div id="s3">'+str+'../tips/planlegging.html">Planlegging</a>'+str+'../tips/levering.html">Levering</a>'+str+'../tips/strom.html">Str&oslash;m</a>'+str+'../tips/fotogalleri.html">Fotogalleri</a>'+str+'../tips/provebad.html">Pr&oslash;vebad</a>'+str+'../tips/sporsmaal.html">Sp&oslash;rsmål &amp; Svar</a>'+str+'../tips/kjopeguide.html">Kj&oslash;peguide</a>'+str+'../tips/boblebad-navn.html">Kallenavn</a></div>' +
		'<div id="s4">'+str+'../terapi/Hydroterapi.html">Hydroterapi</a>'+str+'../terapi/Aromaterapi.html">Aromaterapi</a>'+str+'../terapi/Alternative.html">Alternative Terapier</a>'+str+'../terapi/Stress.html">Stress</a>'+str+'../terapi/Leddgikt.html">Leddgikt</a>'+str+'../terapi/Sovn.html">S&oslash;vn</a>'+str+'../terapi/Trening.html">Trening</a></div>' +
		'<div id="s5">'+str+'../teknologi/Vannkvalitet.html">Vannkvalitet</a>'+str+'../teknologi/Energi.html">Energi</a>'+str+'../teknologi/Teknologi.html">Teknologi</a>'+str+'../teknologi/Produksjon.html">Produksjon</a>'+str+'../teknologi/ISO.html">ISO Sertifisering</a>'+str+'../../teknologi/Garantier.html">Garantier</a>'+str+'../teknologi/godkjennelser.html">Utmerkelser</a>'+str+'../teknologi/FAQs.html">FAQs</a></div>'
	);
	$('#s0,#s1,#s2,#s3,#s4,#s5').addClass('sub');
	$('.sub').wrapInner('<ul></ul>');
	$('.sub a').wrap('<li></li>');
	if($.browser.msie && (jQuery.browser.version < 7.0)) {
		$('head').append('<link rel="stylesheet" href="includes/ie6.css" />');
	}
	
	// dyser tab in spa pages
	$("#dyser-links .jet a")
		.mouseover(spaJetsOn)
		.mouseout(spaJetsOff)
		.click(function() { return false; });
	if($('#spaDetails_colors')) {
		popX = $('#spaDetails_colors').offset();
		$('#spaDetails_colors').append('<span id="cpop"><span></span></span>');
		$('#cpop').hide();
		$('#spaDetails_colors div p ~ img')
			.mouseover(function() {
				popX = $(this).offset();
				minX = popX.left + 2; maxX = minX + $(this).width() - 2; minY = popX.top + 2; maxY = minY + $(this).height() - 3;
			}).mousemove(function(event) {
				popX = event.pageX -2;
				popY = event.pageY;
				moveCPop($(this).attr('alt'));
			});
		$('#cpop').mousemove(function(event) {
				popX = event.pageX -2;
				popY = event.pageY;
				moveCPop(false);
		});
	}
	
	// enlarge view on spa pages
	$('#spaDetails_spaPic a:first').click(function() {
		window.open($(this).attr('href'), 'SpaBig', 'width=600, height=620, location=no, menubar=no,resizeable=1,scrollbars=yes,toolbar=0,top=10,left=100');
		return false;
	});
	
	if($('#difference_sub')) {
		$('#difference_sub div:last').css('border-bottom','none');
	}
});
function moveCPop(imgALT) {
	if((popX > minX) && (popX < maxX) && (popY > minY) && (popY < maxY)) {
		$('#cpop').css({left: popX + 1, top: popY - 27});
		if(imgALT) {
			$('#cpop').show().children('span').html(imgALT);
		}
	} else {
		$('#cpop').hide();
	}
}