$(document).ready(function() {
	resizePreviewBox();
	//alert("test:"+referring_website);
	if(referring_website == 'http://speedsy.com/platform.php'){
		$('#service_created_message').css('display','block');
	}else if(referring_website.indexOf('http://speedsy.com/platform.php?edit=') != -1){
		$('#service_updated_message').css('display','block');	
	}
});

function resizePreviewBox(){
	if($('#alert_preview_box')){
		var content = $('#alert_preview_content');
		$('#alert_preview_box').css('height',$(content).height()+22);
		$('#preview_holder').css('display','block');
	}
}


var service_array = new Array("tumblr","twitter","gmail","facebook","blipfm","imgfave","redditinbox","googlewave");
var default_service;
var changer;
var referring_website = document.referrer;

if (document.referrer.indexOf('reddit') != -1 || location.href.indexOf('reddit') != -1){
	var default_service = 'redditinbox';
}else if (document.referrer.indexOf('blipfm') != -1 || location.href.indexOf('blipfm') != -1){
	var default_service = 'blipfm';
}else if (document.referrer.indexOf('wave.google') != -1 || location.href.indexOf('googlewave') != -1){
	var default_service = 'googlewave';
}else if (document.referrer.indexOf('twitter') != -1 || location.href.indexOf('twitter') != -1){
	var default_service = 'twitter';
}else if (document.referrer.indexOf('tumblr') != -1 || location.href.indexOf('tumblr') != -1){
	var default_service = 'tumblr';
}else if (document.referrer.indexOf('facebook') != -1 || location.href.indexOf('facebook') != -1){
	var default_service = 'facebook';
}else if (document.referrer.indexOf('mail.google') != -1 || location.href.indexOf('gmail') != -1){
	var default_service = 'gmail';
}else if (document.referrer.indexOf('imgfave') != -1 || location.href.indexOf('imgfave') != -1){
	var default_service = 'imgfave';
}else{
	var default_service = 'tumblr';
}

var current_index = 0;

current_index = getServiceIndex(default_service);
show(service_array[current_index],false,false);

changer = setInterval(next_service_image,6000);

// If the user has the extension installed
if (location.href.indexOf('#welcome') != -1 || location.href.indexOf('#version_') != -1 || location.href.indexOf('#update') != -1){
	//document.getElementById('subheader').style.display = "none";
	document.getElementById('added_welcome_message').style.display = "block";
	
	// ALWAY keep this version number up to date
	if(location.href.indexOf('#version_.66') == -1 || location.href.indexOf('#update') != -1){
		// Have it show a box with a link to download the new update
		//alert('Your Speedsy is out of date. Go to your Add-ons menu and click "Find Updates" to get the latest version of Speedsy.');
		document.getElementById('out_of_date').style.display = "block";
	}
	
	window.location.hash = "#";
}

function show(service,clear_interval,clicked_service_link){
	if(clicked_service_link == true){
		$('#image_holder').css('display','block');
		$('#preview_holder').css('display','none');
	}
	document.getElementById('image_holder').innerHTML = '<img src="/images/'+service+'.png">';
	if (clear_interval == true) clearInterval(changer);
	if(clicked_service_link != false){
		setTimeout(function(){clicky.log('click/service_link','clicked a service link')},3000);
	}
}

function next_service_image(){
	if (current_index == 7) {
		current_index = 0;
	}else{
		current_index = current_index+1;
	}
	show(service_array[current_index],false,false);
}

function getServiceIndex(name) {
	var theindex = -1;
	for (i=0; i < service_array.length; i++) {
		if (service_array[i] == name) {
			theindex = i;
			break;
		}
	}
	return theindex;
}

function showInstallHelper(action){
	var fadeout = document.getElementById('fadeout');
	fadeout.style.display = 'block';
	fadeout.style.position = 'fixed';
	if(action=='update'){
		var install_helper = document.getElementById('update_helper');
	}else{
		var install_helper = document.getElementById('install_helper');
	}
	install_helper.style.display = 'block';
	scroll(0,0);
	
	if(action=='update'){
		setTimeout(function(){clicky.log('click/update_button','clicked update button')},3000);
	}else{
		setTimeout(function(){clicky.log('click/install_button','clicked install button')},3000);
	}
	
	var browser=navigator.userAgent.toLowerCase();
	if(browser.indexOf('firefox') == -1){
		alert("This add-on only works with Firefox currently. Try it in Firefox, or follow us on Twitter or Facebook to find out when we release versions for other browsers.");
	}
}

function invite_input_focus(){
	var input = document.getElementById('beta_signup_input');
	input.setAttribute('class', 'focused');
	if(input.getAttribute('value') == 'Enter your email to request an invite'){
		input.setAttribute('value', '');
	}
}

function submit_email(){
	var email = document.getElementById('beta_signup_input').value;

	if (email.indexOf('@') == -1){
		alert("The email address you entered is not valid.");
		return;
	}

	var req = new XMLHttpRequest();  
	req.onreadystatechange = function(){ 
	   	if(req.status == 200 && req.readyState == 4){
			// do nothing
		}
	}
	
	req.open('GET', 'http://speedsy.com/beta_signup.php?e='+email+'&r='+referring_website, true);   
   	req.send(null);

	document.getElementById('beta_signup').innerHTML = '<div style="font-size:16px; text-align:center; padding-top:4px;">You have signed up to receive an invite. Have a good day!</div>';
}

image1 = new Image();
image1.src = "/images/facebook.png";

image2 = new Image();
image2.src = "/images/redditinbox.png";

image3 = new Image();
image3.src = "/images/gmail.png";

image4 = new Image();
image4.src = "/images/googlewave.png";

image5 = new Image();
image5.src = "/images/blipfm.png";

image6 = new Image();
image6.src = "/images/twitter.png";

image7 = new Image();
image7.src = "/images/tumblr.png";

image8 = new Image();
image8.src = "/images/imgfave.png";