// 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 $(el) {
    return document.getElementById(el);
}
	
function post_album () {
	
	<!--//  var profile_html = '<div id="albumForm" style="display: none"><form action="php/upload_file.php?profile=1" method="post" enctype="multipart/form-data">' +
		'<label for="file">Profile Image .jpeg .png under 5MB:</label><br />' +
		'<input type="file" name="file" id="file" />' +
		'<br />' +
		'<input type="submit" name="submit" value="Upload Album" />' +
		" <input type='button' onClick='$(\"changerButton\").innerHTML=\"Change Album?<br />\"; $(\"albumForm\").style.display=\"none\"' name='submit' value='Cancel' />" +
		"</form></div><a id='changerButton' onClick='this.innerHTML=\"\"; $(\"albumForm\").style.display=\"block\"'>Change Album?<br /></a>";
	//-->

	var form = "<input type='hidden' name='album_form' id='album_form' value='true'/>"
		+ "Album Name <br /><input style='width:100%' name='album_title_form' id='album_title_form'/><br />"
		+ "Artwork<br /><input style='width:100%' name='album_img_form' id='album_img_form'/><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_form' id='album_sales_form'/><br />"
		+ "<input type='submit' onClick='add_album()' value='Add'/>"
		+ "<input type=\"submit\" onClick=\"window.location.reload()\" value=\"Cancel\"/>";

	document.getElementById('new_albums').innerHTML = form;
}
	
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_form').value;
	var img = document.getElementById('album_img_form').value;
	var sales = document.getElementById('album_sales_form').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 resetAlbumControl (index) {
	for(var i = 0; i<albums.length;i++) {
	     document.getElementById('albumControl'+i).style.color="#333";
	     document.getElementById('albumControl'+i).style.backgroundColor="";
             document.getElementById('albumControl'+i).style.opacity="1";
	}
	document.getElementById('albumControl'+index).style.color="#FFF";
	document.getElementById('albumControl'+index).style.backgroundColor="#333";
        document.getElementById('albumControl'+index).style.opacity="0.35";
}



function display_album(index) {		
	var track_html = "<div style='width: 100%; border: 1px solid #CCC; padding: 3px;  overflow: auto; height: 320px; width: 460px'>";
	if(albums[index]['tracks']) {
		track_html += "<div style='background-color: #DDD; width: 460px'>";
		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 += " | <a class='blue_link' onClick='show_track_upload(" + track['track_id'] + ", " + player_id + ")'><b>[Load.mp3]</b></a>";
			} else if (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 += "<input id='DL:" + track['track_id'] + "' type='checkbox' onClick='updateDL(" + track['track_id'] + ")'";
			    if(track['download']) { track_html += "checked"; }
			    track_html += ">FREE"; 
			} 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: 460px; margin-top: 3px;'>";
		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'];
	}

		var form_html = '<div id="albumForm" style="position: absolute; border: 4px solid #DCDCDC; background-color: #FFF; padding: 10px; -moz-box-shadow:0 0 5px #888888; -webkit-box-shadow:0 0 5px #888888; -moz-border-radius:10px; -webkit-border-radius:10px; display: none"><form action="go/php/upload_file.php?album=1" method="post" enctype="multipart/form-data">'
		+ "<input type='hidden' name='album_id' id='album_id' value='"+albums[index]['album_id']+"'/>"		
		+ "Album Name <br /><input style='width:100%' name='album_title' id='album_title' value='"+albums[index]['title']+"'/><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' value='"+albums[index]['sales_url']+"'/><br />" +
		'<label for="file">Profile Image .jpeg .png under 5MB:</label><br />' +
		'<input type="file" name="file" id="file" />' +
		'<br />' +
		'<input type="submit" name="submit" value="Upload Album" />' +
		" <input type='button' onClick='$(\"changerButton\").innerHTML=\"Upload Artwork?<br />\"; $(\"albumForm\").style.display=\"none\"' name='submit' value='Cancel' />" +
		"</form></div><a id='changerButton' onClick='this.innerHTML=\"\"; $(\"albumForm\").style.display=\"block\"'>Upload Artwork?<br /></a>";

	document.getElementById('active_album_title').innerHTML = "<b>" + albums[index]['title'] + "</b>";
	document.getElementById('active_album_img').innerHTML = "<img src='" + img + "' width='100%'/>" + form_html;
	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 track_to_top (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?track_top=true&track_id=' + track_id + '&player_id=' + player_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";
}