// JavaScript Document
document.observe('dom:loaded', function () { funkkarit(); });
function funkkarit() {
	keskitys();
	ylamenu();
	//ylamenu2();
	lahetakortti();
	siveltimensanoja();
	
	menuover1 = new Image(); 
	menuover2 = new Image(); 
	menuover3 = new Image(); 
	menuover4 = new Image(); 
	menuover5 = new Image(); 
	menuover6 = new Image(); 
	menuover7 = new Image(); 
	menuover8 = new Image(); 
	menuover9 = new Image(); 
	menuover1.src = "/images/ylavalikko/1.png";
	menuover2.src = "/images/ylavalikko/2.png";
	menuover3.src = "/images/ylavalikko/3.png";
	menuover4.src = "/images/ylavalikko/4.png";
	menuover5.src = "/images/ylavalikko/5.png";
	menuover6.src = "/images/ylavalikko/6.png";
	menuover7.src = "/images/ylavalikko/7.png";
	menuover8.src = "/images/ylavalikko/8.png";
	menuover9.src = "/images/ylavalikko/9.png";
	
}
function keskitys() {
window.scrollBy(-20000,0);

skrolli = $$('.bg')[0].getWidth() - document.viewport.getWidth();
skrolli = skrolli / 2;
window.scrollBy(skrolli,0);

}

function ylamenu() {
	if(!$('ylamenu')) return false;
	
	
	$$('#ylamenu .linkki').each(function(s,key) {
	
		if(s.down(0).id == 'menuActive') {
			activeID = s.id;
		}
	
		s.observe('mouseenter', function(){
			s.down(0).addClassName('over');
			
			$(activeID).down(0).id = "";
		});
		s.observe('mouseleave', function(){
			s.down(0).removeClassName('over');
			$(activeID).down(0).id = 'menuActive';
		});
		
		
		
	});

	
	
}

function ylamenu2() {
	if(!$('ylamenu')) return false;
	
	
	activeDiv = new Element('div',{'id':'activediv'});
	activeDiv.setStyle({display: 'block'});
	i = 1;
	activePosition = 0;
	activeText = "";
	activeClass="";
	$$('#ylamenu .linkki').each(function(s,key) {
	
	
		if(s.down(0).id=='menuActive') {
			activePosition = s.positionedOffset()[0];
			activeText = s.down(0).innerHTML;
			activeClass = s.id;

			activeDiv.addClassName(activeClass);
			
			new Effect.Move(activeDiv,{x: s.positionedOffset()[0], mode:'absolute', duration: 0.4});
			activeDiv.innerHTML = s.down(0).innerHTML;
		}
		
		s.observe('mouseenter', function(){
			activeDiv.addClassName(s.id);
			new Effect.Move(activeDiv,{x: s.positionedOffset()[0], mode:'absolute', duration: 0.4});
			activeDiv.innerHTML = s.down(0).innerHTML;

		});
		s.observe('mouseleave', function(){
			activeDiv.classNames().each(function(k) {
				activeDiv.removeClassName(k);
			}); 
			activeDiv.addClassName(activeClass);
			new Effect.Move(activeDiv,{x: activePosition, mode:'absolute', duration: 0.4});
			activeDiv.innerHTML =activeText;
		
		});
		
		i++;
		
		
	});
		
		
	$('ylamenu').insert(activeDiv);
	
	
}



function lahetakortti() {
	if($('laheta_kortti')) {
		$$('input.korttiradio')[0].checked = true;
		
		$('laheta_kortti').action = "/modules/forms/submit.php";
		
		
		$('esikatsele').observe('click', function(){
		//	$('omanimi').value = $('omanimi').value.stripTags().stripScripts();
			if(!$('omanimi').value) {
				alert('Täytä: Oma nimi');
				return false;
			}

			var reg = /<\w+(\s+("[^"]*"|'[^']*'|[^>])+)?>|<\/\w+>/gi;
			
			if(reg.test($('omanimi').value) == true) {
				alert('Teksti ei saa sisältää html-koodia');
				return false;
			}
			
			if(reg.test($('omatervehdys').value) == true) {
				alert('Teksti ei saa sisältää html-koodia');
				return false;
			}
			
			
			//$('omatervehdys').value = $('omatervehdys').value.stripTags().stripScripts();
		
			$('laheta_kortti').hide();
			$('esikatselu').innerHTML = "";
			$('esikatselu').show();
			$('lomakkeeseen').show();;
			$('jakoon').show();
			
			$$('input.korttiradio').each(function(s){
				if(s.checked) {
					kortti = new Element('img',{'class':'korttikuva', 'src':'/images/kortit/'+s.id+'.jpg'});
					kortinteksti = new Element('div',{'class':'korttiteksti'});
					kortinomateksti = new Element('div',{'class':'kortinomateksti'});
					kortinlahettaja = new Element('div',{'class':'kortinlahettaja'});
					
					kortinteksti.insert($('kortinteksti').value); 
					kortinomateksti.insert($('omatervehdys').value); 
					kortinlahettaja.insert($('omanimi').value); 
					
					$('esikatselu').insert(kortti);
					$('esikatselu').insert(kortinteksti);
					$('esikatselu').insert(kortinomateksti);
					$('esikatselu').insert(kortinlahettaja);
				}
			});
			
		});
		
		$('lomakkeeseen').observe('click', function(){
			$('laheta_kortti').show();
			$('esikatselu').hide();
			$('lomakkeeseen').hide();
			$('jakoon').hide();
		});
		$('jakoon').observe('click', function(){
			$('omatervehdys').value = $('omatervehdys').value.stripTags().stripScripts();
			$('omanimi').value = $('omanimi').value.stripTags().stripScripts();
			$('laheta_kortti').request({
				onComplete: function(){
					window.location = 'Kortti?'+$('kortinhash').value+'#share';
				}
			});
		});
	}
	if($('jakolinkit')) {
	
		if(location.hash == '#share') {
			location.hash = "";
			jakolinkit();
			$('shareotsikko').show();
		}
	
		$('jaakortti').observe('click', function(){
			jakolinkit();
		});
		$('urlosoite').observe('click', function(){
			this.focus();
			this.select();
		});
		$('jakolinkitsulje').observe('click', function(){
			jakolinkit();
		});
		$('lahetakortti').observe('click', function(){
			$('emailcontent').appear({duration: 0.5});
			$('emailoverflow').setStyle({opacity: '0.7'}).show();
			
		});
		$('closeButton').observe('click', function(){
			$('emailcontent').hide();
			$('emailoverflow').hide();
		});
		
		$('laheta').observe('click', function(){
			emailerr = 0; 
			emails = 0;
			if($('omaemail').value.blank()) {
				$('omaemail').addClassName('emailerror');
				alert('Täytä oma sähköposti');
				return false;
			}
			
			$$('input.email').each(function(s) {
			
				s.removeClassName('emailerror');
				
				if(!s.value.blank()) {
					var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
					var address = s.value;
					if(reg.test(address) == false) {
						s.addClassName('emailerror');
						emailerr++;
					}
				}
				
				if(s.id != "omaemail" && s.value) {
					emails++;
				}
				
				
			});
			
			if(emails == 0) {
				alert('Täytä vähintään yhden vastaanottajan sähköpostikenttä');
				return false;
			}
			
			if(emailerr != 0) {
				alert('Täytä sähköpostikentät oikein');
				return false;
			}
		
			$('lahetasahkopostilla').request({
				onSuccess: function(transport){
				
					lahetysonnistui = new Element('div',{'id':'lahetysonnistui'});
					suljelahetys = new Element('a',{'id':'suljelahetys', 'href':'javascript:void(0)'});
					
					suljelahetys.observe('click', function(){
						$('emailcontent').hide();
						$('emailoverflow').hide();
					});
					
					lahetysonnistui.hide();
					suljelahetys.insert('tästä');
					lahetysonnistui.insert('Lähetys onnistui! <br />Voit sulkea ikkunan ');
					lahetysonnistui.insert(suljelahetys);
					
					$('emailcontent').insert(lahetysonnistui);
					
					$('lahetasahkopostilla').fade({duration: 0.5, afterFinish: function() {
						$('lahetysonnistui').appear({duration: 0.5});
					}});
				
				
				},
				onFailure: function(transport){
					alert('Lähetys epäonnistui, yritä myöhemmin uudestaan');
				}
			});
		});
	
	}
	
}

function jakolinkit() {
	if($('jakolinkit').getStyle('display') == 'none') {
		Effect.SlideDown('jakolinkit',{duration: 0.5});
	}
	else {
		//Effect.SlideUp('jakolinkit',{duration: 0.5});
		$('jakolinkit').hide();
	}
}


function sharelink(url){
 window.open(url, "sharewindow", "location=1,status=1,scrollbars=1,width=1000,height=600");
   
}

function siveltimensanoja() {

	if(!$('forminsisalto')) return false;

	new Ajax.Request('/Siveltimella-Sanottua?form', {
				method: 'get',
				onSuccess: function(transport) {
					$('sivellinform').innerHTML = transport.responseText;
				}
			});
		viestisivutus();
	
}
function viestisivutus() {
	i = 1;
	p = 0;
	k = 0;
	
	viestit = new Element('div',{'class':'viestit'});
	
	$$('div.viesti').each(function(s) {
	
		if(k > 20)
		 {
			numero = new Element('a',{'id':'numero_'+p, 'class':'numero', 'href':'javascript:viestinvaihto('+p+')'});
			numero.insert(i);
			
			$('siveltiminsanottu').insert(viestit);
			
			viestit = new Element('div',{'class':'viestit'});
			viestit.hide();
			i++;
			p++;
			k = 0;
			
			$('numeroita').insert(numero);
		 }
		
		viestit.insert(s);
		k++;
		
	});
	$$('.viestit')[0].show();
	$('numero_0').addClassName('active');
}
function viestinvaihto(sivu) {
	$$('.viestit').each(function(s){
		s.hide();
	});
	
	$$('.numero').each(function(s){
		s.removeClassName('active');
	});
	
	$('numero_'+sivu).addClassName('active');
	
	$$('.viestit')[sivu].appear({duration: 0.7});
	
}

function sivellinlaheta() {
	err = 0;
	$$('#siveltimen_sanoja input','#siveltimen_sanoja textarea').each(function(s){
		s.removeClassName('emailerror');
		if(s.value.blank()) {
			err++;
			s.addClassName('emailerror');
		}
		
		s.value = s.value.stripTags();
		
	});
	
	if(err != 0) {
		alert('Täytä kaikki lomakkeen kentät!');
		return false;
	}
	

	$('siveltimen_sanoja').request({
		onSuccess: function(transport){
			$('siveltimen_sanoja').fade({duration: 0.5, afterFinish: function() {
				$('kiitosviestista').appear({duration: 0.5});
			}});
		},
		onComplete: function(transport) {
			new Ajax.Request('/Siveltimella-Sanottua?ajax', {
				method: 'get',
				onSuccess: function(transport) {
					$('siveltiminsanottu').innerHTML = transport.responseText;
					$('siveltiminsanottu').hide();
					$('siveltiminsanottu').appear({duration: 1.0});
					viestisivutus();
					
				}
			});
		},
		onFailure: function(transport){
					alert('Lähetys epäonnistui, yritä myöhemmin uudestaan');
		}
		});
}