// Flair Models JavaScript Document

/* //////////////////////////////
MENU
////////////////////////////// */

function InitMenu() {
	var nav = document.getElementById('navigation');
	var mainmenu = nav.getElementsByTagName('div');
	
	for (var i=0; i<mainmenu.length; i++) {
		var submenu = mainmenu[i].getElementsByTagName('div');
		if (mainmenu[i].className == 'mainmenu' && submenu.length>0) {
			mainmenu[i].onmouseover = MenuOver;
			mainmenu[i].onmouseout = MenuOut;
		}
	}
}
function MenuOver() {
	var submenu = this.getElementsByTagName('div');
	submenu[0].className = 'submenu';
}
function MenuOut() {
	var submenu = this.getElementsByTagName('div');
	submenu[0].className = 'submenu hide';
}

/* //////////////////////////////
FORM
////////////////////////////// */

function Back() {
	window.history.go(-1);
}

function SubmitForm() {
	var frm = document.myForm;
	
	if (ValidateForm()) {
		CollectChk("modcategory");
		CollectChk("talent");
		CollectChk("ethnicity");
		CollectChk("style");
		CollectChk("sport");
		CollectChk("skineffect");
		frm.submit();
	}
}

function IndustryForm() {
	var frm = document.myForm;
	
	if (ValidateForm()) {
		CollectChk("industry");
		frm.submit();
	}
}

function CollectChk(_name) {
	var frm = document.myForm;
	var tmp = frm["tmp_"+_name];
	var mm = frm["data[Member][mm_"+_name+"]"];
	var arr = Array();
	
	for (i=0; i<tmp.length; i++) {
		if (tmp[i].checked == true) {
			arr.push(tmp[i].value);
		}
	}
	if (arr.length > 0 || frm["tmp_"+_name+"_others"].value != '') {
		mm.value = arr.join(",") + ",\t" + frm["tmp_"+_name+"_others"].value;
	} else {
		mm.value = '';
	}
}

function ValidateForm() {
	var frm = document.myForm;
	var out = '';
	
	var emailRegExp = /^[^@]+@[^@]+.[a-z]{2,}$/i;
	if (frm["data[User][usr_email]"].value.search(emailRegExp) == -1) {
		out += "Invalid Email Address. \n";
	}
	if (!frm["data[User][usr_password]"]) {
		/* do nothing */
	} else {
		if (frm['data[User][usr_password]'].value != frm['data[User][usr_password_verify]'].value) {
			out += "Your passwords does not match. \n";
		}
		if (frm['data[User][usr_password]'].value.length < 6) {
			out += "Passwords should be atleast 6 characters. \n";
		}
		if (frm.terms.checked == false) {
			out += "You need to accept the Terms and Conditions below. \n";
		}
	}
	if (frm['data[Member][mm_firstname]'].value == '') {
		out += "Enter your first name. \n";
	}
	if (frm['data[Member][mm_lastname]'].value == '') {
		out += "Enter your last name. \n";
	}
	if (frm['data[Member][mm_gender]'].value == '') {
		out += "Select your gender. \n";
	}
	/*if (frm['data[Member][mm_bday]'].value == '') {
		out += "Enter your birthday. \n";
	}
	if (frm['data[Member][mm_contact1]'].value == '') {
		out += "Enter your contact number. \n";
	}*/
	
	if (out == '') {
		return true;
	} else {
		alert(out);
		return false;
	}
}

function UpdatePassword() {
	var frm = document.myForm;
	var out = '';
	
	if (frm['data[User][usr_password]'].value != frm['data[User][usr_password_verify]'].value) {
		out += "Your passwords does not match. \n";
	}
	if (frm['data[User][usr_password]'].value.length < 6) {
		out += "Passwords should be atleast 6 characters. \n";
	}
	
	if (out == '') {
		frm.submit();
	} else {
		alert(out);
		return false;
	}
	
}

function formatdate() {
	var frm = document.myForm;
	var out = frm.mm_year.value + "-" + frm.mm_month.value + "-" + frm.mm_day.value;
	if (out == "--") {
		out = '';
	}
	frm['data[Member][mm_bday]'].value = out;
}


/* //////////////////////////////////////////////////////////////////////////////////////////////////// */
/* Addressbook */
/* //////////////////////////////////////////////////////////////////////////////////////////////////// */
function Addressbook() {
	var ab = document.myForm['data[email][addressbook]'];
	if (ab.className == 'esel hide') {
		ab.className = 'esel';
	} else {
		ab.className = 'esel hide';
	}
}

function addToAB(_str) {
	var ab = document.myForm['data[email][addressbook]'];
	var to = document.myForm['data[email][to]'];
	if (to.value == '') {
		to.value = _str;
	} else {
		to.value += ", " + _str;
	}
	ab.className = 'sel hide';
}

function AllAddressbook() {
	var ab = document.myForm['data[email][addressbook]'];
	var to = document.myForm['data[email][to]'];
	var out = Array();
	for (var i=0; i<ab.options.length; i++) {
		out.push(ab.options[i].value);
	}
	to.value = out.join(", ");
}

function SendEmail() {
	if (confirm("Are you sure you want to send out this email?")) {
		document.myForm.submit();
	} else {
		return false;
	}
}

function willemail(_obj, _txt) {	
	if (confirm("Do you want to email this user regarding his/her profile "+_txt)) {
		_obj.href += "/1";
	} else {
		_obj.href += "/0";
	}
}


/* //////////////////////////////////////////////////////////////////////////////////////////////////// */
/* Fade Out */
/* //////////////////////////////////////////////////////////////////////////////////////////////////// */

var Fat = {
	make_hex : function (r,g,b) 
	{
		r = r.toString(16); if (r.length == 1) r = '0' + r;
		g = g.toString(16); if (g.length == 1) g = '0' + g;
		b = b.toString(16); if (b.length == 1) b = '0' + b;
		return "#" + r + g + b;
	},
	fade_all : function ()
	{
		var a = document.getElementsByTagName("*");
		for (var i = 0; i < a.length; i++) 
		{
			var o = a[i];
			var r = /fade-?(\w{3,6})?/.exec(o.className);
			if (r)
			{
				if (!r[1]) r[1] = "";
				if (o.id) Fat.fade_element(o.id,null,null,"#"+r[1]);
			}
		}
	},
	fade_element : function (id, fps, duration, from, to) 
	{
		if (!fps) fps = 30;
		if (!duration) duration = 3000;
		if (!from || from=="#") from = "#ffffcc";
		if (!to) to = this.get_bgcolor(id);

		var frames = Math.round(fps * (duration / 1000));
		var interval = duration / frames;
		var delay = interval;
		var frame = 0;

		if (from.length < 7) from += from.substr(1,3);
		if (to.length < 7) to += to.substr(1,3);

		var rf = parseInt(from.substr(1,2),16);
		var gf = parseInt(from.substr(3,2),16);
		var bf = parseInt(from.substr(5,2),16);
		var rt = parseInt(to.substr(1,2),16);
		var gt = parseInt(to.substr(3,2),16);
		var bt = parseInt(to.substr(5,2),16);

		var r,g,b,h;
		while (frame < frames)
		{
			r = Math.floor(rf * ((frames-frame)/frames) + rt * (frame/frames));
			g = Math.floor(gf * ((frames-frame)/frames) + gt * (frame/frames));
			b = Math.floor(bf * ((frames-frame)/frames) + bt * (frame/frames));
			h = this.make_hex(r,g,b);

			setTimeout("Fat.set_bgcolor('"+id+"','"+h+"')", delay);

			frame++;
			delay = interval * frame; 
		}
		setTimeout("Fat.set_bgcolor('"+id+"','"+to+"')", delay);
	},
	set_bgcolor : function (id, c)
	{
		var o = document.getElementById(id);
		o.style.backgroundColor = c;
	},
	get_bgcolor : function (id)
	{
		var o = document.getElementById(id);
		while(o)
		{
			var c;
			if (window.getComputedStyle) c = window.getComputedStyle(o,null).getPropertyValue("background-color");
			if (o.currentStyle) c = o.currentStyle.backgroundColor;
			if ((c != "" && c != "transparent") || o.tagName == "BODY") { break; }
			o = o.parentNode;
		}
		if (c == undefined || c == "" || c == "transparent") c = "#FFFFFF";
		var rgb = c.match(/rgb\s*\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*\)/);
		if (rgb) c = this.make_hex(parseInt(rgb[1]),parseInt(rgb[2]),parseInt(rgb[3]));
		return c;
	}
}

window.onload = function() {
	Fat.fade_all();
}


/* //////////////////////////////////////////////////////////////////////////////////////////////////// */
/* Image */
/* //////////////////////////////////////////////////////////////////////////////////////////////////// */

var num = 0;
function QueImages(_obj) {
	/* que image List */
	var img = _obj.value;
	var ext = img.slice(-3).toLowerCase();
	if(ext == "jpg" || ext == "png" || ext == "gif") {
		/* add to text que */
		var imageTextCache = document.getElementById('imageTextCache');
		var newTextCache = document.createElement("div");
		
		newTextCache.id = "txtQ"+num;
		newTextCache.innerHTML = '<span>'+img+'</span> &nbsp; <a href="javascript:RemoveItem('+num+')">remove</a>';
		num++;
		imageTextCache.appendChild(newTextCache, imageTextCache.firstChild);
		
		/* add to file que */
		var imageFileCache = document.getElementById('imageFileCache');
		var newFileCache = document.createElement("div");
		newFileCache.id = 'imageFile'+num;
		newFileCache.innerHTML = '<input type="file" name="imageFile'+num+'" class="txt" onchange="QueImages(this);" />';
		imageFileCache.insertBefore(newFileCache, imageFileCache.firstChild);
		_obj.className = 'hide';
		
	} else {
		alert("Invalid file. Only JPG, GIF and PNG files can be uploaded.");
	}
}

function RemoveItem(_id) {
	var imageTextCache = document.getElementById('imageTextCache');
	var textCache = document.getElementById('txtQ'+_id);
	imageTextCache.removeChild(textCache);
	
	var imageFileCache = document.getElementById('imageFileCache');
	var fileCache = document.getElementById('imageFile'+_id);
	imageFileCache.removeChild(fileCache);
}


function SubmitImageForm(_btn) {
	var frm = document.myImageForm;
	var out = '';
	
	if (document.getElementById('imageTextCache').innerHTML == '') {
		out += 'Browse for an image to upload.';
	}
	
	if (out == '') {
		var imageFileCache = document.getElementById('imageFileCache');
		var arrDiv = imageFileCache.getElementsByTagName('div');
		var tempidarr = [];
		for (var i=0; i<arrDiv.length; i++) {
			if (frm[arrDiv[i].id].value != '') {
				tempidarr.push(arrDiv[i].id);
			}
		}
		
		frm['data[Image][imageFiles]'].value = tempidarr.join(",");
		document.getElementById('uploadStatus').innerHTML = "Uploading Images. Please wait...";
		_btn.className = 'hide';
		
		frm.submit();
	} else {
		alert(out);
	}
}