var City = new Array();
City[0] = " กรุงเทพฯ";
City[1] = "   สมุทรปราการ";
City[2] = " นนทบุรี";
City[3] = " ปทุมธานี";
City[4] = " เชียงใหม่";
City[5] = " ลำปาง";
City[6] = " นครปฐม";
City[7] = " ภูเก็ต";
City[8] = " นครราชสีมา";
City[9] = " นครศรีธรรมราช";
City[10] = " เชียงราย";
City[11] = " กระบี่";
City[12] = " นครสววรค์";
City[13] = " อุบลราชธานี";
City[14] = " นครนายก";
City[15] = "  ประจวบคีรีขันธ์";
City[16] = " ชลบุรี";
City[17] = " กำแพงเพชร";
City[18] = " หนองคาย";
City[19] = " ระยอง";

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 = "  ในขณะนี้มีผู้เข้าชมในเว็บไซต์นี้ 100 คน";
			var count = genRandNum(150, 250);
			document.getElementById("popWindow").innerHTML = text.replace("100", "<span>"+count+"</span>");
			break;
		case 2:
			var text = "  การสั่งซื้อจาก   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 แพคเกจ!";
			var count = genRandNum(4, 8);
			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 = "   มีเท่านั้น <i>"+promoCount+"</i>   สินค้าราคาโปรโมชั่นหมด";
				}else{
					document.getElementById("popWindow").innerHTML = "<span>  ถ้าคุณสั่งซื้อสินค้าตอนนี้คุณจะซื้อได้ในราคาโปรโมชั่น !!!</span>";
				}
				showBoxTime(5, 0.01);
			}
			
			if(time === 14){
				clearInterval(leadLoop);
				if(promoCount > 0){
					customLead(genRandNum(2, 20));
				}
			}
			
			time ++;
		},1000);
		
	},sec*1000);
	
};

window.onload = welcomeUser;