document.observe("dom:loaded", function() {
	var ja = true;
	$$('#innhold .artikkelbilde').each(function (s) {
		if (ja) {
			ja = false;
		} else {
			s.setStyle({'float': 'right'});
			s.setStyle({'clear': 'right'});
			ja = true;
		}
	});
	
	if ($('kommentar_tittel').getAttribute('value') == "") {
		$('skrivkommentar_skjema').setStyle({'display':'none'});
		$('skrivkommentar').insert({top: '<input type="button" value="Ny kommentar" id="kommentarknapp">'});
		$('kommentarknapp').observe('click', function() {
			new Effect.toggle('skrivkommentar_skjema', 'slide', {duration: 0.5});
		});
	}
	
	if ($('karakterskjema')) {
		$('karakterskjema').setStyle({'display':'none'});
		$('karakter').setStyle({'display':'none'});
		$('karakter_bak').insert('<div id="karakter1" title="1" style="float:left;width:16px;height:15px;cursor:pointer;background:url(bilder/stjerne-av.png)"></div>');
		$('karakter_bak').insert('<div id="karakter2" title="2" style="float:left;width:16px;height:15px;cursor:pointer;background:url(bilder/stjerne-av.png)"></div>');
		$('karakter_bak').insert('<div id="karakter3" title="3" style="float:left;width:16px;height:15px;cursor:pointer;background:url(bilder/stjerne-av.png)"></div>');
		$('karakter_bak').insert('<div id="karakter4" title="4" style="float:left;width:16px;height:15px;cursor:pointer;background:url(bilder/stjerne-av.png)"></div>');
		$('karakter_bak').insert('<div id="karakter5" title="5" style="float:left;width:16px;height:15px;cursor:pointer;background:url(bilder/stjerne-av.png)"></div>');
		
		$('karakter_bak').insert({after:'<img id="progress" src="bilder/progress.gif" alt="Jobber..." title="Jobber..." style="display:none;">'});
		
		function resetkarakter() {
			
			if ($('karakter').hasClass("s1")) {
				$('karakter1').setStyle({'background':'url(bilder/stjerne-full.png)'});
				$('karakter2').setStyle({'background':'url(bilder/stjerne-av.png)'});
				$('karakter3').setStyle({'background':'url(bilder/stjerne-av.png)'});
				$('karakter4').setStyle({'background':'url(bilder/stjerne-av.png)'});
				$('karakter5').setStyle({'background':'url(bilder/stjerne-av.png)'});
			} else if ($('karakter').hasClass("s15")) {
				$('karakter1').setStyle({'background':'url(bilder/stjerne-full.png)'});
				$('karakter2').setStyle({'background':'url(bilder/stjerne-halv.png)'});
				$('karakter3').setStyle({'background':'url(bilder/stjerne-av.png)'});
				$('karakter4').setStyle({'background':'url(bilder/stjerne-av.png)'});
				$('karakter5').setStyle({'background':'url(bilder/stjerne-av.png)'});
			} else if ($('karakter').hasClass("s2")) {
				$('karakter1').setStyle({'background':'url(bilder/stjerne-full.png)'});
				$('karakter2').setStyle({'background':'url(bilder/stjerne-full.png)'});
				$('karakter3').setStyle({'background':'url(bilder/stjerne-av.png)'});
				$('karakter4').setStyle({'background':'url(bilder/stjerne-av.png)'});
				$('karakter5').setStyle({'background':'url(bilder/stjerne-av.png)'});
			} else if ($('karakter').hasClass("s25")) {
				$('karakter1').setStyle({'background':'url(bilder/stjerne-full.png)'});
				$('karakter2').setStyle({'background':'url(bilder/stjerne-full.png)'});
				$('karakter3').setStyle({'background':'url(bilder/stjerne-halv.png)'});
				$('karakter4').setStyle({'background':'url(bilder/stjerne-av.png)'});
				$('karakter5').setStyle({'background':'url(bilder/stjerne-av.png)'});
			} else if ($('karakter').hasClass("s3")) {
				$('karakter1').setStyle({'background':'url(bilder/stjerne-full.png)'});
				$('karakter2').setStyle({'background':'url(bilder/stjerne-full.png)'});
				$('karakter3').setStyle({'background':'url(bilder/stjerne-full.png)'});
				$('karakter4').setStyle({'background':'url(bilder/stjerne-av.png)'});
				$('karakter5').setStyle({'background':'url(bilder/stjerne-av.png)'});
			} else if ($('karakter').hasClass("s35")) {
				$('karakter1').setStyle({'background':'url(bilder/stjerne-full.png)'});
				$('karakter2').setStyle({'background':'url(bilder/stjerne-full.png)'});
				$('karakter3').setStyle({'background':'url(bilder/stjerne-full.png)'});
				$('karakter4').setStyle({'background':'url(bilder/stjerne-halv.png)'});
				$('karakter5').setStyle({'background':'url(bilder/stjerne-av.png)'});
			} else if ($('karakter').hasClass("s4")) {
				$('karakter1').setStyle({'background':'url(bilder/stjerne-full.png)'});
				$('karakter2').setStyle({'background':'url(bilder/stjerne-full.png)'});
				$('karakter3').setStyle({'background':'url(bilder/stjerne-full.png)'});
				$('karakter4').setStyle({'background':'url(bilder/stjerne-full.png)'});
				$('karakter5').setStyle({'background':'url(bilder/stjerne-av.png)'});
			} else if ($('karakter').hasClass("s45")) {
				$('karakter1').setStyle({'background':'url(bilder/stjerne-full.png)'});
				$('karakter2').setStyle({'background':'url(bilder/stjerne-full.png)'});
				$('karakter3').setStyle({'background':'url(bilder/stjerne-full.png)'});
				$('karakter4').setStyle({'background':'url(bilder/stjerne-full.png)'});
				$('karakter5').setStyle({'background':'url(bilder/stjerne-halv.png)'});
			} else if ($('karakter').hasClass("s5")) {
				$('karakter1').setStyle({'background':'url(bilder/stjerne-full.png)'});
				$('karakter2').setStyle({'background':'url(bilder/stjerne-full.png)'});
				$('karakter3').setStyle({'background':'url(bilder/stjerne-full.png)'});
				$('karakter4').setStyle({'background':'url(bilder/stjerne-full.png)'});
				$('karakter5').setStyle({'background':'url(bilder/stjerne-full.png)'});
			}
		}
		
		$('karakter1').observe('mouseover', function() {
			$('karakter1').setStyle({'background':'url(bilder/stjerne-full.png)'});
			$('karakter2').setStyle({'background':'url(bilder/stjerne-av.png)'});
			$('karakter3').setStyle({'background':'url(bilder/stjerne-av.png)'});
			$('karakter4').setStyle({'background':'url(bilder/stjerne-av.png)'});
			$('karakter5').setStyle({'background':'url(bilder/stjerne-av.png)'});
		});
		
		$('karakter2').observe('mouseover', function() {
			$('karakter1').setStyle({'background':'url(bilder/stjerne-full.png)'});
			$('karakter2').setStyle({'background':'url(bilder/stjerne-full.png)'});
			$('karakter3').setStyle({'background':'url(bilder/stjerne-av.png)'});
			$('karakter4').setStyle({'background':'url(bilder/stjerne-av.png)'});
			$('karakter5').setStyle({'background':'url(bilder/stjerne-av.png)'});
		});
		
		$('karakter3').observe('mouseover', function() {
			$('karakter1').setStyle({'background':'url(bilder/stjerne-full.png)'});
			$('karakter2').setStyle({'background':'url(bilder/stjerne-full.png)'});
			$('karakter3').setStyle({'background':'url(bilder/stjerne-full.png)'});
			$('karakter4').setStyle({'background':'url(bilder/stjerne-av.png)'});
			$('karakter5').setStyle({'background':'url(bilder/stjerne-av.png)'});
		});
		
		$('karakter4').observe('mouseover', function() {
			$('karakter1').setStyle({'background':'url(bilder/stjerne-full.png)'});
			$('karakter2').setStyle({'background':'url(bilder/stjerne-full.png)'});
			$('karakter3').setStyle({'background':'url(bilder/stjerne-full.png)'});
			$('karakter4').setStyle({'background':'url(bilder/stjerne-full.png)'});
			$('karakter5').setStyle({'background':'url(bilder/stjerne-av.png)'});
		});
		
		$('karakter5').observe('mouseover', function() {
			$('karakter1').setStyle({'background':'url(bilder/stjerne-full.png)'});
			$('karakter2').setStyle({'background':'url(bilder/stjerne-full.png)'});
			$('karakter3').setStyle({'background':'url(bilder/stjerne-full.png)'});
			$('karakter4').setStyle({'background':'url(bilder/stjerne-full.png)'});
			$('karakter5').setStyle({'background':'url(bilder/stjerne-full.png)'});
		});
		
		$('karakter_bak').observe('mouseout', function() {
			resetkarakter();
		});
		
		function settkarakter(karakter) {
			$('progress').setStyle({'display':'default'});
			new Ajax.Updater('karakter_bak', 'ajax/karakter', {
				parameters: { karakter: karakter, url: $('karakterskjema').getAttribute('action')}
			});
			$('karakter_bak').insert({after:'<p>Din stemme er registrert!</p>'});
			$('progress').setStyle({'display':'none'});
		}
		
		$('karakter1').observe('click', function() { settkarakter(1); });
		$('karakter2').observe('click', function() { settkarakter(2); });
		$('karakter3').observe('click', function() { settkarakter(3); });
		$('karakter4').observe('click', function() { settkarakter(4); });
		$('karakter5').observe('click', function() { settkarakter(5); });
		
		resetkarakter();
	
	}

});