// var root_path = '';   declare globally !!!!!

var api;
$(function(){
     
    var fields =[
        {type:'hidden',label:'',name : 'id'},
        {type:'text',label:'Uw naam',name:'data[name]'},
        {type:'text',label:'Uw e-mail',name:'data[email]'},
        {type:'textarea',label:'Uw bericht',name:'data[message]'},
        {type:'submit',aclass:'submit',name:'submit',value:' Uw bericht Verzenden '}
     ];
     
    
    var overlay = $('#apple_overlay').overlay({ 
        expose: {
            color: '#fff',
            loadSpeed: 200,
            opacity: 0.5
        },
        effect: 'apple', 
        api   : true,
        onClose: function(){
            this.getOverlay().find(':not(.close)').remove();
			hidePOPUP();
        }
    });
      
    $('.contactitem .location').css('cursor','pointer').click(function(){
        var olayObj = overlay.getOverlay();
        $('<h2/>',{css:{'font-size':'18px','color':'#7d948a','padding':'50px 40px 30px 40px'},text:$(this).find('h2').text()}).appendTo(olayObj);
        var form = createContactForm('contactform', olayObj , fields );
        form.find('input[name="id"]').val($(this).attr('name'));
        overlay.load();
    });
    
    $('#contactform').live('submit',function(){
        var emailRegex = new RegExp(/^(("[\w-\s]+")|([\w-]+(?:\.[\w-]+)*)|("[\w-\s]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9]{1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\]?$)/i);
        var form = $(this);
        form.find('.error').empty();
        var email = form.find('input[name="data[email]"]');
        var name  = form.find('input[name="data[name]"]');
        if(!emailRegex.test(email.val()))
        {
            email.siblings('.error').css({'font-size':'10px','color':'red','margin-left':'8px'}).text('Incorrect Email');
            return false;
        }
        if($.trim(name.val()) == '')
        {
            name.siblings('.error').css({'font-size':'10px','color':'red','margin-left':'8px'}).text('Empty name');
            return false;
        }
        return true;
    });
       
    api = $("div.scrollable").scrollable({ 
        vertical:true,  
        size: 8,
		api: true
    });
       
    api = $("div.scrollable2").scrollable({ 
        vertical:true,  
        size: 1,
		api : true
    });
       
    api = $("div.scrollable1").scrollable({ 
        vertical:true, 
		speed: 100,
        size: 1,
		clickable: false,
		easing: "linear",
		api : true
    });
	
    $('#message').click(function(){
        $(this).fadeOut('slow'); 
    });
	
	
	var timerInstance;
    
	$('div.actions > ul > li').mousedown(function(){
		var element = $(this);
		timerInstance = setInterval(function(){
			element.trigger('click');
		}, 100);
	});
	
	$('div.actions > ul > li').mouseup(function(){
		clearInterval(timerInstance);
	});
	
	$(window).mouseup(function(){
		clearInterval(timerInstance);
	});
	
	
 /*   
    $('.projects .items .item ul li.hand').click(function(){
        document.location = 'projects/project'+$(this).attr('id');
    });
 */   
    
    $('.contactblock .contactitem').hover(
        function(){
            var imgblock = $('.blockmenu .photo');
            var loc_id   = $(this).find('.location').attr('id');
            var loc_li   = $('.locationblock .location');
            var img_src  = $(this).find('.picture img').attr('src');
            loc_li.each(function(i,obj){
                var cur_li = $(this);
                if(cur_li.attr('id') == loc_id)
                { 
                    cur_li.addClass('hover');
                    if($.trim(img_src) != '')
                    { 
                        imgblock.css('background','url('+img_src+') center top no-repeat');
                    }
                }
            });
        },
        function(){
            $('.locationblock .location').removeClass('hover');
            $('.blockmenu .photo').css('background','url(images/contact_default_img.jpg) center top no-repeat');
        }
    );
    
    $('.locationblock .locationitem').hover(
        function(){
            var imgblock = $('.blockmenu .photo');
            var loc_id   = $(this).find('.location').attr('id');
            var loc_li   = $('.locationblock .location');
            var img_src  = $(this).find('.picture img').attr('src');
            loc_li.each(function(i,obj){
                var cur_li = $(this);
                if(cur_li.attr('id') == loc_id)
                { 
                    if($.trim(img_src) != '')
                    { 
                        imgblock.css('background','url('+img_src+') center top no-repeat');
                    }
                }
            });
        },
        function(){
            $('.blockmenu .photo').css('background','url(images/contact_default_img.jpg) center top no-repeat');
        }
    );
    
      
});

function getCurProject(item, selCat){ 
         $.post('cms/get.htm', {'id':item.attr('id'),'model':'Project','selCat':selCat}, function(data){
                    $('.projects .items .item ul li.hand').addClass('halftone');
                    item.removeClass('halftone');
					item.addClass('active');
					var current = $('.projects li.active')[0], classes = current.parentNode.parentNode.className, items = $('.projects .items')[0];
					index = parseInt(classes.split('-')[1]);
					index = index - 5;
					if (index > 0) {
						for(var i=0; i < index; i++) {
							api.next(0);
						}
					}
     				  //alert(data.author_id);
                      if( data.error == undefined )
                      {
                      		//activate author
                      	  $('.author').removeClass('active');
						  $('.authors li.author a').removeClass('bold');  
                      	  $('.author'+data.author_id).addClass('active');
                      	  
                      		//activate category
							
                      	  $('.category').removeClass('active');
						  if ( selCat )
                      	  	$('.category'+data.category_id).addClass('active');
                      	  
						  
						  
                          $('.author_detail').hide();
                          $('.history').hide();
                          $('.contact').hide(); 
                          $('.news').hide();
                          $('.bureau').hide();
                          var projDetail = $('.project_detail');
                          if(projDetail.hasClass('hide'))projDetail.fadeIn('slow');
                          $('.project_detail .header h2.projNumber').hide().fadeIn('fast');
                          //document.title="Project - " +data.name + " - MAS architectuur";
                          $('.project_detail .header h2.projName').hide().fadeIn('fast'); 
                          $('.project_detail .header p').hide().fadeIn('fast');
                          $('.project_detail .blocks .description').hide().fadeIn('slow');
                          $('.project_detail .blocks span.contractor').hide().fadeIn('fast');
                          $('.project_detail .blocks span.location').hide().fadeIn('fast');
                          $('.project_detail .blocks span.status').hide().fadeIn('fast');
                          $('.project_detail .blocks span.project_team').hide().fadeIn('fast');
                          var bigimg = $('.bigimg ul');
                          bigimg.attr('id',data.key).html('');
                          $('.download').attr('id',data.key);
                          var filelink = $('.filelink');
                          filelink.html('');
                          
									 
						 // project info
						 $("#project_number").html(data.number);
						 $("#project_status").html(data.status);
						 $("#project_title").html(data.name);
						 document.title = data.name;
						 $("#project_description").html(data.description);
						 
						 $('.project_detail .blocks span.contractor').html(data.contractor);
						 $('.project_detail .blocks span.location').html(data.location);
						 $('.project_detail .blocks span.status').html(data.status);
						 $('.project_detail .blocks span.project_team').html(data.project_team);
						 //$("#project_author_description").html(data.author_description);
						 //$("#project_author_description").html("");

                          var nav = $('.nav ul');
                          $('.nav ul li').unbind('click');
                          var index = 0;
                          if($.trim(data.image)!='' || data.image != null)
                          {
                             // nav.html('<li id="nav-'+index+'" title="'+(parseInt(index)+1)+'"></li>');
                             // index++;
                          }
                          else
                          {
                              nav.html('');
                          }
                          $.post('cms/getkey.htm',{'key':data.key,'model':'Image'},function(data){
                                if(data.error == undefined)
                                {
                                	data.reverse();
									$('.nav ul').html("");
                                     for (var i in data)
                                     {
                                         $('<li class="hide"><img src="images/cms/'+bigimg.attr('id').replace(/_/g,'/')+'/'+data[i].image+'" alt=""/></li>').appendTo(bigimg);  
                                         $('<li id="nav-'+index+'" title="'+ (parseInt(index)+1) +'"></li>').appendTo(nav);
                                         index++;
                                     }
                                }
                                $('.nav ul li').bind('click',function(){
                                    var offset = $(this).attr('id').substr(4);
                                    $('.bigimg ul li').hide().eq(offset).fadeIn();
     								$('.nav ul li').removeClass('active').eq(offset).addClass('active');
                                    return false;
                                }).eq(0).click(); 
                          },'json'); 
                          
                          $.post('cms/getkey.htm',{'key':data.key,'model':'File'},function(data){
                              if(data.error == undefined)
                              {
                                  $('<a href="images/cms/'+$('.download').attr('id').replace(/_/g,'/')+'/'+data[0].file+'" target="_blank">&gt; Download pdf</a>').appendTo(filelink);
                              }
                          },'json');   
                      }
         },'json'); 
 }

function getCurdProject(item){ 
    $.post('cms/get.htm', {'id':item.attr('id'),'model':'Project'}, function(data){
                 $('.projects .items .item ul li.hand').addClass('halftone');
                 item.removeClass('halftone');
				  item.addClass('active');
				var current = $('.projects li.active')[0], classes = current.parentNode.parentNode.className, items = $('.projects .items')[0];
				index = parseInt(classes.split('-')[1]);
				index = index - 5;
				if (index > 0) {
					for(var i=0; i < index; i++) {
						api.next(0);
					}
				}
				  //alert(data.author_id);
                 if( data.error == undefined )
                 {
                 		//activate author
                 	  $('.author').removeClass('active');
					  $('.authors li.author a').removeClass('bold');  
                 	  $('.author'+data.author_id).addClass('active');
                 	  
                 		//activate category
                 	  $('.category').removeClass('active');
                 	  $('.category'+data.category_id).addClass('active');
                 	  
                     $('.author_detail').hide();
                     $('.history').hide();
                     $('.contact').hide(); 
                     $('.news').hide();
                     $('.bureau').hide();
                     var projDetail = $('.project_detail');
                     if(projDetail.hasClass('hide'))projDetail.fadeIn('slow');
                     $('.project_detail .header h2.projNumber').hide().html(data.number).fadeIn('fast');
                     document.title="Project - " +data.name + " - MAS architectuur";
                     $('.project_detail .header h2.projName').hide().html(data.name).fadeIn('fast'); 
                     $('.project_detail .header p').hide().html(data.status).fadeIn('fast');
                     $('.project_detail .blocks .description').hide().html(data.description).fadeIn('slow');
                     $('.project_detail .blocks span.contractor').hide().html(data.contractor).fadeIn('fast');
                     $('.project_detail .blocks span.location').hide().html(data.location).fadeIn('fast');
                     $('.project_detail .blocks span.status').hide().html(data.status).fadeIn('fast');
                     $('.project_detail .blocks span.project_team').hide().html(data.project_team).fadeIn('fast');
                     var bigimg = $('.bigimg ul');
                     bigimg.attr('id',data.key).html('');
                     $('.download').attr('id',data.key);
                     var filelink = $('.filelink');
                     filelink.html('');
                     
                     if(data.image != null)
                     {
                       $('<li class="hide"><img src="images/cms/'+bigimg.attr('id').replace(/_/g,'/')+'/'+data.image+'" alt=""/></li>').appendTo(bigimg);
                     }
                     var nav = $('.nav ul');
                     $('.nav ul li').unbind('click');
                     var index = 0;
                     if($.trim(data.image)!='' || data.image != null)
                     {
                         nav.html('<li id="nav-'+index+'" title="'+(parseInt(index)+1)+'"></li>');
                         index++;
                     }
                     else
                     {
                         nav.html('');
                     }
                     $.post('cms/getkey.htm',{'key':data.key,'model':'Image'},function(data){
                           if(data.error == undefined)
                           {
                                for (var i in data)
                                {
                                    
                                    $('<li class="hide"><img src="images/cms/'+bigimg.attr('id').replace(/_/g,'/')+'/'+data[i].image+'" alt=""/></li>').appendTo(bigimg);  
                                    $('<li id="nav-'+index+'" title="'+ (parseInt(index)+1) +'"></li>').appendTo(nav);
                                    index++;
                                }
                           }
                           $('.nav ul li').bind('click',function(){
                               var offset = $(this).attr('id').substr(4);
                               $('.bigimg ul li').hide().eq(offset).fadeIn();
								$('.nav ul li').removeClass('active').eq(offset).addClass('active');
                               return false;
                           }).eq(0).click(); 
                     },'json'); 
                     
                     $.post('cms/getkey.htm',{'key':data.key,'model':'File'},function(data){
                         if(data.error == undefined)
                         {
                             $('<a href="images/cms/'+$('.download').attr('id').replace(/_/g,'/')+'/'+data[0].file+'" target="_blank">&gt; Download pdf</a>').appendTo(filelink);
                         }
                     },'json');   
                 }
    },'json'); 
}
 
 function createContactForm( formname, obj, fields )
 {
     /* E X A M P L E 
      var fields =[
        {type:'hidden',label:'',name : 'id'},
        {type:'text',label:'Naam',name:'data[name]'},
        {type:'text',label:'E-mail',name:'data[email]'},
        {type:'textarea',label:'Message',name:'data[message]'},
        {type:'submit',aclass:'submit',name:'submit',value:' Send '}
     ];
        obj  - jQuery object of selector where to append created form
        forname  - form id attribut
     */
     var form = $('<form/>',{
         id     : formname,
         method :'POST',
         action :'index/sendmail'
     }).appendTo(obj);
    
     var ul = $('<ul/>',{
         css   : {
             'list-style':'none'  
         }
     }).appendTo(form);
      
     var is_submit = false;     
     for(var i=0; i < fields.length; i++)
     {
         if(fields[i].type.toLowerCase() == 'submit') is_submit = true;
         var li = $('<li/>').appendTo(ul);
         $('<label/>',{text:(fields[i].label != undefined ? fields[i].label : '')}).appendTo(li);
         if(fields[i].type.toLowerCase() == 'textarea')
           $('<textarea/>',{name:fields[i].name, value:(fields[i].value != undefined ? fields[i].value : '')}).appendTo(li); 
         else
           $('<input/>',{'class':(fields[i].aclass != undefined ? fields[i].aclass : ''), type:fields[i].type, name:fields[i].name, value:(fields[i].value != undefined ? fields[i].value : '')}).appendTo(li);
          $('<span class="error"/>').appendTo(li); 
     }
     if(!is_submit)
     {
        var li  = $('<li/>').appendTo(ul); 
        $('<label/>').appendTo(li);
        $('<input />',{type:'submit', 'class':'submit', name:fields[i].name, value:(fields[i].value != undefined ? fields[i].value : ' Send ')}).appendTo(li); 
     }
      
    return form;
 }


$(function(){

  $(document).ready(function() {
  	$('.message').animate({top:'-=80'},2200);
  });

 $('.phone, .num_person').live('keypress',function(event){if(event.which == 45) return true;if(!((event.which >= 48 && event.which <= 57) || event.which==8 || !event.which))return false;});              

 var lbConfig = {
     overlayBgColor: '#000',
     overlayOpacity: 0.6,
     imageBlank  : 'img/ligthbox/blank.gif',
     imageLoading: 'img/lightbox/ico-loading.gif',
     imageBtnClose: 'img/lightbox/btn-close.gif',
     imageBtnPrev: 'img/lightbox/btn-prev.gif',
     imageBtnNext: 'img/lightbox/btn-next.gif',
     containerResizeSpeed: 350,
     txtImage: '',
     txtOf: ''
 };
 
 // init Lightbox
 $('a.lbox').lightBox(lbConfig);
  
   
 // init product category menu items 
 $('.ct').live('click',function(e){
        var ct = $(this);
        var pos = ct.offset();
        if(ct.parent().siblings().length > 0)
        {
            ct.parent().siblings().find('.data').slideUp(100,function(){$(this).remove();});
        }
        if(ct.siblings('.data').length > 0)
        {
            ct.siblings('.data').animate({opacity:0.2},'fast').slideUp(100,function(){$(this).remove();});
            return false;
        }
        $('.indicator').css('left',pos.left+ct.innerWidth()-85).css('top',pos.top+4).show();
        $.post('cms/getkey',{'key':ct.attr('id').substr(3),'model':'Category'},function(data){
            if(data.error == undefined)
            {
                var str = '<div class="data" style="display:none;">';
                if(data.categories.length > 0)
                {
                    for(var i in data.categories)
                    {
                        str += '<div class="category"><h3 class="ct" id="ct-'+data.categories[i].id+'">'+data.categories[i].name+'</h3></div>';
                    };
                }
                if(data.products.length > 0)
                {
                    var cls = ct.parent().html().toLowerCase().indexOf('<h3') != -1 ? 'small' : '';
                    str += '<ul class="product '+cls+'">';
                    for(var i in data.products)
                    {
                        str += '<li><h4 class="pr" id="pr-'+data.products[i].id+'"><div style="float:right;text-align:right;"><span>'+data.products[i].price.replace('.',',')+'</span></div>'+data.products[i].name+'</h4><p>'+data.products[i].description+'</p></li>';
                    }
                        str += '</ul>';
                }
                str += '</div>';    
                if(str != '')$(str).appendTo(ct.parent()).css('opacity','0.2').slideDown(200).animate({opacity:1},'slow');
                var image_file = data.root.image;
                if($.trim(image_file) != '')
                {  
                    $('#thumbs').stopSlideShow(); 
                    $('#thumbs a').attr('href','images/cms/'+data.root.key+'/'+image_file);
                    my_slideshowActive = false; 
                    $('#thumbs').superbgimage({reload:true}).hide();
                }
            }
            else
            {
                alert(data.error);
            }
            $('.indicator').hide();
        },'json');
    });
    

    // Options for SuperBGImage
    $.fn.superbgimage.options = {
        transition: 1, // fadeIn
        slideshow: 0, // 0-none, 1-autostart slideshow
        speed: 'fast' // animation speed
    };

    // initialize SuperBGImage
    $('#thumbs').superbgimage().hide();
 
});

function sec( elm )
{
    $('.'+elm+' h1').css('cursor','pointer').live('click',function(){
      $('#content').css('padding','0').fadeOut(400).html('').fadeIn('fast');
      $(this).siblings().toggleClass(function(i,cls){
            cls.indexOf('expand') != -1 ? $(this).slideUp(300): $(this).slideDown(300);
            return 'expand';
      });
      $('#content').css('background','transparent');
    }).siblings().hide();
}