var City = new Array();
City[0] = "Nairobi";
City[1] = "Ngong";
City[2] = "Kikuyu";
City[3] = "Naivasha";
City[4] = "Limuru";
City[5] = "Mandera";
City[6] = "Mombasa";
City[7] = "Kisumu";
City[8] = "Ukunda";
City[9] = "Awasi";
City[10] = "Eldoret";
City[11] = "Homa Bay";
City[12] = "Kikuyu";
City[13] = "Naivasha";
City[14] = "Limuru";
City[15] = "Mandera";
City[16] = "Mombasa";
City[17] = "Kisumu";
City[18] = "Ukunda";
City[19] = "Awasi";

var catchText3;

var promoCount;

function showHydeWin(mode, vell){

	var showVell = vell;

	var theWindow = document.getElementById("popWindow");

	var opStart;
	var opEnd;

	if(mode === "+"){
		opStart = 0;
		opEnd = 1;
	}else if(mode === "-"){
		opStart = 1;
		opEnd = 0;
		showVell = -vell;
	}else{
		return;
	}

	var count = opStart;

	var showLoop = setInterval(function(){

		theWindow.style.opacity = count;
		count += showVell;

		if(mode === "+"){
			if(count > opEnd){
				theWindow.style.opacity = opEnd;
				clearInterval(showLoop);
			}
		}else if(mode === "-"){
			if(count < opEnd){
				theWindow.style.opacity = opEnd;
				clearInterval(showLoop);
				return;
			}
		}

	},17);

};

function genRandNum(min, max){
	var count = Math.floor((Math.random() * (max-min)) + min);
	return count;
};

function showBoxTime(sec, vell){
	showHydeWin("+", vell);
	var n = 0;
	var showLoop = setInterval(function(){
		if(n > sec){
			showHydeWin("-", vell);
			clearInterval(showLoop);
			return;
		}
		n ++;
	},1000);
};

function setBoxText(num){

	switch(num){
		case 1:
			var text = "Users looking at the offer now: 100.";
			var count = genRandNum(150, 250);
			document.getElementById("popWindow").innerHTML = text.replace("100", "<span>"+count+"</span>");
			break;
		case 2:
			var text = "An order was just placed from CITY.";
			var city = City[Math.floor(Math.random()*City.length)];
			document.getElementById("popWindow").innerHTML = text.replace("CITY", "<b>"+city+"</b>");
			break;
		case 3:
			var text = "15 discount packages left";
			var count = genRandNum(4, 10);
			catchText3 = count;
			document.getElementById("popWindow").innerHTML = text.replace("15", "<i>"+count+"</i>");
			break;
		default:
			return;
	}
	return;

};

function welcomeUser(){

	var time = 0;

	var custTime = genRandNum(9, 12);

	var userLoop = setInterval(function(){

		if(time === 0){
			setBoxText(1);
			showBoxTime(4, 0.05);
		}

		if(time === custTime){
			setBoxText(2);
			showBoxTime(4, 1);
		}

		if(time === custTime+7){
			setBoxText(3);
			promoCount = catchText3;
			showBoxTime(5, 0.01);
			clearInterval(userLoop);
			customLead(genRandNum(7, 20));
		}

		time ++;
	},1000);

};

function customLead(sec){

	setTimeout(function(){

		var time = 0;
		var leadLoop = setInterval(function(){

			if(time === 0){
				setBoxText(2);
				showBoxTime(4, 1);
			}

			if(time === 7){
				promoCount --;
				if(promoCount > 0){
					document.getElementById("popWindow").innerHTML = "Remaining: <i>"+promoCount+"</i> discount packages";
				}else{
					document.getElementById("popWindow").innerHTML = "<span>While you're online, if you order immediately, promotional conditions still stand!</span>";
				}
				showBoxTime(5, 0.01);
			}

			if(time === 14){
				clearInterval(leadLoop);
				if(promoCount > 0){
					customLead(genRandNum(2, 20));
				}
			}

			time ++;
		},1000);

	},sec*1000);

};

window.onload = welcomeUser;