// JavaScript Document
pageType = 'normal';
if(Browser.Engine.trident) DD_roundies.addRule('.curved', '15px');

function init() {
	if($('authimage')!=null) getAuthImage();
	if($chk('basket')) {
		var url = domain + "ajaxbasket.php";
		var req = new Request.HTML({ method: 'get',	url: url, update: $('basket') }).send();		
	}
	if($chk('bpadding')) {
		window.addEvent('scroll',function (e) {
			pos = Math.max(document.body.scrollTop,document.documentElement.scrollTop) - 160;
			if(pos < 0) pos = 0;
			$('bpadding').tween('height',pos + 'px');
		});
	}
	if($chk('overlay')) {
		window.addEvent('scroll',function (e) {
			pos = Math.max(document.body.scrollTop,document.documentElement.scrollTop) - 160;
			if(pos < 0) pos = 0;
			$('overlay').tween('top',pos + 'px');
		});
	}
	startList();
}

function getAuthImage() {
	var reference = Math.floor(Math.random() * 9999999);
	$('authimage').innerHTML = "Copy text (<a href=\"javascript:getAuthImage()\">refresh</a>) <img src='http://www.afxcms.com/getAuthImage.php?reference= " + reference + "' /><input type='hidden' name='imagereference' value='" + reference + "' /><input type='text' name='imagetext' style='width: 60px; height: 20px;' />";
}

/* DomReady Event fires when all Elements are ready, but not images. */
window.addEvent('domready', function() {
	init();	
});


function startList() 
{
	if($chk($('accordion'))) {
		var myAccordion = new Accordion($('accordion'), 'div.toggler', 'div.element', {
				height: false,
				width: true,
				fixedWidth: 196,
				onComplete: function() {
					$("accordion").style.visibility = "visible";
				}
			});
			$$('.toggler').addEvent('mouseenter', function() { this.fireEvent('click'); });
	}
	if ($chk($("nav"))) {
		
		$("nav").getChildren().each(function(el){
			if(el.nodeName == 'LI') {
				el.addEvent('mouseenter',function (e) {
					this.addClass('over');
				});
				el.addEvent('mouseleave',function (e) {
					this.removeClass('over');
				});
			}
			
		});
	}
	if($chk($('scroller'))) {
		if($('scroller').getSize().y >= $('scrollable').getSize().y) {
			$("scrollup").style.visibility = "hidden";
			$("scrolldown").style.visibility = "hidden";
		}
		var scroll = new Fx.Scroll('scroller', {
			wait: false,
			duration: 3000,
			transition: Fx.Transitions.Quad.easeInOut
		});
		$('scrollup').addEvents({
    		'mouseover': function(){
        		scroll.toTop();
   			 },
    		'mouseout': function(){
      			scroll.cancel();
    		}
		});
		$('scrolldown').addEvents({
    		'mouseover': function(){
        		scroll.toBottom();
   			 },
    		'mouseout': function(){
      			scroll.cancel();
    		}
		});						
	}
	if($chk($('scroll-move'))) {
		this.addEvent('scroll',function (e) {
			pos = Math.max(document.body.scrollTop,document.documentElement.scrollTop) - 160;
			if(pos < 0) pos = 0;
			//$('scroll-move').setStyle('top', pos + 'px');
			$('scroll-move').tween('padding-top',pos + 'px');
		});
	}
	if($chk($('flashbanner'))) {
		var url = "ajaxbanner.php";
		var req = new Request.HTML({ method: 'get',	url: url, update: $('flashbanner') }).send();
	}
	
	if($chk($('player'))) makeFlowPlayer('player');
	if($chk($('videotestimonials0'))) makeFlowPlayer('videotestimonials0');
	if($chk($('videotestimonials1'))) makeFlowPlayer('videotestimonials1');
	
	if($chk($('register'))) {
		$('register').addEvent('submit', function(e){
			valid = true;
			error = "There is an error with your form, please re-check your information and try again.\n";
			this.getElements("*[class*=validate]").each(function(el) {
				el.getProperty("class").split(' ').each(function(classX) {
					if(classX.indexOf("valid") != -1) {
						classX = classX.replace('validate:','')
						resp = validate(classX,el.value);
						if(!resp['valid']) {
							error += el.name + resp['message'];
							valid = false;
							el.addClass('error');
						} else {
							el.removeClass('error');
						}
					}
					
				},this);
			},this);
			if(!valid) {
				e.stop();
				alert(error);
			}
		});

	}
	if($chk($('collapseTable'))) {
		$('collapseTable').getElements('tr').each(function(el) { 
			var rowId = el.id;
			if(rowId.indexOf('collapseRow') >= 0) {
				el.setStyle('cursor', 'pointer');
				rowId = rowId.substring(11,rowId.length);
				browseFolder(rowId);	
				el.addEvent('click',function (e) {
					rowId = this.id.substring(11,this.id.length);
					browseFolder(rowId);
				});	
						
			}
		});
	}
}

function validate(type,value) {
	resp = new Array();
	resp['valid'] = true;
	resp['message'] = "";
		
	var val = new Array();
	var mess = new Array();
	val['required'] = /\S$/;
	mess['required'] = " is empty.\n";
	val['numeric'] = /(^\d+$)|(^\d+\.\d+$)/;
	mess['numeric'] = " can only contain numbers.\n";
	val['email'] = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
	mess['email'] = " is an invalid email address.\n";
	val['password'] = /\S$/;
	mess['password'] = " is empty.\n";
	val['telephone'] = /^0\d{2,4}[ -]*[\d -]{6,9}$/;
	mess['telephone'] = " is an invalid telephone number.\n";
	
	if($chk(val[type])) {
		if (!val[type].test(value)) {
			resp['valid'] = false;
			resp['message'] = mess[type];
			return resp;
		}
		else return resp;
	} else return resp;
}

function enroll(id) {
	var url = domain + "ajaxbasket.php?id=" + id;
	var req = new Request.HTML({ method: 'get',	url: url, update: $('basket'),
		onComplete: function() {
			this.delayTimer = closePopup.delay(3000, this);
		}
	 }).send();	
	 if($chk($('enroll'+id))) {
		if($('enroll'+id).innerHTML == '<a href="#" class="unButton">Enrolled</a>') {
			$('enroll'+id).innerHTML = "<a href=\"javascript:enroll(" + id + ")\" class='linkButton' >Enrol</a>"
		} else $('enroll'+id).innerHTML = '<a href="#" class="unButton">Enrolled</a>';
	}
}

function closePopup() {
	if($chk($('popup'))) {
		$('popup').setStyle('visibility','hidden');
	}
}

function closeOverlay() {
	$('overlay').setStyle('display','none');
}

function showLogin() {
	var url = domain + "ajaxlogin.php";
	var req = new Request.HTML({ method: 'get',	url: url, update: $('overlay'),
		onComplete: function() {
			$('overlay').setStyle('display','block');
		}
	 }).send();
}


function makeFlowPlayer(id) {
	if($chk($(id))) {
		flowLoc = domain + "scripts/flowplayer.swf";
		flowplayer(id, flowLoc, {
			clip:  { 
	        	autoPlay: false, 
		        autoBuffering: true 
		    },
			canvas: {backgroundColor: "#ffffff"},
			plugins: {
			   controls: {
			      progressGradient: 'medium',
			      sliderColor: '#000000',
			      tooltipTextColor: '#ffffff',
			      timeBgColor: '#555555',
			      durationColor: '#ffffff',
			      progressColor: '#112233',
			      bufferColor: '#445566',
			      backgroundColor: '#ffffff',
			      sliderGradient: 'none',
			      buttonOverColor: '#728B94',
			      backgroundGradient: 'none',
			      borderRadius: '0px',
			      timeColor: '#01DAFF',
			      buttonColor: '#5F747C',
			      volumeSliderGradient: 'none',
			      bufferGradient: 'none',
			      volumeSliderColor: '#000000',
			      tooltipColor: '#5F747C',
			      height: 24,
			      opacity: 1.0
			   }
		}});
	}
}

var folderId = new Array();
function browseFolder(id) {
	if(folderId[id] == null) {
		folderId[id] = 'open';
	}
	if(folderId[id] == 'open') {
		folderId[id] = 'closed';
		$('browse' + id).style.display = 'none';
	}
	else {
		folderId[id] = 'open';
		$('browse' + id).style.display = '';
		lastselectedCategory = id;
	}
}

function openWindow(url) {
	window.open(url,'CosmetologyCourseLocation','width=800,height=700,resizable=no,toolbar=no,location=no,directories=no,status=no,menubar=no')
}

function closeWindow(url) {
	window.opener.document.location.href=url; 
	this.close();
}	

function showOffer(id) {
	var url = domain + "ajaxoffers.php?id="+id;
	var req = new Request.HTML({ method: 'get',	url: url, update: $('showOffer') }).send();
}