/**
 * @author carlb
 */

window.addEvent('domready', function(){

	var projects = [];
	var projectsDiv = $('ac_projects');
	
	
	
	
	if(projectsDiv)
	{
		var requestProjects = new Request.JSON(
		    {
			secure:false,
			url:'./projects.js', 
			onComplete: function(projectsJson) {
				//projects = this.response.text;
				//if(!projectsJson) return;
				projects = projectsJson;
				projects.each(function(project){
					//toggler
					var projectToggler = new Element('div', {'class':'toggler projecttoggle', 'html':project.name});
					//projectToggler.setText(project.name);
					projectToggler.addEvent('mouseover', function(){this.addClass('hovertoggler');});
					projectToggler.addEvent('mouseout', function(){this.removeClass('hovertoggler');});
					
					//project
					var projectDiv = new Element('div', {'class':'element project'});
					//inner project
					var projInner = new Element('div', {'class':'projInner'});
					projInner.injectInside(projectDiv);
					
					//image
					if(project.image){
						var projImage = new Element('div', {'class':'projImage'}).injectInside(projInner);
						var projectPhoto = new Element('img', {'src':project.image}).injectInside(projImage);
						//projectPhoto.addEvent('mouseover', showProjectImage);
					}
					var projDetails = new Element('div', {'class':'projDetails'}).injectInside(projInner);
					//description
					var desc = new Element('p', {'html':project.description}).injectInside(projDetails);
					//desc.setText(project.description);
					var otherattributes = ['client', 'technologies', 'partners', 'status'];
					otherattributes.each(function(att){
						if(project[att]){
							var value = project[att];
							new Element('div', {'html':att+':', 'styles':{'float':'left', 'font-weight':'bold', 'width':'120px'}}).injectInside(projDetails);//.setText(att+':');
							new Element('div', {'html':value}).injectInside(projDetails);//.setText(value);
						}
					});
					
					if(project.url){
						new Element('div', {'html':'url:', 'styles':{'float':'left', 'font-weight':'bold', 'width':'120px'}}).injectInside(projDetails);//.setText('url:');
						new Element('a', {'href':project.url, 'target':'_blank', 'html':project.url}).injectInside(projDetails);//.setText(project.url);
					}
					
					//add to projects div
					projectToggler.project = project;
					projectToggler.injectInside(projectsDiv);
					projectDiv.injectInside(projectsDiv);
				});
				
				// project accordian
				var accordion = new Accordion('div.projecttoggle', 'div.project', {
					opacity: false,
					//fixedHeight: '150px',
					alwaysHide: false,
					show:true,
					onActive: function(toggler, element){
						//toggler.setStyle('color', '#ff3300');
						toggler.addClass('activetoggler');
						if(toggler.project.image){
							//background.setStyle('background-image', 'url('+toggler.project.image+')');
							//Slimbox.open(toggler.project.image);
							//element.setStyle('background-image', 'url('+toggler.project.image+')');
						}else{
							//background.setStyle('background-image', 'url(images/1563049896_0d1d963d53_b.jpg)');
						}
					},
					
					onBackground: function(toggler, element){
						//toggler.setStyle('color', '#222');
						toggler.removeClass('activetoggler');
						
					}						
				}, projectsDiv);

			}
		});
		requestProjects.get();
	}

	// contact form ajax
	var cf = $('contact_form');
	if (cf) 
	{
		cf.addEvent('submit', function(e){
			new Event(e).stop();
			
			var log = $('log_res').empty();//.addClass('ajax-loading');
			var alertSlider = new Fx.Slide(log, {mode: 'vertical'});
			alertSlider.hide();
			
			this.set('send', {
				//url: 'contact_mail.php',
				//method: 'post',
				//update: log,
				onComplete: function(){
					//log.removeClass('ajax-loading');
					log.set('text', this.response.text);
					alertSlider.slideIn();
					
				}});
			this.send();
		});
	}
});