function remove(el){
	if(el && el.parentNode){
		el.parentNode.removeChild(el);
	}
}

function getButton(text){
	var o = '<div class="button"><div class="left"></div><div class="right"></div><div class="center">'+text+'</div></div>';
	return o;
}


function insertPage(cont, html){
	var p = $('page');
	p.innerHTML = html;
	p.setAttribute('cont', cont);
}

var startPage = '<h1>iMines</h1><ul><li onclick="Mi.start();">'+getButton('START')+'</li><li onclick="difficultyPage();">'+getButton('DIFFICULTY')+'</li><li onclick="aboutPage();">'+getButton('ABOUT')+'</li><li onclick="location.href=\'../\';">'+getButton('MORE GAMES')+'</li><li onclick="contactPage();">'+getButton('REPORT BUG')+'</li></ul>';
var baToMe = '<div onclick="menuPage();">'+getButton('BACK TO MENU')+'</div>';
function menuPage(){
	insertPage('menu', startPage)
}


function difficultyPage(){
	var o = '';
	for(var i=1; i<19; i++){
		o += '<option value="'+i+'" '+(Mi.mineCount==i?'selected':'')+'>'+i+'</option>'
	}
	var c =	'<h1>Difficulty</h1>'+'Number of mines: <select id="diSe">'+o+'</select><div onclick="Mi.mineCount=$(\'diSe\').value; menuPage();">'+getButton('SET')+'</div>'+baToMe;
	insertPage('difficulty', c)
}

function aboutPage(){
	insertPage('about', '<p>Loading...</p>'+baToMe);
	var aj = new Ajax('texts/about.txt');
	aj.onComplete = function(r){
		insertPage('about', r+baToMe);
	}
}

function contactPage(){
	insertPage('contact', '<p>Loading...</p>'+baToMe);
	var aj = new Ajax('texts/cont.txt');
	aj.onComplete = function(r){
		insertPage('contact', r+baToMe);
	}
}

function submitToEmail(el){
	if(el.email.value != '' || el.text.value!=''){
		var aj = new Ajax('ajax.php', {data:'action=send&email='+el.email.value+'&text='+el.text.value});
		aj.onComplete = function(r){
			insertPage('sended', '<p>Your text was sent!</p>'+baToMe);
		}
	}else{
		alert('You must insert required data!');
	}
}

function hideStDi(){
    remove($('statusDi'));
    remove($('diBg'));
}

function showStatus(w, h, text){
    var di = document.createElement('div');
    di.id = 'statusDi';
	di.style.width = w+'px';
	di.style.height = h+'px';
	di.style.marginLeft = -w/2+'px';
	di.style.marginTop = -h/2+'px';
    di.innerHTML = text + '<div onclick="hideStDi(); menuPage();">' + getButton('MENU') + '</div>';
    var diBg = document.createElement('div');
    diBg.id = "diBg";
    document.body.appendChild(diBg);
    document.body.appendChild(di);
}


window.onload = function(){
	menuPage();
}