var divisions = new Array("entries","family","learning","information-overload","digital-life","relationships","avatar-stories","six-word-stories");
var publicdivisions = new Array("Recent Stories","Family","Learning","Information Overload","Digital Life","Relationships","Avatar Stories","Six Word Stories");
var storyup = false;
var currentid = 0;

function share_load (target) {
	var url = "_questions/" + target + ".xml";
	$.ajax({
		type: "GET",
		url:  url,
		dataType: "xml",
		success: function(xml) {			
			var embedded = $(xml).find('rec').text();
			$("#questionarea").hide();
			$("#questionarea").html(embedded);
			$("#questionarea").fadeIn(1000);
		}
	});
}

function story_render (targetfile) {
	$.ajax({
		type: "GET",
		url:  targetfile + '.xml',
		dataType: "xml",
		success: function(xml) {
			var special = new Array();
			var normal = new Array();
			var specialadd = 0;
			$(xml).find('rec').each(function(){
				var thisrec = new Object();
				thisrec.title = $(this).find("tit").text();			
				thisrec.area = $(this).attr("typ");
				thisrec.id = $(this).attr("id");
				thisrec.description = $(this).find("dsc").text();
				thisrec.thumbnail = $(this).find("tmb").text();
				thisrec.fav = $(this).attr("fav");
				if(thisrec.fav == "1" && specialadd < 2){
					special.push(thisrec);
					specialadd++;
				} else {
					normal.push(thisrec);
				}
			});
			$("#storylarge").hide();
			$("#storymain").hide();
			var sidenav = '<ul class="storynav">';
			for(var y = 0; y < divisions.length; y++){
				if(divisions[y] == targetfile){
					sidenav += '<li class="navon">' + publicdivisions[y] + '</li>';
				} else {
					sidenav += '<li class="nav" onclick="story_render(\'' + divisions[y] + '\')"><a href="javascript:void(0)" onclick="story_render(\'' + divisions[y] + '\')">' + publicdivisions[y] + '</a></li>';
				}
			}
			sidenav += '</ul>';
			$("#storynav").html(sidenav);
			var specialstuff = '';
			var normalstuff = '';
			if(special.length < 2){
				special.push(normal.shift());
			}
			if(special.length < 2){
				special.push(normal.shift());
			}
			for(var n = 0; n < normal.length; n++){
				normalstuff += '<span class="boxinner"><a href="javascript:void(0)" onmouseover="story_preview(' + normal[n].id + ',\'' + escape(normal[n].title) + '\',\'' + normal[n].area + '\',\'' + escape(normal[n].description) + '\');" onmouseout="story_previewoff()" onclick="story_display(' + normal[n].id + ');" title="' + normal[n].title + '"><img src="' + normal[n].thumbnail + '" width="72" height="72" alt="" class="story_small" /></a><div id="p' + normal[n].id + '"></div></span>';
			}
			for(var s = 0; s < special.length; s++){
				specialstuff += '<span class="bigboxinner"><a href="javascript:void(0)" onmouseover="story_preview(' + special[s].id + ',\'' + escape(special[s].title) + '\',\'' + special[s].area + '\',\'' + escape(special[s].description) + '\');" onmouseout="story_previewoff()" onclick="story_display(' + special[s].id + ');" title="' + special[s].title + '"><img src="' + special[s].thumbnail + '" width="175" height="175" alt="" class="story_big" /></a><div id="p' + special[s].id + '"></div></span>';
			}
			$("#storylarge").html(specialstuff);
			$("#storymain").html(normalstuff);
			$("#storylarge").fadeIn(900);
			$("#storymain").fadeIn(900);
			
		}
	});
}

function story_preview (targetid,title,area,description) {
	if(!storyup){
		$("#p"+targetid).addClass("boxover");
		$("#p"+targetid).html('<span style="font-size: 16px">' + area + ': ' + unescape(title) + '<\/span><br \/> ' + unescape(description));
		$("#p"+targetid).click(function (){
			story_display(targetid);
		});
		currentid = targetid;
	}
}

function story_previewoff () {
	$("#p" + currentid).removeClass("boxover");
	$("#p" + currentid).html('');
}


function story_display (targetid) {
	$.ajax({
		type: "GET",
		url:  'records/' + targetid + '.xml',
		dataType: "xml",
		success: function(xml) {
			var emb = $(xml).find("emb").text();
			var title = $(xml).find("tit").text();
			var description = $(xml).find("dsc").text();
			var final = '<span class="mainover_closer" onclick="story_display_close()">CLOSE</span>';
			final += emb;
			final += '<p><span class="title">' + title + '</span><br />' + description + '</p>';
			document.getElementById('mainover').innerHTML = final;
			$("#mainover").fadeIn(400);	
			storyup = true;
		}
	});
}

function story_display_close () {
	$("#mainover").fadeOut(400, function () {
		document.getElementById('mainover').innerHTML = '';
		storyup = false;
	});
}


function story_form () {
	$("#outer").css( { height: $("#mainblock").height() + 70 + "px" });
	$("#outer").fadeIn("slow");
	
	var output = '<span class="form_closer" onclick="story_form_close()">CLOSE X</span><h2>Send us your stories</h2><p>To share a story of how digital technology is changing your world, follow these steps:<br /><span style="color: #555555">1. Upload your photo or video to a sharing site like YouTube or Flickr. Videos should be under 1 min in length.<br />2. Fill out the form below and send us a link to your work.</span></p><form action="http://cgi.entropymedia.com/actions/dignat_mail" method="post" onsubmit="return checksend(this);"><table cellpadding="0" border="0" cellspacing="0"><tr><td width="131">Screen Name&nbsp;</td><td width="287"><input type="text" name="screenname" size="23" /></td><td width="37" rowspan="7"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td><td width="156">Title&nbsp;</td><td width="343"><input type="text" name="title" size="23" /></td></tr><tr><td>E-mail address&nbsp;</td><td ><input type="text" name="email" size="23" /></td><td>Media type&nbsp;</td><td><select name="media" id="media"><option value="video">Video</option><option value="audio">Audio</option><option value="slideshow">Slideshow</option><option value="6words">6 words</option><option value="photo">Photo</option><option value="other">Other?</option></select></td></tr><tr><td>City&nbsp;(optional)&nbsp;</td><td ><input type="text" name="city" size="23" /></td><td>Link to your work&nbsp;</td><td><input type="text" name="link" size="23" id="link" /></td></tr><tr><td>Country&nbsp;(optional)&nbsp;</td><td><input type="text" name="country" size="23" /></td><td>Short description (160 character limit)&nbsp;</td><td><textarea name="description" rows="6" cols="25" id="desc"></textarea></td></tr><tr><td colspan="5">&nbsp;</td></tr></table><span style="text-align: center; display: block;"><input type="submit" class="subm" name="send" value="SEND &gt;" /></span></form>';
	$("#submitform").html(output);
	$("#submitform").fadeIn("slow");
	$("#submitform").css({ "left": (($("#mainblock").width() / 2) + 83) - 400 });
}

function story_form_close () {
	$("#submitform").fadeOut("slow", function () {
		$("#outer").fadeOut("slow");
		$("#submitform").html('');
	});
}

function checksend (thisform) {
	var submission = false;
	var passfail = true;
	var errstring = '';
	$(thisform).find(":input").each(function () {
		if(this.name == "sendtype"){
			submission = (this.value == "submission")? true:false;
		}	
		if(submission){
			if(this.name == "link" && this.value == ""){
				errstring += '\nPlease enter a link to your work';
				passfail = false;
			}
		}
		if(this.name == "email" && this.value == ""){
			errstring += '\nPlease enter your e-mail adddress';
			passfail = false;
		}
		if(this.name == "description" && this.value == ""){
			errstring += (submission)? '\nPlease enter a short description':'\nPlease enter a comment';
			passfail = false;
		}
	});
	if(!passfail){
		alert(errstring);
		return false;
	} else {
		return true;
	}
}

function checkform(thisfield) {
	if(thisfield.value == 'comment'){
		$("#formdesc").html('Comment&nbsp;');
		$("#tags").attr('disabled',true);
		$("#link").attr('disabled',true);
		$("#media").attr('disabled',true);
		$("#tags_name").css({ color: "#aaaaaa"});
		$("#media_name").css({ color: "#aaaaaa"});
		$("#link_name").css({ color: "#aaaaaa"});
	} else {
		$("#formdesc").html('Short description (160 character limit)&nbsp;');
		$("#tags").attr('disabled',false);
		$("#link").attr('disabled',false);
		$("#media").attr('disabled',false);
		$("#media_name").css({ color: "#414285"});
		$("#tags_name").css({ color: "#414285"});
		$("#link_name").css({ color: "#414285"});
	}
}



$(document).ready(function () {
	if(location.href.indexOf('?qid=') != -1){
		var targetid = location.href.substring(location.href.indexOf('?qid=') + 5,location.href.length);
		share_load(parseInt(targetid));
	} else {
		share_load(default_question);
	}
	if(location.href.indexOf('?p=') != -1){
		var targetid = location.href.substring(location.href.indexOf('?p=') + 3,location.href.length);
		story_display(parseInt(targetid));
	}
});