<!--

	
	var arMenu = [
			"HOME", 
			"WEB", 
			"DIGITAL_PROFILES", 
			"LOGOTYPES", 
			"DIGITAL_ARTS", 
			"PRINT", 
			"PHOTOGRAPHY", 
			"ABOUT"
	];
	
	var iMenuCurrent = 0; //home=0 - WEB=1 - DIGITAL_PROFILES=2 - LOGOTYPES=3 - DIGITAL_ARTS=4 - PRINT=5 - PHOTOGRAPHY=6 - ABOUT=7 - PROJECT=8
	var iProjectCurrent = 0;
	var iSlideCurrent = 0;
	
	var elementProject;
	var elementSlideContainer;
	var elementArrowSx;
	var elementArrowDx;
	
	
	/*****
	Inizializzazione DOM
	*****/
	window.addEvent('domready', function() {
			initialize();
			openpage(0);
	});

	
	/*****
	FUNZIONI COMUNI INIT
	*****/
	/*
	Per resettare i valori iniziali
	*/
	function initialize() {
			$('menu').getElements('.item').each(function(item, index) {
					var hrefElement = item.getElement('a');

					hrefElement.addEvents({
							'mouseover': function(){
									if((iMenuCurrent) != index) this.addClass('active');
							},
							'mouseout': function(){
									if((iMenuCurrent) != index) this.removeClass('active');
							},
							'click': function(){
									if((iMenuCurrent) != index) {
											if(iMenuCurrent) $('menuitem'+ iMenuCurrent).removeClass('active');
											iMenuCurrent = index;
											this.addClass('active');
											openpage(iMenuCurrent);
									}
							}
					});
			});
			
			
	}
	
	function hrefClick(index) {
			$('menuitem'+ index).fireEvent('click');
	}

	
	function initializaSubItemMenu() {
			$('menu').getElements('.subItemMenu').each(function(item, index) {
					item.setStyle('height', '0px');
					var twHeight = 20 * item.getElements('a').length;

					item.addEvents({
							'show': function(event){
									item.setStyle('display', 'block');
									item.set('tween', {
											duration: 600,
											transition: Fx.Transitions.Bounce.easeOut
									}).tween('height', twHeight);
							},
							'hide': function(){
									item.set('tween', {
											onComplete: function(){
													item.setStyle('display', 'none');
											}
									}).tween('height', '0px');
							}
					});
			});
	}

	/* 
	Visualizz un messaggio di errore nel 'boxError'
	*/
	function setError(mess) {
			$('boxError').set('text', mess); 
			$('boxError').setStyle('display', 'block');
			(
				function(){ 
						$('boxError').setStyle('display', 'none');
				}
			).delay(2000);
	}
	
	
	/* 
	Utilizzata per recuperare un template (pagina HTML) attraverso una richiesta HTTP 
	*/
	function openpage(iPageIndexRef) {
			var sPageRef = (arMenu[iPageIndexRef]).toLowerCase();
			var sUrlTemplate = 'page/'+ sPageRef +'.html';
			
			var myRequest = new Request.HTML({
					url: sUrlTemplate, 
					onFailure: function() {
							setError('Si sono verificati errori durante la richiesta');
					},
					onSuccess: function(responseTree, responseElements, responseHTML, responseJavaScript) {
							$('page').set('html', responseHTML);
							
							if(iPageIndexRef == 0 || iPageIndexRef == 7) {
									$('project_subitem').empty();
							}
							
							if(iPageIndexRef == 1 || iPageIndexRef == 2 || iPageIndexRef == 3 || iPageIndexRef == 4 || iPageIndexRef == 5 || iPageIndexRef == 6) {
									if($('subitem')) $('subitem').replaces($('project_subitem')).setProperty('id', 'project_subitem').removeClass('hidebox');
									initializeProject();
									openProject(1);
							}
					}
			}).get();
	}
	
	/*****
	FUNZIONI COMUNI END
	*****/
	
	/*function showSubMenu(iPageIndexRef) {
			if(iMenuCurrent>0 && $(arMenu[iMenuCurrent].toLowerCase() +'_subitem')) $(arMenu[iMenuCurrent].toLowerCase() +'_subitem').fireEvent('hide'); 
			iMenuCurrent = iPageIndexRef;
			if($(arMenu[iMenuCurrent].toLowerCase() +'_subitem')) $(arMenu[iMenuCurrent].toLowerCase() +'_subitem').fireEvent('show'); 
	}*/
	
	
	function initializeProject() {
			iProjectCurrent = 0;
			iSlideCurrent = 0;
			
			$('projectContainer').getElements('div[id^=project]').each(function(item, index) {
					item.setStyle('height', '0px');
					var twHeight = 500;

					item.addEvents({
							'show': function(event){
									item.removeClass('hidebox');
							},
							'hide': function(){
									item.addClass('hidebox');
							}
					});
					
			});

			if($('arrowsx') && $('arrowdx')) initializeArrow();
	}
	
	function initializeArrow() {
			elementArrowSx = $('arrowsx'); 
			elementArrowDx = $('arrowdx'); 
	
			//elementArrowDx.setProperty('src', 'images/arrow_dx_on.jpg');
			
			elementArrowSx.addEvent('click', function(e) {
					var arSlides = elementSlideContainer.getElements('div[id^=slide]');
					elementArrowDx.setProperty('src', 'images/arrow_dx_on.jpg');
					if(iSlideCurrent > 1) openSlide(iSlideCurrent - 1);
					//if(iSlideCurrent == 1) this.setProperty('src', 'images/arrow_sx_off.jpg');
					return false; 
			});
			
			elementArrowDx.addEvent('click', function(e) {
					var arSlides = elementSlideContainer.getElements('div[id^=slide]');
					elementArrowSx.setProperty('src', 'images/arrow_sx_on.jpg');
					if(iSlideCurrent < arSlides.length) openSlide(iSlideCurrent + 1);
					//if(iSlideCurrent == arSlides.length) this.setProperty('src', 'images/arrow_dx_off.jpg');
					return false; 
			});
	}
	
	function resetSlide(iIndex) {
			iSlideCurrent = 0;
			var arSlides = elementSlideContainer.getElements('div[id^=slide]');

			arSlides.each(function(item, index) {
					item.addClass('hidebox');
			});
			
			//elementArrowDx.setProperty('src', 'images/arrow_dx_on.jpg');
	}
	
	function openProject(iIndexProject) {
			if($('project'+ iIndexProject)) {
					var arSubItemLink = $('project_subitem').getElements('a');
					
					if(iProjectCurrent>0 && $('project'+ iProjectCurrent)) {
							$('project'+ iProjectCurrent).fireEvent('hide'); 
							if(arSubItemLink.length > 0) arSubItemLink[iProjectCurrent-1].removeClass('subItemActive');
					}
					iProjectCurrent = iIndexProject;
					$('project'+ iProjectCurrent).fireEvent('show'); 
					
					if(arSubItemLink.length > 0) arSubItemLink[iProjectCurrent-1].addClass('subItemActive');
					
					elementProject = $('project'+ iProjectCurrent);
					if(elementProject.getElement('div[id=slideContainer]')) {
							elementSlideContainer = elementProject.getElement('div[id=slideContainer]');
							resetSlide();
							openSlide(1);
					}
			}
	}
	
	function openSlide(iIndex) {
			var arSlides = elementSlideContainer.getElements('div[id^=slide]');
			
			if(arSlides.length > 1 && iSlideCurrent != iIndex) {
					if(iSlideCurrent>0) arSlides[iSlideCurrent-1].addClass('hidebox');
					iSlideCurrent = iIndex;
					
					var sDescr = arSlides[iSlideCurrent-1].getElement('span').get('html');
					$('projectDescr').set('html', sDescr);
					arSlides[iSlideCurrent-1].removeClass('hidebox');
					
					if(iSlideCurrent == 1) elementArrowSx.setProperty('src', 'images/arrow_sx_off.jpg');
					if(iSlideCurrent > 1) elementArrowSx.setProperty('src', 'images/arrow_sx_on.jpg');
					if(iSlideCurrent < arSlides.length) elementArrowDx.setProperty('src', 'images/arrow_dx_on.jpg');
					if(iSlideCurrent == arSlides.length) elementArrowDx.setProperty('src', 'images/arrow_dx_off.jpg');
			}
	}
	
	function sendFrmContact() {
				var objForm = $('frmContact');
				var iErr = 0;
				
				
				if(!checkString($('_sName').getProperty('value'))) {
						iErr = 1;
				}
				else if(!checkMail($('_sEmail').getProperty('value'))) {
						iErr = 2;
				}
				else if(!checkString($('_sMessage').getProperty('value'))) {
						iErr = 3;
				}
		
				if(iErr == 0) {
						objForm.set('send', {
								url: objForm.getProperty('action'), 
								method: objForm.getProperty('method'), 
								onSuccess: function(objResponse) {
										$('contactEventResult').setStyle('display', 'none');
										$('contactEventResult').removeClass('txtBlack');
										$('frmContact').getElements('input').removeProperty('disabled');
										$('frmContact').getElement('textarea').removeProperty('disabled');
										
										if(objResponse != "") {
												if(objResponse == 'OK') {
														//$('frmContact').set('html', objResponse);
														var elResp = new Element('div', {'id':'sendContactResp', 'class':'resultSend', 'text':'Thank You For Your Inquiry. Your inquiry has been received. Will get back to you shortly, Duminda Perera.'});
														//$('frmContact').set('html', objResponse);
														elResp.replaces($('frmContact'));
												}
												else {
														//var elResp = new Element('div', {'id':'sendContactResp', 'class':'resultSend'});
														//elResp.set('html', '<span>Error when sending the email.</span>&nbsp;&nbsp;<a href="#" onclick="returnContactForm()">Return form</a>');
														//elResp.replaces($('frmContact'));
														frmContactError('Error when sending email');
												}
										}
										else 
												frmContactError('Error when sending email'); //elResp.set('html', '<span>Errors when sending the email.</span>&nbsp;&nbsp;<a href="#" onclick="returnContactForm()">Return form</a>');
								}, 
								onRequest: function(objResponse) {
										$('contactEventResult').addClass('txtBlack');
										$('contactEventResult').set('text', 'Loading...');
										$('contactEventResult').setStyle('display', 'block');
										$('frmContact').getElements('input').setProperty('disabled', 'true');
										$('frmContact').getElement('textarea').setProperty('disabled', 'true');
								}
						}).send();
				}
				else {
						var sErrorMsg;
						if(iErr==1) {
								sErrorMsg = "Check field NAME. ";
						}
						else if(iErr==2) {
								sErrorMsg = "Check field EMAIL. ";
						}
						else if(iErr==3) {
								sErrorMsg = "Check field MESSAGE. ";
						}
						
						sErrorMsg = sErrorMsg + ". (Not used character as '& < > { } ; */')";
						
						frmContactError(sErrorMsg);
				}
		}

	function frmContactError(sErrorMsg) {
			$('contactEventResult').set('text', sErrorMsg); 
			$('contactEventResult').setStyle('display', 'block');
			(
				function(){ 
						$('contactEventResult').setStyle('display', 'none');
				}
			).delay(2000);
	}
	
	function checkMail(sMail) {
			//var sMail = document.Registrazione.elements[indexMail].value;
			var sFilter  = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
			if (!sFilter.test(sMail)) {
					return false;
			}
			else {
					return true;
			}
	}

	function checkString(sStr) {
			//var sFilter = "\*|,\":<>[]{}`\';()@&$#%";
			var sFilter = "[<>{};*/]";
			var sStr = sStr.trim();
			if(sStr != "" && sStr.length>0) {
					if (sStr.test(sFilter)) {
							return false;
					}
					else {
							return true;
					}
			}
			else {
					return false;
			}
	}
//-->