$(document).ready(function(){
	var current_preview = 1;
	$("#site_previews > div").eq(0).show();
	var no_of_sites = $("div#site_previews > div").size();
	$("div#site_previews").append('<p id="preview_controls"><a href="#" id="previous_preview">Previous</a><span>1/' + no_of_sites + '</span><a href="#" id="next_preview">Next</a></p>');
	$("a#previous_preview").click(function () {
		current_preview--;
		if (current_preview==0) current_preview=no_of_sites;
		show_current_site();
	});
	$("a#next_preview").click(function () {
		current_preview++;
		if (current_preview==no_of_sites+1) current_preview=1;
		show_current_site();
	});

	function show_current_site() {
		$("div#site_previews span").html(current_preview + "/" + no_of_sites);
		$("#site_previews > div").hide();
		$("#site_previews > div").eq(current_preview-1).show();
	}


});

/*

function show_current_site(which) {
	// HIDE ALL SITE PREVIEWS...
	var site_previews_div = document.getElementById("site_previews");
	var previews = site_previews_div.getElementsByTagName("div");
	for (var i=0; i < previews.length; i++) {
		previews[i].style.display = 'none';
	}
			
	// SHOW CURRENT PREVIEW
	var current_site_name = which.getAttribute("href");

	// strip away the # and everything before it
	current_site_name = current_site_name.substring(current_site_name.lastIndexOf('#')+1);
	
	var one_to_show = document.getElementById(current_site_name);
	one_to_show.style.display = 'block';
	
	// SET ALL LINKS TO 'ACTIVE'
	var preview_list2 = document.getElementById("site_preview_list");
	var links2 = preview_list2.getElementsByTagName("a");
	for ( var a=0; a < links2.length; a++) {
		links2[a].className = '';
	}
	// SET CURRENT LINK TO 'INACTIVE'
	which.className = 'inactive';

}


function prepare_site_previews() {
	
	var preview_list = document.getElementById("site_preview_list");
	var links = preview_list.getElementsByTagName("a");

	for ( var i=0; i < links.length; i++) {
		links[i].onclick = function() {
			
			show_current_site(this);
			
			return false;
		}
	}
	
	// show first site preview and hide all others
	show_current_site(links[0]);
	
}
*/

function prepare_login() {
	
	// PREPARE NEW LINK TO REPLACE "Client login" P
	var login_p = document.createElement("p");// create paragraph
	var txt = document.createTextNode("Client login");
	login_p.appendChild(txt);
	
	var login_a = document.createElement("a"); // create link
	login_a.appendChild(login_p);
	login_a.style.cursor = "pointer";
	
	// REPLACE PLAIN TEXT WITH NEW LINK
	var wrapper = document.getElementById("wrapper");
	var login_tab = document.getElementById("login_tab");
	var ref = wrapper.replaceChild(login_a,login_tab);


	// OPEN / CLOSE PANEL LOGIC...
	
	// if login_panel's top attribute's not set, set it
	var login_panel = document.getElementById("client_login");
	login_panel.style.paddingTop = "0px";

	panel_direction = false;
	
	login_a.onclick = function() {
		
		if (!panel_direction) { // if panel is still, set it moving
			if (login_panel.style.paddingTop != "0px") panel_direction = 'closing';
			else {
				panel_direction = 'opening';
				document.getElementById('login_form').style.display = 'block';
				document.getElementById('username').focus();
			}
			move_login_panel();
		
		} /*else if (panel_direction == 'opening') { // if panel is moving, change it's direction
			panel_direction = 'closing';
		} else if (panel_direction == 'closing') {
			panel_direction = 'opening';
			document.getElementById('username').focus();
		}*/
		
	//	alert('panel is '+panel_direction+'...<br>login_panel.style.paddingTop = '+login_panel.style.paddingTop);
		
	//	move_login_panel();
	}
	

}

function move_login_panel() {

	var login_panel = document.getElementById("client_login");
	var panel_position = parseInt(login_panel.style.paddingTop);
	
	if (panel_direction == 'opening' && panel_position<40) {
		var dist = Math.ceil((40 - panel_position)/5);
		panel_position = panel_position + dist;
	} else if (panel_direction == 'closing' && panel_position>0) {
		var dist = Math.ceil(panel_position/5);
		panel_position = panel_position - dist;
	} else { // finished moving
		if (panel_direction == 'closing') document.getElementById('login_form').style.display = 'none';
		panel_direction = false;
		return true;
	}
	
	login_panel.style.paddingTop = panel_position + "px";
	
	if (login_panel.movement) clearTimeout(login_panel.movement);
	
	login_panel.movement = setTimeout("move_login_panel()",30);

}




// Create a link to the Javascript-only stylesheet, which will primarily hide the hidden text
var $link_element = document.createElement('link');
$link_element.setAttribute("rel","stylesheet");
$link_element.setAttribute("href","css/javascript_only.css"); // remember to change this on upload!
$link_element.setAttribute("media","screen");
// Append this stylesheet link to the document
var $head_element = document.getElementsByTagName('head')[0];
$head_element.appendChild($link_element);



// addLoadEvent(prepare_site_previews);
addLoadEvent(prepare_login);