// JavaScript Document

function stop_albums () {
	stop_slide = true;
	speed = start_speed;
}

function slide_albums (rr) {
	if(stop_slide == true) {
		return false;
	}
	
	if(rr == 'reset') {
		if(y<0) {
			speed += speed * .02;
			y += speed;
			document.getElementById('album_mask').style.left = y+'px';
			setTimeout('slide_albums(\"reset\")', rate);
		} else {
			y = 0;
			speed = start_speed;
			stop_slide = false;	
		}	
		return false;
	}
	
	if(y > (-1*max_album_width)) {
		speed += speed * .02;
		y -= speed;
		document.getElementById('album_mask').style.left = y+'px';
		setTimeout('slide_albums(' + y + ')', rate);
	} else {
		y = (-1*max_album_width);
		speed = start_speed;
		stop_slide = false;
	}
}
	
function post_album () {
	document.getElementById('new_albums').innerHTML =
		  "<input type='hidden' name='album' id='album' value='true'/>"
		+ "Album Name <br /><input style='width:100%' name='album_title' id='album_title'/><br />"
		+ "Artwork<br /><input style='width:100%' name='album_img' id='album_img'/><br />"
		+ " <span style='font-size: 10px'>paste image url (http://www...)</span><br />"
		+ "<hr /><span style='font-size: 10px'>for external sales only</span><Br /> Sales Url <input name='album_sales' id='album_sales'/><br />"
		+ "<input type='submit' onClick='add_album()' value='Add'/>"
		+ "<input type=\"submit\" onClick=\"window.location.reload()\" value=\"Cancel\"/>";
}
	
function remove_album(id) { 
	
	var callback = function () {
		window.location.reload();		
	}
	
	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/add_album.php?remove=true&id='+id,true);
	XObj.send(null);
}

function add_album() { 
	
	var title = document.getElementById('album_title').value;
	var img = document.getElementById('album_img').value;
	var sales = document.getElementById('album_sales').value;
	
	var callback = function () {
		window.location.reload();		
	}
	
	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/add_album.php?add=true&title=' + title + '&img=' + img + '&sales=' + sales + '&bio_id=' + bio_id, true);
	XObj.send(null);
}

function display_album(index) {
		
	var track_html = "<div style='width: 100%; border: 1px solid #CCC; padding: 3px'>";
	if(albums[index]['tracks']) {
		track_html += "<div style='background-color: #DDD;'>";
		for(var i = 0; i < albums[index]['tracks'].length; i++) {
			var track = albums[index]['tracks'][i];
			track_html += '<div style="border-bottom: 1px solid #CCC; padding: 3px">';
			if (player_id && !track['track_file'] ) {
				track_html += "<span onClick='remove_album_track(" + track['track_id'] + ")'>[x]</span> <b style='color: #333'>" + track['track_name'] + "</b> (" + track['artist'] + ")";
				track_html += " <span onClick='show_track_upload(" + track['track_id'] + ", " + player_id + ")'>< <b>Upload Audio</b></span>";
			} else {	
				track_html += "<span onClick='remove_album_track(" + track['track_id'] + ")'>[x]</span> <b style='color: #333'>" + track['track_name'] + "</b> (" + track['artist'] + ")";
			}
			track_html += '</div>';
							
		}
		track_html += "</div>";
	}
	track_html += "</div>";
			
		var band_info = "Band/Artist: ";
		var album_title = "<select><option>No artists</option></select>"; 
		try {
			if(artists) {
				album_title = "<select onChange='add_album_band(" + index + ", this.value)'>";
				album_title += "<option value='none'>No band/artist</option>";
				for(var x = 0; x < artists.length; x++) {
					album_title += "<option value='" + artists[x]['entry_id'] + "'>" + artists[x]['bio_name'] + "</option>";	
				}
			} 
			album_title += "</select>";
		} catch(err) { }
		
		
		if(albums[index]['band']) {
			album_title = "<b>" + albums[index]['band'] + "</b>";
		}
		
		if(albums[index]['price'] && albums[index]['price'] != 0) {
			album_title += "<div>Price: $" + albums[index]['price'] + "</div>";
		} else {
			album_title += "<div>Price: <span id='active_album_price'><b><a class='blue_link' onClick='add_album_price(" + albums[index]['album_id'] + ")'>Add Price</a></b> (USD)</span></div>";
		}
		
		band_info += album_title;
		band_info += "<div id='active_album_text'><div style='border-top: 1px dotted #333; padding: 6px; font-style: italic'>";
		var album_info = "No album information found.";
		if (albums[index]['album_info']) {
			album_info = albums[index]['album_info'];
		}
		
		band_info += album_info;
		band_info += "</div>";
		band_info += "Update album info: <a onclick='update_album_info(" + index + ")' class='blue_link'><b>Update Info</b></a><br /><br />";
		band_info += "</div>";
		
	var add_track = "<div id='track_list' style='border: 1px solid #CCC; padding: 3px; width: 100%'>";
		add_track += "<span onClick='show_add_track()'>+ Add Tracks</span><br />";
		
		add_track += "<div id='add_track_form' style='border-top: 1px dotted #CCC; padding: 3px; text-align: left; display: none'>";
		add_track += "Title:<br /><input value='' id='new_title'/><br />";
		add_track += "Artist:<br /><input value='' id='new_track_artist'/><br />";
		add_track += "Image Url:<br /><input value='' id='new_image'/><br />";
		add_track += "<input onClick='add_album_track(\"" + albums[index]['album_id'] + "\")' type='button' value='add'/> ";
		add_track +=  "<input onClick='hide_add_track()' type='button' value='cancel'/><br />";
		add_track +=  "</div>";
	
	
	track_html += add_track;
	
	var img = "images/blank_album.png";
	if(albums[index]['album_img']) {
		img = albums[index]['album_img'];
	}
	
	document.getElementById('active_album_title').innerHTML = "<b>" + albums[index]['title'] + "</b>";
	document.getElementById('active_album_img').innerHTML = "<img src='" + img + "' width='100%'/>";
	document.getElementById('active_album_tracks').innerHTML = band_info + track_html;
}


function add_album_band (index, bio_id) {
	
	var album_id = albums[index]['album_id'];
	var bio_id = bio_id;
	
	var callback = function () {
		window.location.reload();		
	}
	
	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/add_album.php?update_album_band=true&bio_id=' + bio_id + '&album_id=' + album_id, true);
	XObj.send(null);
}

function add_album_price (album_id) {
	var form = "<input style='width: 220px' id='album_price_input'/><input type='button' value='Add Price' onClick='submit_album_price(" + album_id + ")'/>";
	document.getElementById('active_album_price').innerHTML = form;
}

function submit_album_price (album_id) {
	var	album_price = document.getElementById('album_price_input').value;
	
	var callback = function () {
		document.getElementById('active_album_price').innerHTML	= "$" + album_price;
	}
	
	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/add_album.php?update_price=true&price=' + album_price + '&album_id=' + album_id, true);
	XObj.send(null);	
}

function update_album_info (index) {
	var text = "";
	if(albums[index]['info']) {
		text = albums[index]['info'];
	}
	
	var form = "<div style='border-top: 1px dotted #333'><textarea id='submit_album_text' style='width: 320px'>" + text + "</textarea><br /><input type='button' onClick='submit_album_data(" + albums[index]['album_id'] + ")' value='Add'/> <input type='button' value='Cancel' onClick='window.location.reload()'/></div><br />";
	document.getElementById('active_album_text').innerHTML = form;
}

function submit_album_data (album_id) {
	var data = document.getElementById('submit_album_text').value;
	
	var callback = function () {
		window.location.reload();		
	}
	
	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/add_album.php?update_info=true&text=' + data + '&album_id=' + album_id, true);
	XObj.send(null);	
}

function display_featured_album(index) {
	var album_title = albums[index]['title'];
	
	var sales_url = "";
	var url = albums[index]['sales_url'];
	if(albums[index]['sales_url']) {
		sales_url = "<br /><span class='grey'>>></span> <span onClick=\"window.location='" + url + "'\" class=\"or_link\">" + "Check It" + "</span>";
	}
	
	var album_img = "images/blank_album.png";
	if (albums[index]['album_img']) {
		album_img = albums[index]['album_img'];
	}
	
	var album_info = "<center>Info Coming Soon..." + sales_url + "</center>";
	if(albums[index]['album_info']) {
		album_info = albums[index]['album_info'] + sales_url;
	}
	
	document.getElementById('active_album_title').innerHTML = album_title;
	document.getElementById('active_album_img').innerHTML = "<img src='" + album_img + "' width='100%'/>";
	document.getElementById('active_album_info').innerHTML = album_info;
}

function remove_album_track (track_id) {
	
	var callback = function () {
		window.location.reload();		
	}
	
	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/add_album.php?remove_track=true&track_id=' + track_id, true);
	XObj.send(null);	
}

function add_album_track(id) {	
	
	var title = document.getElementById('new_title').value;
	var artist = document.getElementById('new_track_artist').value;
	var image = document.getElementById('new_image').value;
	
	var callback = function () {
		window.location.reload();		
	}
	
	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/add_album.php?track=true&album_id=' + id + '&title=' + title + '&artist=' + artist + '&image=' + image, true);
	XObj.send(null);
}

function show_add_track () {
	document.getElementById('add_track_form').style.display = "block";
}


function hide_add_track () {
	document.getElementById('add_track_form').style.display = "none";
}