AC_FL_RunContent = 1;

YAHOO.util.Event.addListener(window,'load',mapshareLoad);
function mapshareLoad() {	
	var mapshare = new mapShare();	
	mapshare.init();
}

function mapShare()
{	

}

mapShare.prototype.init = function()
{	
	this.steps = YAHOO.util.Dom.getElementsByClassName('mapsharestep','div');
	this.screenshot=YAHOO.util.Dom.getElementsByClassName('screenshot','div')[0];
	this.screenshotimg=this.screenshot.getElementsByTagName('img');
	
	this.screenshotmapbutton=YAHOO.util.Dom.getElementsByClassName('mapbutton','a',this.screenshot)[0];

	this.screenshotmapbutton.img=this.screenshotimg;
	YAHOO.util.Event.addListener(this.screenshotmapbutton,'click',this.screenshotmapbuttonclick,this);
	//this.counter=(this.steps.length-1)
	for (var i=0;i<this.steps.length;i++)
	{
		this.steps[i].completed=false;
		if(i>0){
			YAHOO.util.Dom.removeClass(this.steps[i],'mapactive')
		}
		if(YAHOO.util.Dom.hasClass(this.steps[i],'mapcomplete')){
			this.steps[i].style.display='none';
		}
		this.steps[i].todo=YAHOO.util.Dom.getElementsByClassName('todo','div',this.steps[i])[0];
		this.steps[i].extraquestion=YAHOO.util.Dom.getElementsByClassName('extraquestion','div',this.steps[i])[0];
	
		this.steps[i].stepcomplete=YAHOO.util.Dom.getElementsByClassName('stepcomplete','div',this.steps[i])[0];
		
		this.steps[i].mapbutton=YAHOO.util.Dom.getElementsByClassName('mapbutton','div',this.steps[i].extraquestion)[0];
		this.steps[i].mapbutton.step=this.steps[i]
		this.steps[i].mapbutton.steps=this.steps;
		YAHOO.util.Event.addListener(this.steps[i].mapbutton,'click',this.yesnoclick,this);
		
		this.steps[i].change=YAHOO.util.Dom.getElementsByClassName('mapbutton','div',this.steps[i].stepcomplete)[0];
		this.steps[i].change.step=this.steps[i];
		this.steps[i].change.steps=this.steps;
		this.steps[i].change.style.cursor='pointer';
		YAHOO.util.Event.addListener(this.steps[i].change,'click',this.changeclick,this);

		this.steps[i].yesno=YAHOO.util.Dom.getElementsByClassName('yesno','div',this.steps[i]);
		for (var j=0;j<this.steps[i].yesno.length;j++)
		{
			YAHOO.util.Event.addListener(this.steps[i].yesno[j],'click',this.yesnoclick,this);
			this.steps[i].yesno[j].step=this.steps[i];
			this.steps[i].yesno[j].steps=this.steps;
		}
		YAHOO.util.Dom.getElementsByClassName('mapcomplete','div')[0].style.display='none';
	}


}
mapShare.prototype.screenshotmapbuttonclick = function()
{
	
	for (var i=0;i<this.img.length;i++){
		
		if(this.img[i].style.display=='block'){
			this.img[i].style.display='none';
			this.innerHTML="<span>"+this.getAttribute('next')+"</span>";
		}
		else{
			this.img[i].style.display='block';
			this.innerHTML="<span class=\"previous\">"+this.getAttribute('prev')+"</span>";
		}
		
	}
}

mapShare.prototype.changeclick = function()
{
		this.step.completed=false;
		this.step.todo.style.display='none';
		this.step.extraquestion.style.display='none';
		this.step.stepcomplete.style.display='none';
		for (var i=0;i<this.steps.length;i++)
		{
			YAHOO.util.Dom.removeClass(this.steps[i],'mapactive');
			this.steps[i].extraquestion.style.display='none';
			YAHOO.util.Dom.removeClass(YAHOO.util.Dom.getElementsByClassName('yesno','div',this.steps[i]),'yesnoact');
		}
		YAHOO.util.Dom.getElementsByClassName('mapcomplete','div')[0].style.display='none';

		YAHOO.util.Dom.addClass(this.step,'mapactive');
		YAHOO.util.Dom.removeClass(YAHOO.util.Dom.getElementsByClassName('yesno','div',this.step),'yesnoact');


}
mapShare.prototype.yesnoclick = function()
{
	
	if(YAHOO.util.Dom.hasClass(this,'yes') || YAHOO.util.Dom.hasClass(this,'mapbutton')){
		this.step.completed=true;
		this.step.todo.style.display='none';
		this.step.extraquestion.style.display='none';
		this.step.stepcomplete.style.display='block';
		YAHOO.util.Dom.removeClass(this.step,'mapactive');


		for (var i=0;i<this.steps.length;i++)
		{
			if(this.steps[i].completed){
				this.counter=i+1;
				
				if(this.counter==this.steps.length){
					YAHOO.util.Dom.getElementsByClassName('mapcomplete','div')[0].style.display='block';
				}
			}
			if (!this.steps[i].completed){
				YAHOO.util.Dom.addClass(this.steps[i],'mapactive');
				break;
			}

		}

	}
	else if(YAHOO.util.Dom.hasClass(this,'no')){
		YAHOO.util.Dom.addClass(this,'yesnoact');

		this.step.todo.style.display='block';
		this.step.extraquestion.style.display='block';
	}


}