<!--

	//================================================================================================
	// VARIABLES DECLARATION
	//================================================================================================
	var blnFirst, blnSwearJar, blnNewsletter, blnFinish;
	var area;
	var MAX_HEIGHT = 660;
	var MIN_HEIGHT = 440;
	var area_h, image_h, tabWork, tabPlay, h;
	var search = "";
	var tabTo = "";
	var selectedPage = 0, selectedTab = "";

	//================================================================================================
	// AJAX FUNCTIONS
	//================================================================================================
	function showMenu(id, tab, keywords)
	{
		var url = "get_menu.asp?tab=" + tab + "&pageID=" + id;
		var div = $('container_menu_' + tab);

		var req = new Request( {url: '' + url,

			onSuccess: function(txt) {
				$(div).set('html', txt);

				if (!blnFirst) {

					if (area != tab)
					{
						if (area == "work") {
							openPlay();
						} else if (area == "play") {
							openWork();
						}
					}

					showDetails(id, tab, keywords);

				} else {
					$("tab_play").addClass('finger');
					$("arrow_work").setProperty('src', 'images/site/arrow_up_active.gif');
					blnFirst = false;
				}

				if (tab == "work") {
					tabWork = id;
				} else if (tab == "play") {
					tabPlay = id;
				}

			},

			onFailure: function() {
				$(div).set('html', 'Error loading... Please refresh the browser');
			},

			onRequest: function() {
				$(div).set('html', 'loading...');
			}

		});

		if (blnFinish)	{
			blnFinish = false;
			req.send();
		}
	}

	function showDetails(id, tab, keywords)
	{
		var url = "get_details.asp?tab=" + tab + "&pageID=" + id + "&keywords=" + keywords;
		var div = $('container_' + tab);

		var req = new Request( {url: '' + url, 

			onSuccess: function(txt) {
				$(div).removeClass('ajax');
				$(div).set('html', txt);
				setupCufon();
				blnFinish = true;

				if (id > -1) h.addState(tab + '_' + id);
			},

			onFailure: function() {
				$(div).set('html', 'Error loading... Please refresh the browser');
			},

			onRequest: function() {
				$(div).empty();
				$(div).addClass('ajax');
			}

		}).send().chain(function() {
			resetTabFloater();
		});
	}

	function signupSwearJarNewsletter(listID, fullname, email)
	{
		//var url = "http://admin.swearjar.com.au/process.asp";

		var url = "process.asp";

		var data = "process=recipient";
		data = data + "&action=add-jax";
		data = data + "&listID=" + listID;
		data = data + "&fullname=" + fullname;
		data = data + "&email=" + email;
		data = data + "&sid=" + Math.random();

		var response, outputHTML;

		var req = new Request( {method: 'get', url: '' + url,

			onSuccess: function(txt) {
				//response = txt.split(':');

				outputHTML = txt;

				showMessageBox(outputHTML);
			},

			onFailure: function() {
				showMessageBox("Error connecting to server. Please refresh this page...");
			}

		}).send(data);
	}

	//================================================================================================
	// LAYOUT FUNCTIONS
	//================================================================================================
	function openWork()
	{
		$('tab_floater').tween('top', area_h);

		$("container_work").tween('top', 0);
		$("container_play").setStyle('display', 'none');

		//$("play").addClass("finger");
		$("play").getChildren('img')[0].src = "images/site/txt_play.gif";

		$("work").getChildren('img')[0].src = "images/site/txt_work_active.gif";
		//$("work").removeClass("finger");

		$("arrow_work").setProperty('src', 'images/site/arrow_up_active.gif');
		$("arrow_play").setProperty('src', 'images/site/arrow_down.gif');

		$("tab_work").removeClass('finger');
		$("tab_play").addClass('finger');

		area = "work";
	}

	function openPlay()
	{
		$('tab_floater').tween('top', 0);	
		
		$("container_play").setStyle('display', 'block');		
		$("container_work").tween('top', -area_h);	

		//$("work").addClass("finger");
		$("work").getChildren('img')[0].src = "images/site/txt_work.gif";
		
		$("play").getChildren('img')[0].src = "images/site/txt_play_active.gif";
		//$("play").removeClass("finger");	

		$("arrow_play").setProperty('src', 'images/site/arrow_down_active.gif');
		$("arrow_work").setProperty('src', 'images/site/arrow_up.gif');

		$("tab_work").addClass('finger');
		$("tab_play").removeClass('finger');
		
		area = "play";	
	}

	function resetTabFloater()
	{
		area_h = window.getHeight() - 170;
		image_h = area_h - 38;

		if (image_h > MAX_HEIGHT) image_h = MAX_HEIGHT;
		if (image_h < MIN_HEIGHT) image_h = MIN_HEIGHT;

		$("container_work").setStyle('height', area_h);
		$("container_play").setStyle('height', area_h);
		$$(".resizeable").setStyle('height', image_h);
		$$(".resizeable_text").setStyle('height', image_h - 2);

		if (area == "work") $("tab_floater").setStyle('top', area_h);
		if (area == "play") $("container_work").setStyle('top', -1 * area_h);
	}

	function toggleSwearJar()
	{
		if (blnSwearJar) {
			new Fx.Tween($("swearjar_box")).start('opacity', 1, 0).chain(function() {
				$("swearjar_box").setStyle('display', 'none');
			});
			blnSwearJar = false;
		} else {
			$("swearjar_box").setStyle('display', 'block');
			new Fx.Tween($("swearjar_box")).start('opacity', 0, 1);
			blnSwearJar = true;
		}
	}

	function toggleNewsletter()
	{
		if (blnNewsletter) {
			new Fx.Tween($("newsletter_box")).start('opacity', 1, 0).chain(function() {
				$("newsletter_box").setStyle('display', 'none');
			});
			blnNewsletter = false;
		} else {
			if (blnSwearJar) {
				new Fx.Tween($("swearjar_box")).start('opacity', 1, 0).chain(function() {
					$("swearjar_box").setStyle('display', 'none');
				});
				blnSwearJar = false;
			}

			$("newsletter_box").setStyle('display', 'block');
			new Fx.Tween($("newsletter_box")).start('opacity', 0, 1);
			blnNewsletter = true;
		}
	}

	function showMessageBox(txt)
	{
		//setup the div
		var div = $('message_box');

		div.set('html', txt);
		div.setStyle('display', 'block');
		new Fx.Tween($(div), {duration: 4000, wait: true}).start('opacity', 1, 0).chain(function () {
			div.setStyle('display', 'none');
		});
	}

	function submitNewsletter()
	{
		var form = document.sigupform;

		var c_listID = form.listID.value;
		var c_fullname = form.fullname.value;
		var c_email = form.email.value;

		var valid = true;

		if ((c_fullname == "") || (c_fullname == "Your full name"))
		{
			valid = false;
			alert("Please make sure you have entered your full name.");
		}
		else if (!(/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(c_email)))
		{
			valid = false;
			alert("Please make sure you have entered a valid e-mail address.");
		}

		if (valid == true)
		{
			trackPage("/2.0/newsletter_signup");
			toggleNewsletter();
			signupSwearJarNewsletter(c_listID, c_fullname, c_email);
		}

	}
	
	function setKeywords()
	{
		if ($chk($('keywords')))
		{
			search = $('keywords').get('text');
		}
	}

	function setTab(tab, pageID)
	{
		selectedTab = tab;
		selectedPage = pageID;
	}

	//================================================================================================
	// EVENTS FUNCTIONS
	//================================================================================================
	function setupActions()
	{
		$("work").addEvent('click', function(e) {
			if (area == "play") {
				e.stop();

				if (tabWork != 0) {
					showMenu(0, "work", "");
				} else {
					openWork();
				}

				trackPage("/2.0/work_new_stuff");

			} else if (area == "work") {

				if (tabWork != 0) {
					showMenu(0, "work", "");
				}

				trackPage("/2.0/work_new_stuff");
			}
		});

		$("play").addEvent('click', function(e) {
			if (area == "work") {
				e.stop();

				if (tabPlay != 0) {
					showMenu(0, "play", "");
				} else {
					openPlay();
				}

				trackPage("/2.0/play_new_stuff");

			} else if (area == "play") {

				if (tabPlay != 0) {
					showMenu(0, "play", "");
				}

				trackPage("/2.0/play_new_stuff");
			}
		});
		
		$("sw").addEvents({

			'click' : function(e) {
				e.stop();
				showMenu(0, "work", "");
			}
			
		});		

		$("tab_work").addEvents({

			'click' : function(e) {
				$("work").fireEvent('click', e);
			},

			'mouseover' : function(e) {
				if (area == "play") {
					$("arrow_work").setProperty('src', 'images/site/arrow_up_hover.gif');
					$("work").getChildren('img')[0].src = "images/site/txt_work_active.gif";
				}
			},

			'mouseout' : function(e) {
				if (area == "play") {
					$("arrow_work").setProperty('src', 'images/site/arrow_up.gif');
					$("work").getChildren('img')[0].src = "images/site/txt_work.gif";
				}
			}

		});

		$("tab_play").addEvents({ 

			'click' : function(e) {
				$("play").fireEvent('click', e);
			},

			'mouseover' : function(e) {
				if (area == "work") {
					$("arrow_play").setProperty('src', 'images/site/arrow_down_hover.gif');
					$("play").getChildren('img')[0].src = "images/site/txt_play_active.gif";
				}
			},

			'mouseout' : function(e) {
				if (area == "work") {
					$("arrow_play").setProperty('src', 'images/site/arrow_down.gif');
					$("play").getChildren('img')[0].src = "images/site/txt_play.gif";
				}
			}

		});

		$("link_info").addEvents({

			'click' : function(e) {
				this.href = "mailto:words@swearwords.com.au";
			},

			'mouseover' : function(e) {
				this.getChildren('img')[0].setProperty('src', 'images/site/sw_info_hover.gif');
			},

			'mouseout' : function(e) {
				this.getChildren('img')[0].setProperty('src', 'images/site/sw_info.gif');
			}

		});

		$("link_swearjar").addEvents({

			'click' : function(e) {
				e.stop();
				toggleSwearJar();
			},

			'mouseover' : function(e) {
				this.getChildren('img')[0].setProperty('src', 'images/site/txt_swearjar_hover.gif');
			},

			'mouseout' : function(e) {
				this.getChildren('img')[0].setProperty('src', 'images/site/txt_swearjar.gif');
			}
		});

		$("link_newsletter").addEvents({

			'click' : function(e) {
				e.stop();
				toggleNewsletter();
			},

			'mouseover' : function(e) {
				this.getChildren('img')[0].setProperty('src', 'images/site/txt_newsletter_hover.gif');
			},

			'mouseout' : function(e) {
				this.getChildren('img')[0].setProperty('src', 'images/site/txt_newsletter.gif');
			}
		});
		
		$("link_twitter").addEvents({

			'mouseover' : function(e) {
				this.getChildren('img')[0].setProperty('src', 'images/site/txt_twitter_hover.gif');
			},

			'mouseout' : function(e) {
				this.getChildren('img')[0].setProperty('src', 'images/site/txt_twitter.gif');
			}
		});		

		$("close_newsletter").addEvents({

			'click' : function(e) {
				e.stop();
				new Fx.Tween($("newsletter_box")).start('opacity', 1, 0).chain(function() {
					$("newsletter_box").setStyle('display', 'none');
				});
				blnNewsletter = false;
			},

			'mouseover' : function(e) {
				this.setStyle('color', '#cc0033');
			},

			'mouseout' : function(e) {
				this.setStyle('color', '#333333');
			}
		});

		if ($chk($("close_swearjar")))
		{
			$("close_swearjar").addEvents({

				'click' : function(e) {
					e.stop();
					new Fx.Tween($("swearjar_box")).start('opacity', 1, 0).chain(function() {
						$("swearjar_box").setStyle('display', 'none');
					});
					blnSwearJar = false;
				},

				'mouseover' : function(e) {
					this.setStyle('color', '#ffffff');
				},

				'mouseout' : function(e) {
					this.setStyle('color', '#ffcc33');
				}

			});
		}

		$("submit_newsletter").addEvent('click', function(e) {
			e.stop();
			submitNewsletter();
		});

	}
	
	function setupCufon()
	{
		Cufon.replace('.avenir_heavy', { fontFamily: 'Avenir Roman' });
		//Cufon.replace('.avenir_roman', { fontFamily: 'Avenir Roman' });
	}	
	
	function setupScrollSide()
	{
		var scrollWork = new ScrollSide($('container_work'));
		var scrollPlay = new ScrollSide($('container_play'));
	}	

	//================================================================================================
	// START THIS WHEN PAGE DOM READY
	//================================================================================================
	window.addEvents({

		'domready' : function() {
			setKeywords();
			setupScrollSide();
			
			h = new HistoryManager();

			h.addEvent('onHistoryChange', function() {
				if (h.getCurrentLocation() != "")
				{
					var state = h.getCurrentLocation().split('_');
					showMenu(state[1], '' + state[0], '');

				} else {

					if (search != "") {
						if (search != "swearjar") {
							showMenu(-1, "play", "");

							blnFinish = true;						
							showMenu(-1, "work", search);
						}
						else{
							showMenu(0, "work", "");
							toggleSwearJar();
						}
					} else {
						showMenu(0, "work", "");
					}

				}
			});

			//h.fireEvent('onHistoryChange', [h.getCurrentLocation()]);

			blnFirst = true;
			blnSwearJar = false;
			blnNewsletter = false;
			
			blnFinish = true;
			if (h.getCurrentLocation() != "")
			{
				var first_state = h.getCurrentLocation().split('_');

				if (first_state[0] == "play") {
					blnFinish = true;
					showMenu(-1, "work", '');		
				}
				else {
					blnFinish = true;
					showMenu(-1, "play", '');
				}

				blnFinish = true;
				showMenu(first_state[1], '' + first_state[0], '');

			} else {
				if (search != "") {
					if (search != "swearjar") {
						showMenu(-1, "play", "");

						blnFinish = true;
						showMenu(-1, "work", search);
					}
					else {
						showMenu(0, "work", "");
						toggleSwearJar();
					}
				} else {
					if (selectedTab != ""){
						showMenu(-1, "play", "");
						
						blnFinish = true;
						showMenu(selectedPage, selectedTab, "");
					}
					else{
						showMenu(-1, "play", "");
					
						blnFinish = true;
						showMenu(0, "work", "");
					}
				}
			}

			$("container_play").setStyle('display', 'none');
			$("swearjar_box").setStyle('opacity', 0);
			$("newsletter_box").setStyle('opacity', 0);

			setupActions();

			if (tabTo != "") {
				area = tabTo;
			} else {
				area = "work";
			}
			resetTabFloater();

		},

		'resize' : function() {

			resetTabFloater();

		}

	});

//-->