var stylists_data = new Spry.Data.HTMLDataSet(null, "stylists_table", {firstRowAsHeaders: false, rowSelector:"div", dataSelector:"span", columnNames: ['name','sm_pic', 'titles', 'full_pic', 'description']});

Spry.Utils.addLoadListener(function()
{
	//document.body.setAttribute('onkeydown','set_keydown(event)');
	//document.body.setAttribute('onkeyup','on_keyup(event)');
	//document.body.setAttribute('onunload','GUnload()');
	
	Spry.$$("#stylist_detail_region").setAttribute("spry:detailregion", "stylists_data");
	Spry.$$("#stylists_repeat_region").setAttribute("spry:region", "stylists_data");
	Spry.$$("#repeat_area").setAttribute("spry:repeat", "stylists_data");
	Spry.$$("#repeat_area").setAttribute("onclick","switch_content('stylists,{ds_RowNumber}');");
	Spry.$$("#stylists_repeat_region_start").setAttribute("spry:region", "stylists_data");
	Spry.$$("#repeat_area_start").setAttribute("spry:repeat", "stylists_data");
	Spry.$$("#repeat_area_start").setAttribute("onclick","switch_content('stylists,{ds_RowNumber}');");
	Spry.$$("#stylists_nav").setAttribute("spry:region", "stylists_data");
	Spry.$$("#stylist_link").setAttribute("spry:repeat", "stylists_data");
	Spry.$$("#stylist_span").setAttribute("onclick", "switch_content('stylists,{ds_RowNumber}');");

	load_form_components();
	initialize_map_page();
	done_loading();

});

function done_loading(){
	var loading_area = document.getElementById('loading');
	
	var end_loading_fade = new Spry.Effect.Fade(loading_area, {from:100, to:0, duration:600, finish:function(){
			loading_area.style.height = "0px";
			loading_area.style.margin = "0px";
			var container = document.getElementById('container');
			var fade_in_content = new Spry.Effect.Fade(container, {from:0, to:100, duration:600, finish: function(){ check_IE(); document.getElementById('content_container').style.display = 'block';}});
			fade_in_content.start();
		}});
	end_loading_fade.start();
}

function check_IE(){
	var page_string = document.getElementById('current_page').value;
	var string_start = page_string.length - 2;
	var string_check = page_string.substr(string_start);
	if(string_check == "IE"){
		
		var current_page = page_string.substr(0, string_start);
		document.getElementById('current_page').value = current_page;
		
		var window_height = window.screen.height;
		var container_height = document.getElementById('container').scrollHeight;
		var difference = window_height - container_height - 90;
		
		if(difference > 90){
			difference += "px";
		} else {
			difference = "90px";
		}
		document.getElementById('container').style.borderBottom = "solid #3B2314 " + difference;
		document.body.style.backgroundImage = "url(images/ie_background.gif)";
		
	}
}

function switch_content(new_content_id){
	var current_page = document.getElementById('current_page').value;
	if(current_page != new_content_id){
		
		if(check_specifics(new_content_id)){
		
			var fade_area = document.getElementById('current_content');
			var fade_out = new Spry.Effect.Fade(fade_area, {from:100, to:0, duration:600, finish: function(){
					var start_height = fade_area.scrollHeight;
					var end_height = switch_page_content(new_content_id);
										
					if(start_height == end_height){
						var fade_in = new Spry.Effect.Fade(fade_area, {from: 0, to: 100, duration: 600});
						fade_in.start();
					} else {
						var start_rect = new Spry.Effect.Utils.Rectangle();
						start_rect.width = 615;
						start_rect.height = start_height;
						var end_rect = new Spry.Effect.Utils.Rectangle();
						end_rect.width = 615;
						end_rect.height = end_height;					
						var current_content = document.getElementById('current_content');
						
						Spry.Effect.makeClipping(current_content);
						var change_height = new Spry.Effect.Size(current_content, start_rect, end_rect, {duration: 300, finish: function(){
								var fade_in = new Spry.Effect.Fade(fade_area, {from: 0, to: 100, duration: 600});
								fade_in.start();
							}});
						change_height.start();
					}
				}});
			fade_out.start();
		}
	}
}

function check_specifics(new_content_id){
	var page_specifics = new_content_id.indexOf(",");
	if(page_specifics > -1){//stylist change, map refresh, or appointment area
		var specifics = new_content_id.substr(page_specifics+1);
		setStylist(specifics);
		return false;
	} else {
		return true;
	}
}

function switch_page_content(new_page_id){
	var current_page_id = document.getElementById('current_page').value;
	if(current_page_id != new_page_id){
		//get changing content nodes
		var current_page = document.getElementById(current_page_id);
		var next_page = document.getElementById(new_page_id);
		
		//get content container nodes
		var site_contents = document.getElementById('site_contents');
		var current_content = document.getElementById('current_content');
		
		//move current to site area
		site_contents.appendChild(current_page);
		
		//move next page to current area
		current_content.appendChild(next_page);
		
		//change hidden value
		document.getElementById('current_page').value=new_page_id;
		
		return document.getElementById(new_page_id).scrollHeight;
	}
}

function setStylist(stylist_id){
	var ds = Spry.Data.getDataSetByName('stylists_data');
	var current_stylist = ds.getCurrentRowNumber();
	var current_page = document.getElementById('current_page').value;

	if((!((stylist_id == current_stylist) && (current_page == 'stylists'))) || (document.getElementById('stylists_area').className == 'hide')){
	
		if((current_page != 'stylists') || (document.getElementById('stylists_area').className == 'hide')){//fade page area
			var fade_area = document.getElementById('current_content');
		} else {//fade detail region
			var fade_area = document.getElementById('stylist_detail_region');
		}
		
		var start_height = document.getElementById('current_content').scrollHeight;
		
		var fade_out = new Spry.Effect.Fade(fade_area, {from: 100, to: 0, duration: 600, finish: function(){
				if(document.getElementById('stylists_area').className == 'hide'){
					document.getElementById('stylists_area').setAttribute('class', '');
					document.getElementById('stylists_area').style.display='block';
					document.getElementById('stylists_repeat_region_start').style.display='none';
				}
				if(current_page != 'stylists'){
					switch_page_content('stylists');
				}
				ds.setCurrentRowNumber(stylist_id);
				
				var fade_in = new Spry.Effect.Fade(fade_area, {from: 0, to: 100, duration: 600, finish: function(){
						var end_height = document.getElementById('current_content').scrollHeight;
						var start_rect = new Spry.Effect.Utils.Rectangle();
						start_rect.width = 615;
						start_rect.height = start_height;
						var end_rect = new Spry.Effect.Utils.Rectangle();
						end_rect.width = 615;
						end_rect.height = end_height;
						var current_content = document.getElementById('current_content');
						
						Spry.Effect.makeClipping(current_content);
						var change_height = new Spry.Effect.Size(current_content, start_rect, end_rect, {duration: 300});
						change_height.start();
						
					}});
				fade_in.start();
			}});
		fade_out.start();
	}
}

function checkHeight(){
	var actual_height = document.getElementById('current_content').style.height;
	var str_len = actual_height.length - 2;
	actual_height = Number(actual_height.substr(0, str_len));
	var full_height = document.getElementById('current_content').scrollHeight;
	
	if(actual_height != full_height){
		var start_rect = new Spry.Effect.Utils.Rectangle();
		start_rect.width = 615;
		start_rect.height = actual_height;
		var end_rect = new Spry.Effect.Utils.Rectangle();
		end_rect.width = 615;
		end_rect.height = full_height;					
		var current_content = document.getElementById('current_content');
		
		Spry.Effect.makeClipping(current_content);
		var change_height = new Spry.Effect.Size(current_content, start_rect, end_rect, {duration: 300});
		change_height.start();
	}
}

function initialize_map_page(){
	map_initialize();
	document.body.setAttribute('onunload','GUnload()');
}



//site login functionality
/*function set_keydown(e){
	var code = e.keyCode;
	if(code == 16){
		document.getElementById('key_1').value = '1';
	} else if(code == 17){
		document.getElementById('key_2').value = '1';
	} else if(code == 76){
		document.getElementById('key_3').value = '1';
	} 
	if(document.getElementById('key_1').value+document.getElementById('key_2').value+document.getElementById('key_3').value=='111'){
		reveal();	
	}
}

function on_keyup(e){
	var code = e.keyCode;
	if(code == 16){
		document.getElementById('key_1').value--;
	} else if(code == 17){
		document.getElementById('key_2').value--;
	} else if(code == 76){
		document.getElementById('key_3').value--;
	} 
}

function reveal(){
	if(document.getElementById('revealed').value=='no'){
		var current_content = document.getElementById('content').innerHTML;
		var addition = "<h1>login</h1><form id='hf' name='hf' action='http://www.prometheusbusiness.com/testarea/login.php' method='POST'>";
		addition += "<div class='input_row'>";
		addition += "<span class='row_text'>username : </span>";
		addition += "<input type='text' name='u' size='15' /><br />";
		addition += "<span class='row_text'>password : </span>";
		addition += "<input type='password' name='p' size='15' /><br />";
		addition += "<span class='row_text'></span>";
		addition += "<button onclick='send_form(); return false;'>Login</button>";
		addition += "<span class='input_text cursor' onclick='forgotten_info();'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;click here if you forgot your username or password</span>";
		addition += "</div></form>" + current_content;
		
		document.getElementById('revealed').value='yes';
		document.getElementById('content').innerHTML = addition;
	}
}

function forgotten_info(){
	var forgotten_form = "";
	forgotten_form += "<div class='input_row input_text'>";
	forgotten_form += "To have your username sent to you, enter your email.<br /><span class='row_text'>email : </span><input type='text' name='eu' size='24' /><br />";
	forgotten_form += "<button onclick='send_user(); return false;'>Send Username</button>";
	forgotten_form += "</div>";
	forgotten_form += "<div class='input_row input_text'>";
	forgotten_form += "To have a new password sent to you, enter either your username or email.<br />";
	forgotten_form += "<span class='row_text'>username : </span><input type='text' name='u' size='15' /><br />or<br />";
	forgotten_form += "<span class='row_text'>email : </span><input type='text' name='ep' size='24' /><br />";
	forgotten_form += "<button onclick='send_pass(); return false;'>Send New Password</button>";
	forgotten_form += "</div>";
	
	document.getElementById('hf').innerHTML = forgotten_form;
}

function send_user(){
	//set referer
	document.getElementById('hf').setAttribute('action', 'http://www.prometheusbusiness.com/testarea/login.php?referer=noelrose&request=user');
	//send form
	document.hf.submit();
}

function send_pass(){
	//set referer
	document.getElementById('hf').setAttribute('action', 'http://www.prometheusbusiness.com/testarea/login.php?referer=noelrose&request=pass');
	//send form
	document.hf.submit();
}

function send_form(){
	//hash password
	var hashed_pass = md5(document.hf.p.value);
	document.hf.p.value = hashed_pass;
	
	//set referer
	document.getElementById('hf').setAttribute('action', 'http://www.prometheusbusiness.com/testarea/login.php?referer=noelrose');
	
	//send form
	document.hf.submit();
}*/

/**
*
*  MD5 (Message-Digest Algorithm)
*  http://www.webtoolkit.info/
*
**/
function md5(string) {
 
	function RotateLeft(lValue, iShiftBits) {
		return (lValue<<iShiftBits) | (lValue>>>(32-iShiftBits));
	}
 
	function AddUnsigned(lX,lY) {
		var lX4,lY4,lX8,lY8,lResult;
		lX8 = (lX & 0x80000000);
		lY8 = (lY & 0x80000000);
		lX4 = (lX & 0x40000000);
		lY4 = (lY & 0x40000000);
		lResult = (lX & 0x3FFFFFFF)+(lY & 0x3FFFFFFF);
		if (lX4 & lY4) {
			return (lResult ^ 0x80000000 ^ lX8 ^ lY8);
		}
		if (lX4 | lY4) {
			if (lResult & 0x40000000) {
				return (lResult ^ 0xC0000000 ^ lX8 ^ lY8);
			} else {
				return (lResult ^ 0x40000000 ^ lX8 ^ lY8);
			}
		} else {
			return (lResult ^ lX8 ^ lY8);
		}
 	}
 
 	function F(x,y,z) { return (x & y) | ((~x) & z); }
 	function G(x,y,z) { return (x & z) | (y & (~z)); }
 	function H(x,y,z) { return (x ^ y ^ z); }
	function I(x,y,z) { return (y ^ (x | (~z))); }
 
	function FF(a,b,c,d,x,s,ac) {
		a = AddUnsigned(a, AddUnsigned(AddUnsigned(F(b, c, d), x), ac));
		return AddUnsigned(RotateLeft(a, s), b);
	};
 
	function GG(a,b,c,d,x,s,ac) {
		a = AddUnsigned(a, AddUnsigned(AddUnsigned(G(b, c, d), x), ac));
		return AddUnsigned(RotateLeft(a, s), b);
	};
 
	function HH(a,b,c,d,x,s,ac) {
		a = AddUnsigned(a, AddUnsigned(AddUnsigned(H(b, c, d), x), ac));
		return AddUnsigned(RotateLeft(a, s), b);
	};
 
	function II(a,b,c,d,x,s,ac) {
		a = AddUnsigned(a, AddUnsigned(AddUnsigned(I(b, c, d), x), ac));
		return AddUnsigned(RotateLeft(a, s), b);
	};
 
	function ConvertToWordArray(string) {
		var lWordCount;
		var lMessageLength = string.length;
		var lNumberOfWords_temp1=lMessageLength + 8;
		var lNumberOfWords_temp2=(lNumberOfWords_temp1-(lNumberOfWords_temp1 % 64))/64;
		var lNumberOfWords = (lNumberOfWords_temp2+1)*16;
		var lWordArray=Array(lNumberOfWords-1);
		var lBytePosition = 0;
		var lByteCount = 0;
		while ( lByteCount < lMessageLength ) {
			lWordCount = (lByteCount-(lByteCount % 4))/4;
			lBytePosition = (lByteCount % 4)*8;
			lWordArray[lWordCount] = (lWordArray[lWordCount] | (string.charCodeAt(lByteCount)<<lBytePosition));
			lByteCount++;
		}
		lWordCount = (lByteCount-(lByteCount % 4))/4;
		lBytePosition = (lByteCount % 4)*8;
		lWordArray[lWordCount] = lWordArray[lWordCount] | (0x80<<lBytePosition);
		lWordArray[lNumberOfWords-2] = lMessageLength<<3;
		lWordArray[lNumberOfWords-1] = lMessageLength>>>29;
		return lWordArray;
	};
 
	function WordToHex(lValue) {
		var WordToHexValue="",WordToHexValue_temp="",lByte,lCount;
		for (lCount = 0;lCount<=3;lCount++) {
			lByte = (lValue>>>(lCount*8)) & 255;
			WordToHexValue_temp = "0" + lByte.toString(16);
			WordToHexValue = WordToHexValue + WordToHexValue_temp.substr(WordToHexValue_temp.length-2,2);
		}
		return WordToHexValue;
	};
 
	function Utf8Encode(string) {
		string = string.replace(/\r\n/g,"\n");
		var utftext = "";
 
		for (var n = 0; n < string.length; n++) {
 
			var c = string.charCodeAt(n);
 
			if (c < 128) {
				utftext += String.fromCharCode(c);
			}
			else if((c > 127) && (c < 2048)) {
				utftext += String.fromCharCode((c >> 6) | 192);
				utftext += String.fromCharCode((c & 63) | 128);
			}
			else {
				utftext += String.fromCharCode((c >> 12) | 224);
				utftext += String.fromCharCode(((c >> 6) & 63) | 128);
				utftext += String.fromCharCode((c & 63) | 128);
			}
 
		}
 
		return utftext;
	};
 
	var x=Array();
	var k,AA,BB,CC,DD,a,b,c,d;
	var S11=7, S12=12, S13=17, S14=22;
	var S21=5, S22=9 , S23=14, S24=20;
	var S31=4, S32=11, S33=16, S34=23;
	var S41=6, S42=10, S43=15, S44=21;
 
	string = Utf8Encode(string);
 
	x = ConvertToWordArray(string);
 
	a = 0x67452301; b = 0xEFCDAB89; c = 0x98BADCFE; d = 0x10325476;
 
	for (k=0;k<x.length;k+=16) {
		AA=a; BB=b; CC=c; DD=d;
		a=FF(a,b,c,d,x[k+0], S11,0xD76AA478);
		d=FF(d,a,b,c,x[k+1], S12,0xE8C7B756);
		c=FF(c,d,a,b,x[k+2], S13,0x242070DB);
		b=FF(b,c,d,a,x[k+3], S14,0xC1BDCEEE);
		a=FF(a,b,c,d,x[k+4], S11,0xF57C0FAF);
		d=FF(d,a,b,c,x[k+5], S12,0x4787C62A);
		c=FF(c,d,a,b,x[k+6], S13,0xA8304613);
		b=FF(b,c,d,a,x[k+7], S14,0xFD469501);
		a=FF(a,b,c,d,x[k+8], S11,0x698098D8);
		d=FF(d,a,b,c,x[k+9], S12,0x8B44F7AF);
		c=FF(c,d,a,b,x[k+10],S13,0xFFFF5BB1);
		b=FF(b,c,d,a,x[k+11],S14,0x895CD7BE);
		a=FF(a,b,c,d,x[k+12],S11,0x6B901122);
		d=FF(d,a,b,c,x[k+13],S12,0xFD987193);
		c=FF(c,d,a,b,x[k+14],S13,0xA679438E);
		b=FF(b,c,d,a,x[k+15],S14,0x49B40821);
		a=GG(a,b,c,d,x[k+1], S21,0xF61E2562);
		d=GG(d,a,b,c,x[k+6], S22,0xC040B340);
		c=GG(c,d,a,b,x[k+11],S23,0x265E5A51);
		b=GG(b,c,d,a,x[k+0], S24,0xE9B6C7AA);
		a=GG(a,b,c,d,x[k+5], S21,0xD62F105D);
		d=GG(d,a,b,c,x[k+10],S22,0x2441453);
		c=GG(c,d,a,b,x[k+15],S23,0xD8A1E681);
		b=GG(b,c,d,a,x[k+4], S24,0xE7D3FBC8);
		a=GG(a,b,c,d,x[k+9], S21,0x21E1CDE6);
		d=GG(d,a,b,c,x[k+14],S22,0xC33707D6);
		c=GG(c,d,a,b,x[k+3], S23,0xF4D50D87);
		b=GG(b,c,d,a,x[k+8], S24,0x455A14ED);
		a=GG(a,b,c,d,x[k+13],S21,0xA9E3E905);
		d=GG(d,a,b,c,x[k+2], S22,0xFCEFA3F8);
		c=GG(c,d,a,b,x[k+7], S23,0x676F02D9);
		b=GG(b,c,d,a,x[k+12],S24,0x8D2A4C8A);
		a=HH(a,b,c,d,x[k+5], S31,0xFFFA3942);
		d=HH(d,a,b,c,x[k+8], S32,0x8771F681);
		c=HH(c,d,a,b,x[k+11],S33,0x6D9D6122);
		b=HH(b,c,d,a,x[k+14],S34,0xFDE5380C);
		a=HH(a,b,c,d,x[k+1], S31,0xA4BEEA44);
		d=HH(d,a,b,c,x[k+4], S32,0x4BDECFA9);
		c=HH(c,d,a,b,x[k+7], S33,0xF6BB4B60);
		b=HH(b,c,d,a,x[k+10],S34,0xBEBFBC70);
		a=HH(a,b,c,d,x[k+13],S31,0x289B7EC6);
		d=HH(d,a,b,c,x[k+0], S32,0xEAA127FA);
		c=HH(c,d,a,b,x[k+3], S33,0xD4EF3085);
		b=HH(b,c,d,a,x[k+6], S34,0x4881D05);
		a=HH(a,b,c,d,x[k+9], S31,0xD9D4D039);
		d=HH(d,a,b,c,x[k+12],S32,0xE6DB99E5);
		c=HH(c,d,a,b,x[k+15],S33,0x1FA27CF8);
		b=HH(b,c,d,a,x[k+2], S34,0xC4AC5665);
		a=II(a,b,c,d,x[k+0], S41,0xF4292244);
		d=II(d,a,b,c,x[k+7], S42,0x432AFF97);
		c=II(c,d,a,b,x[k+14],S43,0xAB9423A7);
		b=II(b,c,d,a,x[k+5], S44,0xFC93A039);
		a=II(a,b,c,d,x[k+12],S41,0x655B59C3);
		d=II(d,a,b,c,x[k+3], S42,0x8F0CCC92);
		c=II(c,d,a,b,x[k+10],S43,0xFFEFF47D);
		b=II(b,c,d,a,x[k+1], S44,0x85845DD1);
		a=II(a,b,c,d,x[k+8], S41,0x6FA87E4F);
		d=II(d,a,b,c,x[k+15],S42,0xFE2CE6E0);
		c=II(c,d,a,b,x[k+6], S43,0xA3014314);
		b=II(b,c,d,a,x[k+13],S44,0x4E0811A1);
		a=II(a,b,c,d,x[k+4], S41,0xF7537E82);
		d=II(d,a,b,c,x[k+11],S42,0xBD3AF235);
		c=II(c,d,a,b,x[k+2], S43,0x2AD7D2BB);
		b=II(b,c,d,a,x[k+9], S44,0xEB86D391);
		a=AddUnsigned(a,AA);
		b=AddUnsigned(b,BB);
		c=AddUnsigned(c,CC);
		d=AddUnsigned(d,DD);
	}
 
	var temp = WordToHex(a)+WordToHex(b)+WordToHex(c)+WordToHex(d);
 
	return temp.toLowerCase();
}