/* 
 * Developed by AMAI bvba (http://amai.be)
 * author: Bram Joris <bram at amai.be>)
 */

var leftPanel1 = 328;
var leftPanel2 = 545;
var leftPanel3 = 759;

var tweenAmmount = 100;
var animationTime = 350;

Cufon.replace('#txtFullfilling', {fontFamily: 'GillSansMT'} );
Cufon.replace('#moreResults', {fontFamily: 'GillSansMT', hover: true} );
Cufon.replace('h1, .h1', {fontFamily: 'GillSansMT'} );
Cufon.replace('#numberOfMachines', {fontFamily: 'GillSansMT'});
Cufon.replace('.keepUsPosted', {fontFamily: 'GillSansMT', hover: true});

$(window).load(function () {
  window.status='loaded';
});


$( function(){

  var contactPanel = $('#panelContacts');
	var mapLink = $('#contactMaplink');
	var mailLink = contactPanel.find('#contactMailtoLink');
	var linkedin = $('#socialBox span.linkedIn');
	var youtube = $('#socialBox span.youtubeRed');
	var twitter = $('#socialBox span.twitter');

  
  mapLink.html( '<a href="http://maps.google.be/maps?f=q&source=s_q&hl=nl&geocode=&q=oelegem,+Vaartstraat+126a&sll=58.338231,23.993142&sspn=0.555053,1.783905&ie=UTF8&hq=&hnear=Vaartstraat+126,+2520+Ranst,+Antwerpen,+Vlaams+Gewest&z=16" target="_blank">'+mapLink.text()+'</a>' );
  mailLink.html( '<a href="mailto:info'+'@'+'seamco.be">info'+'@'+'seamco.be</a>' );
  linkedin.html( '<a href="http://www.linkedin.com/company/seamco" target="_blank">linked\'In</a>' );
  youtube.replaceWith( '<a href="http://www.youtube.com/user/Seamco1?feature=mhum" target="_blank"><span class="youtubeRed"> You</span><span class="youtubeBlack">Tube</span></a>' );
	twitter.html( '<a href="http://twitter.com/#search?q=seamco" target="_blank">twitter</a>' );
	
// 	$('#panelContacts').click( function(){
//     document.location.href=base_url+'contact';
//   } );
  
//   $('#panelContacts a').click( function(e){
//     e.stopPropagation();
//   } );

} );

function ajaxStuff(){	
	var remotingProxy;
	var listmodel;
		
	init();
	

	
	function init(){
		
    $('#inputEmail').inputAsLabel();
    
    $('#flyButton').click( function(e){
      e.preventDefault();
      
      $('#inputEmail').removeClass('error');
      
      $.ajax({
        url: base_url+'ajax/registerNewsletter',
        type: 'POST',
        data: { email: $('#inputEmail').val() },
        dataType: 'json',
        success: function(json){
          $(json).each( function(index, val){
            if ( val=='registered' )
            {
              $('#textStayTuned > div.newsletter > *').animate( { top: -40 }, { duration: 400, easing: 'easeOutExpo' } );
              setTimeout("$('#inputEmail').val('').blur();$('#textStayTuned > div.newsletter > *').animate( { top: 0 }, { duration: 300, easing: 'easeOutExpo' } );", 3000);
            }
            if ( val=='email' )
            {
              $('#inputEmail').addClass('error');
              $('label[for=inputEmail]').addClass('error');
            }
          } );
        } 
      });
      
    } );
    
    listmodel = new ListModelWithPaging();

		remotingProxy = new RemotingProxy();
		
		$(remotingProxy).bind(EventItemsLoaded,function(e, data){
			listmodel.setItems(data);
			addClicks();
			
			animateDetailsHeight(660);
			detailsHeightSet(660);
			
			listmodel.setItemsPerPage(3);
			listmodel.getItems(1);
			
				$('img').each( function(idex, o){
        if ( $(o).attr('src')=='' )
        {
          $(o).css('display', 'none');
        }
      } );
		});
		
		$(listmodel).bind(ListModelWithPaging_SelectionLoadedEvent,  showItems);
		$(listmodel).bind(ListModelWithPaging_LeftReached,  checkLeftControl);
		$(listmodel).bind(ListModelWithPaging_RightReached, checkRightControl);
    
    $('.resultPanel').click( function() {
      document.location.href=base_url+'detail/'+$(this).attr('rel');
    } );
    
	}

	function showItems(e, data){
		//alert(data.length);
		$('.resultPanel').css('display', 'none');		
    
    for ( var i = 0; i < data.length; i++) {
			var panelName = "#resultPanel" + (i+1);
			$(panelName).css({'display':'block'});
			$(panelName + ' h1').html(data[i].type);
			$(panelName + ' p.resultTechSpec').html( (data[i].speed!='') ? data[i].speed : '&nbsp;' );
			if ( data[i].thumbURL=='' )
			{
        $(panelName + " img.productThumb").hide();
      }
      else
      {
        $(panelName + " img.productThumb").attr("src", data[i].thumbURL).show();
      }
			
			$(panelName).attr('rel', data[i].ID);
// 			$(panelName + ' p.resultSellingPoints span.category_name').html(data[i].category_name+' machine');
// 			$(panelName + ' p.resultSellingPoints span.subcategory_name').html(data[i].subcategory_name);
      $(panelName + ' p.resultSellingPoints span.category_name').html(data[i].manufacturer);

      
      
		}
		
		animateResultsIn();
	}

	$('#btnAddProduct').click(function() {		
		remotingProxy.getProducts();
	});
	
	$('#categoryList a').click(function(e) {
    e.preventDefault();
    var $this=$(this);
    if ( $this.hasClass('active') )
    {
      $this.removeClass('active');
      $('#categoryList a').removeClass('active');
    }
    else
    {
      $('#categoryList a').removeClass('active');
      $this.addClass('active');
    }        
//     $(this).addClass('active');
    
     submitMachineSelector();		
     
     $.scrollTo( $('#panelMachineSelector'), 400, { axis: 'y' } );
	});
	
	$('#foodwrapper a').click(function(e) {
    e.preventDefault();
    
    var selectOption = false;
    if ( ! $(this).hasClass('active') )
    {
      selectOption = true;
    }
      
    $('#foodwrapper a').removeClass('active');
    
    if (selectOption)
    {
      $(this).addClass('active');
    }   
    
     submitMachineSelector();		
     $.scrollTo( $('#panelMachineSelector'), 400, { axis: 'y' } );
	});
	
	$('#txtLookingFor').inputAsLabel().keyup( function(e) {
    if ( parseInt(e.keyCode)==13)
    {
       submitMachineSelector();
       $.scrollTo( $('#panelMachineSelector'), 400, { axis: 'y' } );
    }
  } );
	
	function submitMachineSelector()
	{    
    var param = new Object();
    
    var keywordInput = $('#txtLookingFor');
    var keywordLabel = $('label[for='+keywordInput.attr('id')+']');
    
    if ( keywordInput.val() != keywordLabel.text() )
    {
      param.keyword = keywordInput.val();
    }
    
    param.subCategory = $('#categoryList a.active').attr('rel');
    param.industry = $('#foodwrapper a.active').attr('rel');
    
    remotingProxy.getProductsByParam( param );
  }
	
	function checkLeftControl(e, reached){
		if(reached)$('#resultBtnLeft').css({'display':'none'});
		else $('#resultBtnLeft').css({'display':'block'});
	}
	
	function checkRightControl(e, reached){
		if(reached)$('#resultBtnRight').css({'display':'none'});
		else $('#resultBtnRight').css({'display':'block'});
	}
	
	function showControls(){
		$('#resultPanel1').css({'display':'block'});
		$('#resultPanel2').css({'display':'block'});
		$('#resultPanel3').css({'display':'block'});
	}
	
	function hideControls(){
		$('#resultBtnLeft').css({'display':'none'});
		$('#resultBtnRight').css({'display':'none'});
		
		$('#resultPanel1').css({'display':'none'});
		$('#resultPanel2').css({'display':'none'});
		$('#resultPanel3').css({'display':'none'});
	}

	function addClicks(){
		$('#resultBtnLeft').die().live('click', function(e) {
			e.preventDefault();
      animateResultsOut(tweenAmmount);
		});
		
		$('#resultBtnRight').die().live('click', function(e) {
			e.preventDefault();
      animateResultsOut(-tweenAmmount);
		});
	}
	
	function animateResultsOut(direction){
		$('#resultPanel1').animate({left:leftPanel1 + direction },{duration:animationTime, queue:false, easing:'easeInExpo'});
		$('#resultPanel2').animate({left:leftPanel2 + direction},{duration:animationTime, queue:false, easing:'easeInExpo'});
		$('#resultPanel3').animate({left:leftPanel3 + direction},{duration:animationTime, queue:false, easing:'easeInExpo', complete: function() {
				loadStuff(direction);
    		}
		});
	}
	
	function loadStuff(direction){
		//loadstuff ertussen
		direction*=2;
		$('#resultPanel1').css({'display':'none', left:leftPanel1-direction});
		$('#resultPanel2').css({'display':'none', left:leftPanel2-direction});
		$('#resultPanel3').css({'display':'none', left:leftPanel3-direction});

		listmodel.getItems(-direction);
	}
	
	function animateResultsIn(){		
		$('#resultPanel1').animate({left:leftPanel1},{duration:animationTime, queue:false, easing:'easeOutExpo'});
		$('#resultPanel2').animate({left:leftPanel2},{duration:animationTime, queue:false, easing:'easeOutExpo'});
		$('#resultPanel3').animate({left:leftPanel3},{duration:animationTime, queue:false, easing:'easeOutExpo'});
	}
	
}