function add_to_new_lightbox() {
	var $new_lightbox = prompt("New Clipbox Name","");

	if( $new_lightbox ) {
		alert( "Adding to new lightbox named: " + $new_lightbox );
	} else {
		alert( "DEBUG: Aborted Add to New Clipbox");
	}
}

function add_to_lightbox( $lightbox_id, $lightbox_name ) {
	var $lightbox_confirm = confirm("Are you sure you want to add this light to the following lightbox?\n\n" + $lightbox_name );

	if( $lightbox_confirm ) {
		alert( "Adding to lightbox ID: " + $lightbox_id );
	} else {
		alert( "DEBUG: Declined to add to lightbox." );
	}
}

function startList( $id ) {
	if (document.all && document.getElementById) {
		navRoot = document.getElementById( $id );
		for (i=0; i<navRoot.childNodes.length; i++) {
			node = navRoot.childNodes[i];
			if (node.nodeName=="LI") {
				node.onmouseover=function() {
					this.className+=" over";
				}
				node.onmouseout=function() {
					this.className=this.className.replace(" over", "");
				}
			}
		}
	}
}

function alert_login_to_use_clipbox() {

		$response = confirm( "You must be logged in to use the clipbox feature.\n\nDo you wish to login or create an account?" );
		if( $response ) {
			location.href="/login.html";
		} 

		return;
}

var $req = false;
var $togglingClipbox = false;
var $viewing_clipbox = 0;

function toggle_clipbox( $clip_id, $clipbox_id, $username, $is_viewing_clipbox ) {
	$viewing_clipbox = $is_viewing_clipbox;
	var $url = "/xml/toggle_clipbox.xml?clip_id=" + $clip_id + "&clipbox_id=" + $clipbox_id + "&username=" + $username;
	if( $username == "" ) { 
		alert_login_to_use_clipbox();
		return;
	}

	if( $togglingClipbox ) {
		// $response = confirm( "You are currently adding Clip ID: " + $togglingClipbox );
		$req = false;
		$togglingClipbox = false;
	}

	if (window.XMLHttpRequest) {
		try { 		
			$req = new XMLHttpRequest();
		} catch( e ) {
			$req = false;
		}
	} else if (window.ActiveXObject) {
		try { 
			$req = new ActiveXObject( "Msxml2.XMLHTTP" );
		} catch( e ) {
			try {
				$req = new ActiveXObject("Microsoft.XMLHTTP");
			} catch( e ) {
				$req = false;
			}
		}
	}
	
	if( $req ) {
		$req.onreadystatechange = toggleClipboxPROCESS;
		//	$req.overrideMimeType("text/xml");
		$req.open("GET", $url, true);
		$req.send("");
		$togglingClipbox = $clip_id;

	}
}

function toggleClipboxPROCESS() { 
	switch( $req.readyState ) {
		case 1: // loading
			break;
		case 2: // loaded
			break;
		case 3: // interactive
			break;
		case 4: // complete
			
			if( $req.status == 200 ) { // page loaded successfully
				if( $viewing_clipbox == "2" ) {  
					var $clipbox_id = document.getElementById( "clipbox-status-img" );
					if( $clipbox_id.getAttribute( "alt" ) == "ADD TO CLIPBOX" ) {
						$clipbox_id.setAttribute( "alt", "IN CLIPBOX" );
						$clipbox_id.setAttribute( "src", "/images/in_clipbox.gif" );						
						document.getElementById( "clipbox-status-a").style.backgroundColor = "#edf3ff";
					} else {
						$clipbox_id.setAttribute( "alt", "ADD TO CLIPBOX" );
						$clipbox_id.setAttribute( "src", "/images/add_to_clipbox.gif" );
						document.getElementById( "clipbox-status-a").style.backgroundColor = "#fff";
					}	
				} else {
					var $clipbox_id = document.getElementById( "add-to-clipbox-id-" + $togglingClipbox );
					if( $clipbox_id.title == "add to clipbox" ) {
						document.getElementById( "add-to-clipbox-id-div-" + $togglingClipbox ).innerHTML = '<div class="clearfix"><div class="thumb-option-text float-left">in clipbox</div><div class="thumb-option-text add-remove-icon" style="border-left: 1px solid #d8d8d8">&#8211;</div></div>';
						document.getElementById( "add-to-clipbox-id-" + $togglingClipbox ).setAttribute( "title",  "in clipbox" );
						$clipbox_id.style.backgroundColor = '#f0f4ff'; 
					} else {
						document.getElementById( "add-to-clipbox-id-div-" + $togglingClipbox ).innerHTML = '<div class="clearfix"><div class="thumb-option-text float-left">add to clipbox</div><div class="thumb-option-text add-remove-icon">+</div></div>';
						document.getElementById( "add-to-clipbox-id-" + $togglingClipbox ).setAttribute( "title",  "add to clipbox" );
						$clipbox_id.style.backgroundColor = 'white'; 
					}
					if( $viewing_clipbox == "1" ) {
						document.getElementById( "video-container-id-" + $togglingClipbox ).style.display = "none";
					}
				}
				$togglingClipbox = false;
			}
			break;
	}
}


var $req2 = false;


function change_default_clipbox( $clipbox_id ) {
//	alert( "HERE" );
	var $url = "/xml/change_default_clipbox.xml?clipbox_id=" + $clipbox_id;
//	alert( $url );

	if( window.XMLHttpRequest ) {
		try { 		
			$req2 = new XMLHttpRequest();
		} catch( e ) {
			$req2 = false;
		}
	} else if( window.ActiveXObject ) {
		try { 
			$req2 = new ActiveXObject( "Msxml2.XMLHTTP" );
		} catch( e ) {
			try {
				$req2 = new ActiveXObject("Microsoft.XMLHTTP");
			} catch( e ) {
				$req2 = false;
			}
		}
	}
	
	if( $req2 ) {
		$req2.onreadystatechange = changeDefaultClipboxPROCESS; 
	//	$req2.overrideMimeType("text/xml");
		$req2.open("GET", $url, true);
		$req2.send("");
	}
}

function changeDefaultClipboxPROCESS() { 
	switch( $req2.readyState ) {
		case 1: // loading
			break;
		case 2: // loaded
			break;
		case 3: // interactive
			break;
		case 4: // complete
			
			if( $req2.status == 200 ) { // page loaded successfully
				location.reload( true );
			}
			
			break;
	}
}

var $req3;

var $max_clipbox_name_length = 16;
var $legal_chars = /^[\w ]{1,16}$/;
function add_clipbox() {
	var $clipbox_name = document.getElementById( "add-clipbox-name" ).value ;
	if( ! $legal_chars.test( $clipbox_name ) ) {
		if( $clipbox_name.length > 16 ) {
			alert( "The clipbox name is longer than 16 characters, please make it shorter." );
		} else {
			alert( "The new clipbox name has illegal characters.\n\nPlease check it so that it only has letters, numbers, spaces, and underscores." );
		}
		return;
	}

	var $url = "/xml/add_clipbox.xml?set_default=1&name=" + $clipbox_name;

	if( window.XMLHttpRequest ) {
		try { 		
			$req3 = new XMLHttpRequest();
		} catch( e ) {
			$req3 = false;
		}
	} else if( window.ActiveXObject ) {
		try { 
			$req3 = new ActiveXObject( "Msxml2.XMLHTTP" );
		} catch( e ) {
			try {
				$req3 = new ActiveXObject("Microsoft.XMLHTTP");
			} catch( e ) {
				$req3 = false;
			}
		}
	}
	
	if( $req3 ) {
		$req3.onreadystatechange = addClipboxPROCESS; 
	//	$req3.overrideMimeType("text/xml");
		$req3.open("GET", $url, true);
		$req3.send("");
	}
	
	document.getElementById( "add-clipbox-name" ).value = "";
}

function addClipboxPROCESS() {
	switch( $req3.readyState ) {
		case 1:
			break;
		case 2:
			break;
		case 3:
			break;
		case 4:
			if( $req3.status == 200 ) {
				location.reload( true );
			}
			break;
	}
}

var $delete_clipbox = false;
var $req_delete = false;

function delete_clipbox( $clipbox_id ) {

	var $response = confirm( "Are you sure you want to delete this clipbox?" );
	if( ! $response ) {
		return; 
	}
	
	var $url = "/xml/delete_clipbox.xml?clipbox_id=" + $clipbox_id; 
	
	if( $delete_clipbox ) {
		// $response = confirm( "You are currently adding Clip ID: " + $togglingClipbox );
		$req_delete = false;
		$delete_clipbox = false;
	}

	if (window.XMLHttpRequest) {
		try { 		
			$req_delete = new XMLHttpRequest();
		} catch( e ) {
			$req_delete = false;
		}
	} else if (window.ActiveXObject) {
		try { 
			$req_delete = new ActiveXObject( "Msxml2.XMLHTTP" );
		} catch( e ) {
			try {
				$req_delete = new ActiveXObject("Microsoft.XMLHTTP");
			} catch( e ) {
				$req_delete = false;
			}
		}
	}
	
	if( $req_delete ) {
		$req_delete.onreadystatechange = deleteClipboxPROCESS;
		//	$req.overrideMimeType("text/xml");
		$req_delete.open("GET", $url, true);
		$req_delete.send("");
		$delete_clipbox = $clipbox_id;

	}
}

function deleteClipboxPROCESS() { 
	switch( $req_delete.readyState ) {
		case 1: // loading
			break;
		case 2: // loaded
			break;
		case 3: // interactive
			break;
		case 4: // complete
			
			if( $req_delete.status == 200 ) { // page loaded successfully
				location.reload( true );
			}
			break;
	}
}


var $rename_clipbox = false;
var $req_rename = false;

function rename_clipbox( $clipbox_id, $new_name ) {
	var $url = "/xml/rename_clipbox.xml?clipbox_id=" + $clipbox_id + "&new_name=" + $new_name; 
	
	if( $rename_clipbox ) {
		// $response = confirm( "You are currently adding Clip ID: " + $togglingClipbox );
		$req_rename = false;
		$rename_clipbox = false;
	}

	if (window.XMLHttpRequest) {
		try { 		
			$req_rename = new XMLHttpRequest();
		} catch( e ) {
			$req_rename = false;
		}
	} else if (window.ActiveXObject) {
		try { 
			$req_rename = new ActiveXObject( "Msxml2.XMLHTTP" );
		} catch( e ) {
			try {
				$req_rename = new ActiveXObject("Microsoft.XMLHTTP");
			} catch( e ) {
				$req_rename = false;
			}
		}
	}
	
	if( $req_rename ) {
		$req_rename.onreadystatechange = renameClipboxPROCESS;
		//	$req.overrideMimeType("text/xml");
		$req_rename.open("GET", $url, true);
		$req_rename.send("");
		$rename_clipbox = $clipbox_id;

	}
}

function renameClipboxPROCESS() { 
	switch( $req_rename.readyState ) {
		case 1: // loading
			break;
		case 2: // loaded
			break;
		case 3: // interactive
			break;
		case 4: // complete
			
			if( $req_rename.status == 200 ) { // page loaded successfully
				location.reload( true );
			}
			break;
	}
}





// window.onload=startList;