var story;

$(function() {	
	$('.box').hover(function() {
		$('.overlay').hide();
		var id = this.id.split('_box')[0];
			$('#'+id+'_overlay').show().css('opacity', 0.9);	
	}, function() { })
	$('.overlay').hoverIntent(function() { }, function() {
		$(this).hide();
	});
});

function is_valid_email(e) {
	var pattern = new RegExp(/^(("[\w-\s]+")|([\w-]+(?:\.[\w-]+)*)|("[\w-\s]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9]{1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\]?$)/i);
	return pattern.test(e);
}

function center_container() {
	$('.container').css('height', 'auto');
	var newMargin = -Math.round($('.container').height()/2);
	$('.container').css('marginTop', newMargin+'px');
}

function story_download(n) {
	story = n;
	$('body').append('<div id="drop"></div>');
	$('#drop').show().css('opacity', '0.75').bind('click', function() {
		cancel_download();
		return false;
	});

	$('body').append('<div class="container"></div>');
	
	var scrollCoordinate = $('.table_cc_pioneer').offset().top+200;
	
	$.scrollTo(scrollCoordinate+'px');	
	
	$('.container').html(
		'<div class="close"><a href="#" onclick="cancel_download(); return false">X</a></div>'+
		'<div id="download_text" style="float: left">'+
		'<strong>Story: <em>'+stories[story]['title']+'</em></strong><br/><br/>'+
		stories[n]['download_text']+'</div>'+
		'<img src="/app/assets/images/cc_icon.png" width="75" height="75" alt="" title="" style="float: right; margin-bottom: 15px" />'+
		'<div class="clear"></div></span>'+
		'<span id="error"></span>'+
		'<span id="output"></span>'+
		'<span id="inputs"><input type="text" id="download_input" class="text" name="email" value="your email address" onfocus="story_download_focus();" onblur="story_download_blur();" />'+
		'<input type="image" id="download_submit" src="/app/assets/images/submit_button.png" class="button" name="submit" value="submit" onclick="story_download_submit(); return false" />'+
		'<div class="clear"></div></span>'
	);
	
	$('#download_input').keypress(function(e){
		if(e.which == 13){
			story_download_submit();
		}
	});
      
	center_container();
}

function story_download_focus() {		
	if ($('#download_input').val() == 'your email address') {
		$('#download_input').val('');
	}
}

function story_download_blur() {		
	if ($('#download_input').val() == '') {
		$('#download_input').val('your email address');
	}
}


function story_share_email_focus() {		
	if ($('#share_input_email').val() == 'your email address') {
		$('#share_input_email').val('');
	}
}

function story_share_email_blur() {		
	if ($('#share_input_email').val() == '') {
		$('#share_input_email').val('your email address');
	}
}

function story_share_name_focus() {		
	if ($('#share_input_name').val() == 'your name') {
		$('#share_input_name').val('');
	}
}

function story_share_name_blur() {		
	if ($('#share_input_name').val() == '') {
		$('#share_input_name').val('your name');
	}
}

function story_share_to_focus() {		
	if ($('#share_textarea_to').val() == 'Your friends email addresses (separated by commas)') {
		$('#share_textarea_to').val('');
	}
}

function story_share_to_blur() {		
	if ($('#share_textarea_to').val() == '') {
		$('#share_textarea_to').val('Your friends email addresses (separated by commas)');
	}
}

function story_share_msg_focus() {		
	if ($('#share_textarea_msg').val() == 'Optional message to your friends') {
		$('#share_textarea_msg').val('');
	}
}

function story_share_msg_blur() {		
	if ($('#share_textarea_msg').val() == '') {
		$('#share_textarea_msg').val('Optional message to your friends');
	}
}

function story_download_submit() {
	var e=$('#download_input').val();
	if (!is_valid_email(e)) {
		$('#error').html('<br/>That doesn\'t look like a valid email address. Please try again.<br/>&nbsp;');
		return false;
	} else {
		$('#error').html('');
		var es = e.split('@'); 
		$.getJSON('/app/stories/request/'+stories[story].id+'/'+es[0]+'/'+es[1], function(r) {
			if (r.response == 'OK') {
				$('#output').html('<span class="download"><a href="#" onclick="story_download_start(\''+r.output+'\'); return false" target="_new">Download story</a> (PDF)</span>');
				$('#inputs').html('');
			} else {
				$('#error').html(r.output+'<br/><br/>&nbsp;');
			}
		});
	}
}

function story_share_submit() {
	var n=$('#share_input_name').val();
	var e=$('#share_input_email').val();
	var to=$('#share_textarea_to').val().replace(/\n/g, '').replace(/\r/g, '').replace(/\s/g, '');
	
	if (n.length<1 || n=='your name') {
		$('#error').html('Please enter your name so we can email on your behalf.<br/><br/>&nbsp;');
		return false;			
	}
	
	if (!is_valid_email(e)) {
		$('#error').html('Your address doesn\'t look like a valid email address. Please try again.<br/><br/>&nbsp;');
		return false;
	} 
	
	if ($('#share_textarea_to').val()=='Your friends email addresses (separated by commas)') {
			$('#error').html('Please enter at least one email address <br/><br/>&nbsp;');
			return false;			
	}
	
	to = to.split(',');
	for(var t=0; t<to.length; t++) {
		if (!is_valid_email(to[t])) {
			$('#error').html('The address <em>'+to[t]+'</em> doesn\'t look like a valid email address. Please try again.<br/><br/>&nbsp;');
			return false;		
		}
	}

	$('#error').html('');
	
	data = {};
	data.n = n;
	data.e = e;
	data.to = to=$('#share_textarea_to').val();
	data.msg = $('#share_textarea_msg').val();
	if ($('#share_input_copy').is(':checked')) {
		data.copy = true;
	} else  {
		data.copy = false;
	}
	
	$.post('/app/stories/share/'+stories[story].id, data, function(r) {
		if (r.response == 'OK') {
/* 			if ($('#share_input_copy').is(':checked')) { */
				$('#output').html('Thanks! Your message has been sent to your friends.<br/>Download your own copy from the link below:<br/><br/><span class="download"><a href="#" onclick="story_download_start(\''+r.output+'\'); return false" target="_new">Download story</a> (PDF)</span>');
				$('#inputs').html('');
/*
			} else {
			
			}
*/

		} else {
			$('#error').html(r.output+'<br/><br/>&nbsp;');
		}
		center_container();
	}, 'json');	
	
}

function story_download_start(f) {
	$('.container').html(
		'<div class="close"><a href="#" onclick="cancel_download(); return false">X</a></div>'+
		'<div id="download_text" style="float: left; width: 360px">'+
		'<div id="download_cover" style="float: left"><img src="/app/assets/images/cc_cover.png" width="80" height="117" alt="" title="" /></div>'+
		'<div id="download_text_text" style="float:right; width: 260px">'+
		'<strong>Thank You!</strong><br/><br/>If you enjoyed this story you may like the rest of What\'s Mine is Yours.<br/><br/><span class="order">Purchase from <a href="http://www.amazon.com/gp/product/0061963542?ie=UTF8&tag=cc0dbc-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0061963542">Amazon</a>, <a href="http://www.borders.com/online/store/TitleDetail?sku=0061963542">Borders</a>, <a href="http://search.barnesandnoble.com/Whats-Mine-Is-Yours/Rachel-Botsman/e/9780061963544">Barnes and Noble</a>, or <a href="http://800ceoread.com/book/show/9780061963544-What_s_Mine_Is_Yours">800ceoread</a></div>'+
		'<div class="clear"></div></div>'+
		'<img src="/app/assets/images/cc_icon.png" width="75" height="75" alt="" title="" style="float: right; margin-bottom: 15px" />'+
		'<div class="clear"></div>'
	);
	center_container();
	setTimeout("window.location.href='"+f+"'", 500);
}

function cancel_download() {
	$('.container').remove();
	$('#drop').remove();
}

function story_share(n) {
	story = n;
	$('body').append('<div id="drop"></div>');
	$('#drop').show().css('opacity', '0.75').bind('click', function() {
		cancel_download();
		return false;
	});

	$('body').append('<div class="container"></div>');
	
	var scrollCoordinate = $('.table_cc_pioneer').offset().top+200;
	
	$.scrollTo(scrollCoordinate+'px');	
	
	$('.container').html(
		'<div class="close"><a href="#" onclick="cancel_download(); return false">X</a></div>'+
		'<div id="share_text" style="float: left">'+
		'<strong>Story: <em>'+stories[story]['title']+'</em></strong><br/><br/>'+
		stories[n]['share_text']+'</div>'+
		'<img src="/app/assets/images/cc_icon.png" width="75" height="75" alt="" title="" style="float: right; margin-bottom: 15px" />'+
		'<div class="clear"></div></span>'+
		'<span id="error"></span>'+
		'<span id="output"></span>'+
		'<span id="inputs"><div id="share_fields"><input type="text" id="share_input_name" class="text" name="name" value="your name" onfocus="story_share_name_focus();" onblur="story_share_name_blur();" />'+
		'<input type="text" id="share_input_email" class="text" name="email" value="your email address" onfocus="story_share_email_focus();" onblur="story_share_email_blur();" />'+
		'<textarea id="share_textarea_to" class="text" name="to" onfocus="story_share_to_focus();" onblur="story_share_to_blur();">Your friends email addresses (separated by commas)</textarea>'+
		'<textarea id="share_textarea_msg" class="text" name="msg"  style="height: 140px"onfocus="story_share_msg_focus();" onblur="story_share_msg_blur();">Optional message to your friends</textarea>'+

		'</div><br/>'+
		'<div><span style="vertical-align: center; height: 30px; float: left"><input type="checkbox" id="share_input_copy" name="send_copy" value="copy" checked="checked" /> Send me a copy</span>'+
		'<input type="image" id="shares_submit" src="/app/assets/images/submit_button.png" class="button" name="submit" value="submit" onclick="story_share_submit(); return false" style="float: right" />'+ 
 		'<div class="clear"></div></span></div></span>'
	).css('height', 'auto');
	
	$('#share_input_name, #share_input_email').keypress(function(e){
		if(e.which == 13){
			story_share_submit();
		}
	});
      
	center_container();
}