var steps = 0;
var duration = 5;
var movable = null;

var nextYear = new Date();
nextYear.setFullYear(nextYear.getFullYear() + 1);
var cookieName = "storage"; // give the cookie a name
var cookie2Name = "extra"
var shop_array = init_array();
var extra_array = init_array();
get_array(cookie2Name, extra_array);
get_array(cookieName, shop_array)
//if it doesn't exist
if(shop_array.length < 1){
	set_array(cookieName, shop_array, nextYear);
}
if(extra_array.length < 1){
	set_array(cookie2Name, extra_array, nextYear);
}


//TOOLBAR
var cSelection = "tool0";
function toolBarItemSelected(id){

    if(id != cSelection){
        if(cSelection.length) document.getElementById(cSelection).className = "mytoolBarItem";
        document.getElementById(id).className = "mytoolBarItem active";
        cSelection = id;
    }
}

function dropCurrentToolbarItem(){
  //  alert(cSelection);
    if(cSelection.length) document.getElementById(cSelection).className = "mytoolBarItem";
    cSelection = "";
}

//UTILITIES
function clearField(who, what){
	if(document.getElementById(who).value == what) document.getElementById(who).value = "";
	
}

function resetField(who, what){
	if(document.getElementById(who).value.length == 0){
		document.getElementById(who).value = what;
	}
}

function wipeField(who){
	document.getElementById(who).value = "";
}
//SHOPPING LIST

var currentSpot = 1;
var curCount = 0;

function setItem(who){
	var item = document.getElementById(who);
	var tId = Number(who.substr(4)) + 1;
	//alert(Number(tId));
	if(item.style.textDecoration == "line-through"){
		item.style.textDecoration = "none";
		document.getElementById(who+"img").src="_pics/white.jpg";
		extra_array[tId] = "true";
	}else{
		item.style.textDecoration = "line-through";
		document.getElementById(who+"img").src="_pics/red.jpg";
		extra_array[tId] = "false";
	}
	
	set_array(cookie2Name, extra_array, nextYear);

}


function addToList(what){
    if(document.getElementById(what).value.length){
		if(shop_array.length <= 1){
			document.getElementById("list").innerHTML = "";
			document.getElementById("grocery").style.background = '';
			
		}
        var list = document.getElementById("list");
        list.innerHTML += " <a protected=\"true\" href=\"#\" onclick=\"setItem('item" + curCount + "');\"><li id=\"item" + curCount + "\" class=\"l" + currentSpot + "\"><img class=\"box\" id=\"item" + curCount + "img\" src=\"_pics/white.jpg\" align=\"left\" width=\"14\" height=\"14\" />" + document.getElementById(what).value + "</li></a>";
        
        //add it to the array
        shop_array.push(document.getElementById(what).value);//, extra:"true"});
		extra_array.push("true");
		set_array(cookieName, shop_array, nextYear);
		set_array(cookie2Name, extra_array, nextYear);
        
        document.getElementById(what).value = "";
    
        currentSpot = 3 - currentSpot;
        curCount++;
       /*var dialog = document.getElementById("addForm");
       dialog.style.display = "none";*/
    }
}

function refreshList(wasMoved){
	var outCount = 0;
	var list = document.getElementById("list");
	if(shop_array.length > 1){
		//first, redo the array to clean it out
		if(!wasMoved){
			for(var i = 0; i < shop_array.length; i++){
				if(document.getElementById(String("item" + i)).style.textDecoration == "line-through"){
					shop_array.splice((i - outCount) + 1, 1);
					extra_array.splice((i - outCount) + 1, 1);
					outCount++;
				}
			}
			
		}
		//alert("ok" + outCount);
		set_array(cookie2Name, extra_array, nextYear);
		set_array(cookieName, shop_array, nextYear);
		list.innerHTML = "";
		//reset current spot
		currentSpot = 1;
		curCount = 0;
		var t_str = "";
		if(shop_array.length > 1){
	
			for(var i = 1; i < next_entry(shop_array); i++){
				list.innerHTML += " <a protected=\"true\" href=\"#\" onclick=\"setItem('item" + curCount + "');\"><li id=\"item" + curCount + "\" class=\"l" + currentSpot + "\" style=\"text-decoration:" +((extra_array[i] == "true")? "none":"line-through")  + ";\"><img class=\"box\" id=\"item" + curCount + "img\" src=\"_pics/" + ((extra_array[i] == "true")? "white.jpg":"red.jpg") + "\" align=\"left\" width=\"14\" height=\"14\" />" + shop_array[i] + "</li></a>";
				currentSpot = 3 - currentSpot;
				curCount++;
			}
		}else{
			list.innerHTML = "<div style='padding-left:20px;'>To create a new shopping list touch Add.</div>";
			document.getElementById("grocery").style.background = 'url(_pics/shopping_background.gif)';
		}
	}else{
		list.innerHTML = "<div style='padding-left:20px;'>To create a new shopping list touch Add.</div>";
		document.getElementById("grocery").style.background = 'url(_pics/shopping_background.gif)';
	}
	
}

function viewAdd() {
	var dialog = document.getElementById("addStr");
	//var disable = document.getElementById("disable");
	
	if(dialog.style.display != "table") {
		document.getElementById("addField").value = "New Item";
		dialog.style.display = "table";
		steps = 0;
		dialog.style.top = "0px";
	} else {		
		dialog.style.display = "none";
	}
}

/*
function selectionMade(){
	var dd = 	document.getElementById("choices");
	if(dd.value == "Email"){
		document.getElementById("cell").style.display = "none";
		document.getElementById("email").style.display = "block";
	}else if(dd.value == "Widget"){
		document.getElementById("cell").style.display = "none";
		document.getElementById("email").style.display = "none";
	}else{
		document.getElementById("cell").style.display = "block";
		document.getElementById("email").style.display = "none";
	}
}

function send(){
	var dd = 	document.getElementById("choices");
	if(dd.value == "Email"){
		document.getElementById("sendForm").submit();
	}else if(dd.value == "Widget"){
		alert("You must be logged in for this feature to work.");
	}else{
		alert("This feature disabled in demok.");
	}
	 
}


function viewFind() {
	var dialog = document.getElementById("find");
	
	if(dialog.style.display != "table") {
		dialog.style.display = "table";
		steps = 0;
		dialog.style.top = "0px";
	} else {		
		dialog.style.display = "none";
	}
}

function viewSend() {
	var dialog = document.getElementById("send");
	
	if(dialog.style.display != "table") {
		dialog.style.display = "table";
		steps = 0;
		dialog.style.top = "0px";
	} else {		
		dialog.style.display = "none";
	}
}

function showSearch() {
	if(steps < duration) {
		var dialog = document.getElementById("search");
		dialog.style.top = (11 * steps) +  "px";
		steps++;
	} else {
		clearInterval(movable);
	}
}

function hideSearch() {
	if(steps >= 0) {
		var dialog = document.getElementById("search");
		dialog.style.top = (11 * steps) +  "px";
		steps--;
	} else {
		steps = 0;
		clearInterval(movable);
		
		var dialog = document.getElementById("search");
		var disable = document.getElementById("disable");
		
		dialog.style.display = "none";
		disable.style.display = "none";
	}
}*/