// JavaScript Document
var extras_function = function () {

}

var extra_function = function () {

}

function $(id) {
	var object = document.getElementById(id);
	return object;
}

function full(img) {
	document.getElementById("full_image").src = img;
}

function swapImage(img, src) {
	document.getElementById(img).src = src;
}

//Process the xml data
function xml2array(xml) {
	var array = new Object;
		array.topic = new Array();
		
	var parent = xml.getElementsByTagName('topic');
	var parent_length=parent.length;
	for(var i=0; i<parent_length; i++) {
		var children = parent[i].childNodes;
		if(!array.topic[i]) { array.topic[i] = new Array(); }
		array.topic[i].entry = new Array();
		var index = 0;
		for (var x=0; x<children.length; x++) {
			if(children[x].tagName) {
				var name = children[x].tagName;	
				if(children[x].tagName != 'entry') {
					array.topic[i][name] = children[x].childNodes[0].nodeValue;
				} else {
					array.topic[i].entry[index] = new Array();
					for (var y=0; y<children[x].childNodes.length; y++) {
						if(children[x].childNodes[y].tagName) {
							var child_name = children[x].childNodes[y].tagName;
							var value = children[x].childNodes[y].childNodes[0].nodeValue;
							array.topic[i].entry[index][child_name] = value;
						}
					}
					index += 1;
				}
			}
		}
	}
	return array;
}

function load_function () {
	
}

function Launch(page, width, height) { 
	
	OpenWin = this.open(page);
	//, "Album Finder", "toolbar=no, menubar=no ,location=no, scrollbars=yes, resizable=yes, width=" + width + ", height=" + height + ", top=" + (screen.height/2 - height/2) + ", left=" + (screen.width/2 - width/2) + "\""); 
} 

function make_date_time (date_time_string) {
	var string = date_time_string.split(" ");
	var date = make_date(string[0]);
	var time = make_time(string[1]);
	return time + "<br />" + date; 
}

function addLinkForm (bio_id, id, count) {
	resetLinkForms(count);
	$('linkForm:'+id).innerHTML = add_link_html(bio_id);
	$('linkForm:'+id).style.display = "block";
        $('addLinkForm:'+id).style.display="none";
}

function resetLinkForms(count) {
	for(var i=0;i<count;i++){
	    $('addLinkForm:'+i).style.display="block";
	    $('linkForm:'+i).style.display="none";
	    $('linkForm:'+i).innerHTML="";
	}
}

function add_link_html (id) {
	var html = "Link: <input class='basic_input' id='addLinkUrl' value='http://youtube.com/me'><br />";
	html += "Text: <input class='basic_input' id='addLinkText' value='My YouTube Channel'><br />";
	html += "<input type='checkbox' id='yt' onclick='reset_add_links(this)' checked>YouTube";
	html += "<input type='checkbox' id='fb' onclick='reset_add_links(this)'>Facebook";
	html += "<input type='checkbox' id='tw' onclick='reset_add_links(this)'>Twitter<br />";
	html += "<input type='checkbox' id='ms' onclick='reset_add_links(this)'>MySpace";
	html += "<input type='checkbox' id='xx' onclick='reset_add_links(this)'>Other";
	html += "<input style='margin-left: 18px' type='button' class='button' onclick='addMyLink("+id+")'  value='Add'>";
	html += "<input type='hidden' id='addLinkActive' value='yt'>";
	return html;
}

function reset_add_links (link) {
	$('addLinkUrl').value='';
	$('addLinkText').value='';
	$('yt').checked = false;
	$('fb').checked = false;
	$('tw').checked = false;
	$('ms').checked = false;
	$('xx').checked = false;
	$('addLinkActive').value = link.id;
	link.checked = true;
}

function addMyLink (id) {
	var link = $('addLinkUrl').value;
	var text = $('addLinkText').value; if(!text) text = link;
	var active = $('addLinkActive').value;

	var callback = function () {
		window.location.reload();
	}

	if(!link) { alert('You must type a link.'); return false; }

	var img = new Array();
	img['yt'] = "http://geoliphicmedia.com/images/social_buttons/youtube_sub.png";
	img['fb'] = "http://geoliphicmedia.com/images/social_buttons/facebook_friends.png";
	img['ms'] = "http://geoliphicmedia.com/images/social_buttons/myspace_friends.png";
	img['tw'] = "http://geoliphicmedia.com/images/social_buttons/twitter_follow.png";
	img['xx'] = "";

	var XObj;
	try { XObj = new XMLHttpRequest(); }
	catch(e) { XObj = new ActiveXObject(Microsoft.XMLHTTP); }
	
	XObj.onreadystatechange = function () {
		if(XObj.readyState == 4) {
			if(callback) {
				callback();
			}
		}		
	}		
		
	XObj.open('POST','php/layout.php?mylinks=true&bio=' + id + '&link=' + link + '&text=' + text + '&img=' + escape(img[active]), true);
	XObj.send(null);
}

function make_date (date_string) {
	var date = date_string.substr(0, 10);
	var calender = date.split("-");
	var year = calender[0];
	var month = calender[1];
	var day = calender[2];
	
	var month_name = new Array();
	month_name['01'] = "January";
	month_name['02'] = "Febraury";
	month_name['03'] = "March";
	month_name['04'] = "April";
	month_name['05'] = "May";
	month_name['06'] = "June";
	month_name['07'] = "July";
	month_name['08'] = "August";
	month_name['09'] = "September";
	month_name['10'] = "October";
	month_name['11'] = "November";
	month_name['12'] = "December";
	
	var dayNum = day.substr(1,2);
	day = day;
	if(dayNum==1) { day = day + 'st'; }
	else if(day==12) { day = day + 'th'; }
	else if(day==13) { day = day + 'th'; }
	else if(dayNum==2) { day = day + 'nd'; } 
	else if(dayNum==3) { day = day + 'rd'; }
	else { day = day + 'th'; }

	return "<b>" + month_name[month] + " " + day + "</b><span style='font-size: 10px'>, " + year + "</span>";
}

function make_time (time_string) {
	var day = time_string.split(":");
	var hour = day[0];
	var mins = day[1];
	var sec = day[2];
	
	if(hour > 12) {
		hour = hour - 12;
	}
	return hour + ":" + mins;
}

function post_form_update (tabIndex, form) {
  if(!auth) {
    return false;
  }

  for (var i=0;i<=2;i++) {
    try { document.getElementById('postButton_'+i).className = 'greyLink'; } catch (e) { }
  }
  document.getElementById('postButton_'+tabIndex).className = '';
  document.getElementById('postForm').innerHTML = postFormContent(form);
}

function postFormContent(formName) {
  switch(formName) {
  case 'video': var html = "<input type='hidden' name='video' id='video' value='true'/>"
		  + "<input style='width: 340px; margin-left: 35px; color: #BBB' id='video_title' name='video_title' value='title...' onfocus='if(this.value==\"title...\") { this.value=\"\"; } this.style.color=\"#000\"' class='basicInput' id='new_topic_name'/><br /><input id='video_src' name='video_src' style='width: 340px; margin-left: 35px; color: #BBB;' onfocus='if(this.value==\"location...\") { this.value=\"\"; } this.style.color=\"#000\"' value='location...' class='basicInput'><br />";
		  html += "<input class='info_button' type='button' style='margin-left: 35px' onClick='guest_video()' value='Post'/>";
		  html += "<input class='info_button' type=\"button\" onClick=\"window.location.reload()\" value=\"Cancel\"/>";
    break;

  case 'event': var html = "<div style='margin-left: 45px'><input type='hidden' name='event' id='event' value='true'/>"
		+ "<input style='width: 340px; margin-left: 25px; color: #BBB' class='basicInput' onfocus='if(this.value==\"title...\") { this.value=\"\"; } this.style.color=\"#000\"' name='event_name' id='event_name' value='title...'/>"
		+ "<br /><input style='width: 340px; margin-left: 25px; color: #BBB' class='basicInput' name='event_date' id='event_date' onfocus='if(this.value==\"event date YYYY-MM-DD (2009-12-31)...\") { this.value=\"\"; } this.style.color=\"#000\"' value='event date YYYY-MM-DD (2009-12-31)...'/>"
		+ "<br /><input style='width: 340px; margin-left: 25px; color: #BBB' class='basicInput' name='event_img' id='event_img' onfocus='if(this.value==\"image location...\") { this.value=\"\"; } this.style.color=\"#000\"' value='image location...'/>"
		+ " <div style='font-size: 10px; margin-left: 25px'>paste image location (http://www...)</div>"
		+ "<br /><textarea onfocus='if(this.value==\"message...\") { this.value=\"\"; } this.style.color=\"#000\"' style='width: 340px; margin-left: 25px; color: #BBB' class='basicInput' name='event_info' id='event_info'/>message...</textarea>"
		+ "<br /><input onfocus='if(this.value==\"doors open...\") { this.value=\"\"; } this.style.color=\"#000\"' style='width: 340px; margin-left: 25px; color: #BBB' class='basicInput' name='event_door' id='event_door' value='doors open...'/>"
		+ "<br /><input onfocus='if(this.value==\"show starts...\") { this.value=\"\"; } this.style.color=\"#000\"' style='width: 340px; margin-left: 25px; color: #BBB' class='basicInput' name='event_start' id='event_start' value='show starts...'/>"
		+ " <div style='font-size: 10px; margin-left: 25px'><hr style='border: 1px dotted #CCC'/> Pre-Sale Tickets Link (<span class='grey'>optional</span>): <input name='event_sales' id='event_sales' class='basicInput'/><br />"
		+ "<input class='info_button' type='button' onClick='guest_event()' value='Add'/>"
		+ "<input class=\"info_button\" type=\"button\" onClick=\"window.location.reload()\" value=\"Cancel\"/></div>";
     break;
   default: var html = "<div style='margin-left: 45px'><input style='width: 340px; margin-left: 35px; color: #BBB' value='title...' onfocus='if(this.value==\"title...\") { this.value=\"\"; } this.style.color=\"#000\"' class='basicInput' id='new_topic_name'/><br /><textarea id='new_topic_info' style='width: 340px; margin-left: 35px; color: #BBB;' onfocus='if(this.value==\"message...\") { this.value=\"\"; } this.style.color=\"#000\"'>message...</textarea><br />"
	          + '<input class="info_button" type=\"button\" onclick="new_topic();" style="margin-left: 35px; padding: 2px" value="Post"></div>';
  }
    return html;
}

function topic_bigups(id, bigups) {
	var auth = user['auth'];
	var owner = user['owner'];
	var bigups = (bigups*1) + 1;

	if(!auth) {
		alert('You must login to give BigUps and post forum comments.');
		return false;
	}
	if (owner) {
		alert("BigUps! You can only give BigUps on other websites.");
		return false;
	}	

	var callback = function () {
      		var html = "<img style='vertical-align: top; cursor: pointer' height='16px' title='Click to give your BigUps' " + "onClick=\"topic_bigups('" + id + "', '" + bigups + "');\" " + "src='/go/images/bigups_logo.png'/> " + bigups;
		document.getElementById('bigupsdiv:'+id).innerHTML = html;
	}
	
	var XObj;
	try { XObj = new XMLHttpRequest(); }
	catch(e) { XObj = new ActiveXObject(Microsoft.XMLHTTP); }
	
	XObj.onreadystatechange = function () {
		if(XObj.readyState == 4) {
			if(callback) {
				callback();
			}
		}		
	}		
		
	XObj.open('POST','php/bigups.php?topic=true&user=' + user_serial + '&topic=' + id + '&count=' + bigups, true);
	XObj.send(null);
}