var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-8798911-1']);
_gaq.push(['_trackPageview']);

(function() {
  var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();

function init() {	
  var fb = document.getElementById('fb_share');
  fb.onclick=function(){
    window.open(fb.href,'sharer','toolbar=0,status=0,width=600,height=400');
    return false;
  }
  var tw = document.getElementById('tw_share');
  tw.onclick=function() {
    window.open(tw.href,'tweet','toolbar=0,status=0,width=600,height=400');
    return false;
  }
}

function getFusion() {
  var fused = document.getElementById('fused');
  var select1 = document.getElementById('select1');
  var select2 = document.getElementById('select2');
	var one = select1.selectedIndex+1;
	var two = select2.selectedIndex+1;
	var name = document.getElementById('hiddenprefix')[select1.selectedIndex].value + document.getElementById('hiddensuffix')[select2.selectedIndex].value
	document.getElementById('pic1').src = "http://images.alexonsager.net/pokemon/"+one+".png";
	document.getElementById('pic2').src = "http://images.alexonsager.net/pokemon/"+two+".png";
  
  document.getElementById('pk_name').innerHTML = name;
  document.getElementById('pk_img').src = "http://images.alexonsager.net/pokemon/fused/"+one+"/"+one+"."+two+".png";
  document.getElementById('fb_share').href = "http://www.facebook.com/sharer.php?u="+escape("http://alexonsager.net/pokemon/?one="+one+"&two="+two);
  document.getElementById('tw_share').href = "http://twitter.com/share?text="+escape("Pokemon Fusion: Automatically fuse two pokemon to create an entirely different creature. Check out "+name+":")+"&url="+escape("http://alexonsager.net/pokemon?one="+one+"&two="+two);
  document.getElementById('permalink').value = "http://alexonsager.net/pokemon/?one="+one+"&two="+two;
  document.getElementById('scoremessage').style.display = "none";
  document.getElementById('score').style.display = "block";

}

function swap() {
  var select1 = document.getElementById('select1');
  var select2 = document.getElementById('select2');
  pokego(select2.selectedIndex+1, select1.selectedIndex+1);
}

function pokego(one, two) {
  var select1 = document.getElementById('select1');
  var select2 = document.getElementById('select2');
	if (one != 0) select1.selectedIndex = one-1;
	if (two != 0) select2.selectedIndex = two-1;
  getFusion();
}

function vote(v) {
  var select1 = document.getElementById('select1');
  var select2 = document.getElementById('select2');
  id = (select1.selectedIndex+1)+"."+(select2.selectedIndex+1);
	key = document.getElementById('key').innerHTML;

  if (window.XMLHttpRequest) { // code for IE7+, Firefox, Chrome, Opera, Safari
	  xmlhttp=new XMLHttpRequest();
	} else { // code for IE6, IE5
	  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
	}
	xmlhttp.open("GET", "vote.php?id="+id+"&v="+v+"&p="+key, true);
  xmlhttp.send();
  document.getElementById('scoremessage').innerHTML = 'Saving vote...';
  document.getElementById('score').style.display = "none";
  document.getElementById('scoremessage').style.display = "block";

  xmlhttp.onreadystatechange=function() {
    if (xmlhttp.readyState==4 && xmlhttp.status==200) {
      document.getElementById('scoremessage').innerHTML = xmlhttp.responseText;
    }
  }
}

document.onload = init();