// JavaScript Document

// On load pop-up window script ----------

var popupStatus = 0;
function loadPopup()
{  
	if(popupStatus==0)
	{  
		$("#backgroundPopup")
			.css({"opacity":"0.7"})  
			.fadeIn("slow");  
		$("#popupContact")
			.fadeIn("slow");  
			
		popupStatus = 1;  
	}  
}

function disablePopup()
{  
	if(popupStatus==1)
	{  
		$("#backgroundPopup").fadeOut("slow");  
		$("#popupContact").fadeOut("slow");  
		popupStatus = 0;  
	}  
}

function centerPopup()
{  
	var windowWidth = document.documentElement.clientWidth;  
	var windowHeight = document.documentElement.clientHeight;  
	var popupHeight = $("#popupContact").height();  
	var popupWidth = $("#popupContact").width();  
	$("#popupContact").css({  
		"position": "absolute",  
		"top": windowHeight/2-popupHeight/2,  
		"left": windowWidth/2-popupWidth/2  
	});  
	  
	$("#backgroundPopup").css({"height": windowHeight});    
} 
// --------------------------------- end of onload pop-up script

$().ready(
function() 
{
	/*centerPopup();  
	loadPopup();
	*/
	$("#popupContactClose").click(function(event){ disablePopup(); event.preventDefault(); });
	$("#continue").click(function(event){ disablePopup(); event.preventDefault(); });
	$("#backgroundPopup").click(function(){ disablePopup();  });  
		
	$(document).keypress(function(e)
	{  
		if(e.keyCode==27 && popupStatus==1)
		{  
			disablePopup();  
		}  
	}); 

	$(window).bind("resize", function()
	{
		resizeContentBoxToViewPort();
		initializeContentScroller();	
		scaleImg();
	});
	
	$.preload([
		"assets/mainpages-backgrounds.png",
		"assets/black_arrow.png",
		"imgrep/slim-ex.png",
		"imgrep/mision-vision.png",
		"imgrep/academy.png",
		"imgrep/hairscapade.png",		
		"imgrep/under-construction-img.png",
		"imgrep/academy-img01.png",
		"imgrep/academy-img02.png",
		"imgrep/aesthetics-img01.png",
		"imgrep/aesthetics-img02.png",
		"imgrep/aesthetics.png",
		"imgrep/companyprofile.png",
		"imgrep/news-paper-abstract.png",
		"imgrep/contact-us.png",
		"imgrep/hairscapade-img01.png",
		"imgrep/hairscapade-img02.png",
		"imgrep/slim-ex-img01.png",
		"imgrep/slim-ex-img02.png",		
		"assets/submenubg.png",
		"assets/bmicalculator-bg.jpg",
		"assets/sprite.gif",
		"assets/bc.gif",
		"assets/bl.gif",
		"assets/br.gif",
		"assets/footerpbg.png",
		"assets/mainmenu-left-bg.png",
		"assets/mainmenu-right-bg.png",
		"assets/mainmenu-top-bg.png",
		"assets/aesthetics-backgrounds.png",
		"assets/hairscapade-backgrounds.png",
		"assets/slimex-backgrounds.png",
		"assets/academy-backgrounds.png"
	], 
	{ init: function(loaded, total) {},
	  loaded: function(img, loaded, total) {},
	  loaded_all: function(loaded, total) {}
	});
	$("body").css("background", "transparent url(assets/mainpages-backgrounds.png) top left no-repeat");	
	initializeEventHandler();
});

function initializeEventHandler()
{	
	try
	{
		$("#addonsitem img[title]").tooltip();		

		$("#latestUpdateContent")
			.topupdates({
				startstop: true,
				limit: 10,
				move: 'down'
			});
		
		$("body")
			.find("a#readfullarticle")
			.click(function(event)
			{
				var fullArticleLoader = function(html) 
					{ 
						$("#articleCont")
							.empty() 
							.append(html)
							.find("#fullArticleContentWrapper")
								.css({"height":"475px"})
							.find("#fullArticleContent")								
								.scrolltastic({up: "scrollUpBtn", down: "scrollDownBtn"});
					};
					$("#popupContact").css({"width":"578px", "height":"500px"});
					$("#articleCont")
						.css({"height":"500px"})
						.empty() 
						.append('<div class="jqmdMSG"><img src="assets/busy.gif" border="0"/><br />loading</div>');
					$("#articleTitle")
						.empty()
						.append(this.rel);
					centerPopup();
					loadPopup();					 
					$.ajax({url: "./news-feeds/feeds.php?a="+this.name, cache: true, success: fullArticleLoader});					
					event.preventDefault();
			});
		
		$("body")
			.find("#regform")
				.click(function(event)
				{
					loadBeautyWorkshopRegForm();
					event.preventDefault();
				});
	}
	catch(e){}
	
	resizeContentBoxToViewPort();
	initializeContentScroller();
	scaleImg();
	
	var showHandler = function(h) { h.w.fadeIn(88); }
	var closeHandler = function(h) { h.o.remove(); h.w.fadeOut(400); initializeEventHandler(); initializeSideMenus(); };
	
	$('#processingIndicator')
			.jqm({modal: true, overlay: 20, overlayClass: 'whiteOverlay', onShow: showHandler, onHide: closeHandler})
			.jqDrag('.jqDrag');	

	$("body")
		.find("a#linktopage")
		.bind("click", function()
		{
			loadPage(this.href);
			return false;
		});
	
	$('.menus')
		.find('a')
		.click(function(event)
		{
			event.preventDefault();
			if(this.name!='Online Franchise Enquiry Form')
			{
				if(this.name!='BMI Calculator')
					loadPage(this.href);
				else
					loadBMICalculator();
			}
			else
			{
				window.location.href = 'dload/Franchise-Enquiry-Form.doc';
			}
		});
	
	$('.menus li')
		.hover(function()
		{
			$(this)
				.find("a:first").attr("id", "activeMenu")
				.parent("li")
				.find("div#submenus:first")
				.slideDown(100);
		}, 
		function()
		{
			$(this)														
				.find("a:first").attr("id", "")
				.parent("li")
				.find("div#submenus:first")
				.slideUp(100);
		});		
	
	$('#sideMenus li')
		.find("a")
		.click(function(event)
		{
			event.preventDefault();
			if(this.name!='Online Franchise Enquiry Form')
			{
				if(this.name!='BMI Calculator')
					loadPage(this.href);
				else
					loadBMICalculator();
			}
			else
			{
				window.location.href = 'dload/Franchise-Enquiry-Form.doc';
			}
		})
		.parent("li")
		.hover(function()
		{
			$(this)
				.find("a:first").attr("id", "activeLink")
				.parent("li")
				.find("div#submenus:first")
				.slideDown(100);
		}, 
		function()
		{
			$(this)														
				.find("a:first").attr("id", "")
				.parent("li")
				.find("div#submenus:first")
				.slideUp(100);
		});
	
	$(".subpages li")
		.find("a")
		.click(function(event)
		{
			if(this.name!='Online Franchise Enquiry Form')
			{
				if(this.name!='BMI Calculator')
					loadPage(this.href);
				else
					loadBMICalculator();
				event.preventDefault();
			}
		});
		
	$("#footer-box ul li")
		.find("a")
		.click(function(event)
		{
			loadPage(this.href, true);
			event.preventDefault();
		});
	
	
	var days = new Array("Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday");
	var months = new Array("Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec");
	var today = new Date();
	$("#dynamicdte").empty()
					.append(days[today.getDay()]+", "+today.getDate()+" "+months[today.getMonth()]+" "+today.getFullYear());

	runSlideShow();
}

function latestUpdatesGoToPageLink(obj)
{
	loadPage(obj.href);
	return false;
}

function initializeSideMenus()
{
	$("#sideMenus")
		.hover(function()
		{
			$(this)
				.animate({left: "0px"}, 100)
				.find("#leftMenuHeader")
				.css("display", "block")
				.parent()
				.find("#rightMenuHeader")
				.css("display", "none");
		}, function()
		{
			$(this)
				.animate({left: "-200px"}, 100)
				.find("#leftMenuHeader")
				.css("display", "none")
				.parent()
				.find("#rightMenuHeader")
				.css("display", "block");
		});
}

function resizeContentBoxToViewPort()
{
	var clientH = $(this).height();
	var clientW = $(this).width();
	var contentBoxHeight = $('#content').height();
	var widthUnit = "pt";
	if(navigator.appName!="Microsoft Internet Explorer")
	{
		widthUnit = (navigator.userAgent.indexOf('Safari')!=-1&&navigator.userAgent.indexOf('Chrome')==-1?"px":"pt");
	}
	try
	{
		$('#contentWrapper').css('height', (clientH-340)+'px');
	}catch(e){}
}

function initializeContentScroller()
{
	$("#profileContent").scrolltastic({up: "upscroller", down: "downscroller"});
}

function loadPage(URI, isBrandLink)
{
	var loadedContentHandler = function(html) 
							   { 
							   		var pageBackground = "transparent url(assets/mainpages-backgrounds.png) top left no-repeat";
									if(isBrandLink==true)
									{
										if(URI.indexOf("aesthetic")!=-1)
											pageBackground = "transparent url(assets/aesthetics-backgrounds.png) top left no-repeat";
										if(URI.indexOf("hairscapade")!=-1)
											pageBackground = "transparent url(assets/hairscapade-backgrounds.png) top left no-repeat";
										if(URI.indexOf("slim")!=-1)
											pageBackground = "transparent url(assets/slimex-backgrounds.png) top left no-repeat";
										if(URI.indexOf("academy")!=-1)
											pageBackground = "transparent url(assets/academy-backgrounds.png) top left no-repeat";
									}
									else
									{
										pageBackground = "transparent url(assets/mainpages-backgrounds.png) top left no-repeat";
									}
									$("body").css("background", pageBackground);	
									$("#main-frame")
										.empty() 
										.append(html)
										.find("a#faq")
										.click(function(event)
										{
											loadSubWindow("./join-us-find-us/faq.html", "Franchise FAQS");
											event.preventDefault();
										});
									$("#main-frame")
										.find("a#onlineappfrm")
										.click(function(event)
										{
											loadSubWindow("./join-us-find-us/online-application.html", "Online Application");
											event.preventDefault();
										});
									$('#processingIndicator').jqmHide();
								};
		$('#processingIndicator').jqmShow();
		$.ajax({url: URI, cache: false, success: loadedContentHandler});
}

function scaleImg() 
{
	try
	{
		var contentBoxWidth = $('#content').width();
		var contentBoxHeight = $('#content').height();
		var image = $('#recentImgDisplayed');
		var browserWidth = $(this).width();
		var browserHeight = $(this).height();
		var h = browserHeight-80;
			if(contentBoxHeight>=h)	
				h = contentBoxHeight;
				image.css('height', h+'px');
				image.css('width', 'auto');				
				return;
	}catch(e){}
}

var currentItem = 1;
var numberOfImgToSlide = 0;
var arrImgs;
var slideInterval;
function runSlideShow()
{
	var imgpath = $('#recentImgDisplayed').attr("title");
				  $('#recentImgDisplayed').attr("title", "");
		if(imgpath!="" && imgpath.indexOf(";")!=-1)
		{			
			arrImgs = imgpath.split(";");
			numberOfImgToSlide = (arrImgs.length-1);
			clearInterval(slideInterval);
			slideInterval = setInterval("onShowFade()", 7000);
			$("#recentImageBox")				  		
				.hover(function(){ clearInterval(slideInterval); })
				.mouseleave(function(){ slideInterval = setInterval("onShowFade()", 7000); });
		}
		else clearInterval(slideInterval);
		
}

function onShowFade()
{
	$('#recentImgDisplayed')
		.css("backgroundColor", ($.browser.msie?"#FFFFFF":"transparent"))
		.fadeOut({duration: 1000, easing: 'linear', complete: function()
		{
			$('#recentImgDisplayed')
				.attr("src", arrImgs[currentItem])
				.fadeIn({duration: 700, easing: 'linear', complete: function()
				{
					$('#recentImgDisplayed').css("backgroundColor", "transparent");
					currentItem++;
					if(currentItem>numberOfImgToSlide)
						currentItem = 0;							
				}});
		}});
}

function loadBMICalculator()
{
	var bmiCalculatorLoader = function(html) 
		{ 
			$("#articleCont")
				.empty() 
				.append(html)
				.find("input#yh")
					.keyup(function(event)
					{
						var hei = $("input#yh").val();
						var wei = $("input#yw").val();
						if(hei!=0 && wei!=0 && !isNaN(hei) && !isNaN(wei))
						{
							$("#bmi")
								.empty()
								.append(new Number(wei / ((hei/100)*2)).toFixed(2));
						}
						else
						{
							$("#bmi")
								.empty()
								.append("0.00");
						}
					});
			$("#articleCont")
				.find("input#yw")
					.keyup(function(event)
					{
						var hei = $("input#yh").val();
						var wei = $("input#yw").val();
						if(hei!=0 && wei!=0 && !isNaN(hei) && !isNaN(wei))
						{
							$("#bmi")
								.empty()
								.append(new Number(wei / ((hei/100)*2)).toFixed(2));
						}
						else
						{
							$("#bmi")
								.empty()
								.append("0.00");
						}
					});
		};
		$("#popupContact").css({"width":"514px", "height":"298px"});
		$("#articleCont")
			.css({"height":"298px"})
			.empty() 
			.append('<div class="jqmdMSG"><img src="assets/busy.gif" border="0"/><br />loading</div>');
		$("#articleTitle")
			.empty()
			.append("BMI Calculator");
		centerPopup();
		loadPopup();					 
		$.ajax({url: "./beauty-secrets-and-workshop/bmi-calculator.html", cache: false, success: bmiCalculatorLoader});	
}

function loadBeautyWorkshopRegForm()
{
	var beautyWorkShopRegFormLoader = function(html) 
		{ 
			$("#articleCont")
				.empty() 
				.append(html)
				.find("#regfrm")
					.submit(function()
					{
						var hasError = false;
						
						$("#name").attr('style', 'width: 250px; border: 1px #CCCCCC solid;');
						$("#icnumber").attr('style', 'width: 250px; border: 1px #CCCCCC solid;');
						$("#email").attr('style', 'width: 250px; border: 1px #CCCCCC solid;');
						$("#contno").attr('style', 'width: 250px; border: 1px #CCCCCC solid;');
						$("#addr").attr('style', 'width: 250px; border: 1px #CCCCCC solid;');
						
						var nameVal = $("#name").val();
						if(nameVal == '') 
						{
							$("#name").attr("title", "Please enter your Name.");
							$("#name").attr('style', 'width: 250px; border: 1px #FF0000 solid;');
							hasError = true;
						}
						
						var icNoVal = $("#icnumber").val();
						if(icNoVal == '') 
						{
							$("#icnumber").attr("title", "Please enter your IC Number.");
							$("#icnumber").attr('style', 'width: 250px; border: 1px #FF0000 solid;');
							hasError = true;
						}
						
						var contnoVal = $("#contno").val();
						if(contnoVal == '') 
						{
							$("#contno").attr("title", "Please enter your Contact Number.");
							$("#contno").attr('style', 'width: 250px; border: 1px #FF0000 solid;');
							hasError = true;
						}
						
						var addrVal = $("#addr").val();
						if(addrVal == '') 
						{
							$("#addr").attr("title", "Please enter your Address.");
							$("#addr").attr('style', 'width: 250px; border: 1px #FF0000 solid;');
							hasError = true;
						}
						
						var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
						var emailaddressVal = $("#email").val();						
						if(emailaddressVal == '') 
						{
							$("#email").attr("title", "Please enter your Email Address.");
							$("#email").attr('style', 'width: 250px; border: 1px #FF0000 solid;');
							hasError = true;
						}
						else if(!emailReg.test(emailaddressVal)) 
						{
							$("#email").attr("title", "Enter a valid Email Address.");
							$("#email").attr('style', 'width: 250px; border: 1px #FF0000 solid;');
							hasError = true;
						}
				 
						if(!hasError) 
						{
							$("#btnprog")
								.empty()
								.append('<img src="assets/busy.gif" border="0"/> sending registration form...');
								
							$.post($(this).attr('action'), 
								   $(this).serialize(), 
								   function(data)
								   {
										disablePopup();
								   });
						}
						return false;
					});
		};
		$("#popupContact").css({"width":"514px", "height":"298px"});
		$("#articleCont")
			.css({"height":"298px"})
			.empty() 
			.append('<div class="jqmdMSG"><img src="assets/busy.gif" border="0"/><br />loading</div>');
		$("#articleTitle")
			.empty()
			.append("Registration Form");
		centerPopup();
		loadPopup();					 
		$.ajax({url: "./beauty-secrets-and-workshop/registration-form.html", cache: false, success: beautyWorkShopRegFormLoader});	
}

function loadSubWindow(uri, title)
{
	var windowLoader = function(html) 
		{ 
			$("#articleCont")
				.empty() 
				.append(html)
				.find("#fullArticleContent")								
					.scrolltastic({up: "scrollUpBtn", down: "scrollDownBtn"});
			
			$("#articleCont")
				.find("#frmOnlineApplication")
					.submit(function()
					{						
						$("#btnprog")
							.empty()
							.append('<img src="assets/busy.gif" border="0"/> sending application form...');
							
						$.post($(this).attr('action'), 
							   $(this).serialize(), 
							   function(data)
							   {
									disablePopup();
							   });						
						return false;
					});
		};
		$("#popupContact").css({"width":"602px", "height":"500px"});
		$("#articleCont")
			.css({"height":"500px"})
			.empty() 
			.append('<div class="jqmdMSG"><img src="assets/busy.gif" border="0"/><br />loading</div>');
		$("#articleTitle")
			.empty()
			.append(title);		
		centerPopup();	
		loadPopup();				 
		$.ajax({url: uri, cache: false, success: windowLoader});	
}