var power_values = [5000, 10000, 20000, 30000, 35000];
var man_values = [1500, 2500, 3000, 4000, 5000, 6000, 7000, 8000];


$(function(){

  	Cufon.replace(['#reasons li span', '#progress .section span', '.description', 'h2#thanks'], {
    	hover: true
  	});
  	
  	$("input, select, input:checkbox").uniform();

  	$('#awards .awards').cycle({
		fx: 'fade'
	});
  
  	$('#services-menu').hide();
  	$('.submenu').hover(function(){
    	$(this).addClass('selected')
    	$('#submenu').fadeIn('fast');
  	}, function(){
    	$(this).removeClass('selected')
    	$('#submenu').fadeOut('fast');
  	});
  
  	$('input.change_value').keyup(function(){
    	var val = $(this).val()
    	$('span.'+$(this).attr('rel')).text(val)
  	});
  
  	$('#homepage .tabs .tab').click(function(){
    	$(this).parents('.tabs').find('.tab.selected').removeClass('selected')
    	$(this).addClass('selected')
    	var show = $('#'+$(this).attr('data-id'))
    	show.siblings().hide()
    	show.show();
  	});
  	
  	$('#homepage .tabs .tab').click(function(){
    	$(this).parents('.tabs').find('.tab.selected').removeClass('selected')
    	$(this).addClass('selected')
    	var show = $('#'+$(this).attr('data-id'))
    	show.siblings().hide()
    	show.show();
  	});
  
  	$('.house').hover(highlight = function(){
    	$(this).prevAll().addClass('hovering')
    	$(this).nextAll().removeClass('hovering')
  	}, function(){
    	$(this).parent('.houses').find('.house').removeClass('hovering')
  	});
  	
  	$('.man').hover(highlight = function(){
    	$(this).prevAll().addClass('hovering')
    	$(this).nextAll().removeClass('hovering')
  	}, function(){
    	$(this).parent('.men').find('.man').removeClass('hovering')
  	});
  
    
    $('input.change_value').change(function(){
      $(this).addClass('changed')
    }).keyup(function(){
      $(this).addClass('changed')
    })
    
    $('.house').click(function(){
      var men_value = $(this).parents('.panel').find('.house-value')
      men_value.val($(this).index() + 1)
      var index = $(this).index();
      var i = 0;
    
      power = power_values[index];
      $(this).parents("div").find('input[rel=gas-energy]:not(.changed)').val(power)
      if($(this).parents("div").find('input[rel=gas-energy]:not(.changed)').length > 0){
        $('span.gas-energy').text(power)
      }
    
      $(this).addClass('selected')
      $.each($(this).siblings(), function(){
        if(i<index){
          $(this).addClass('selected')
        }else{
          $(this).removeClass('selected')
        }
        i += 1;
      });
    
    })
    
    $('.man').click(function(){
      var men_value = $(this).parents('.panel').find('.man-value')
      men_value.val($(this).index() + 1)
      var index = $(this).index();
      var i = 0;
    
      power = man_values[index];
      $(this).parents("div").find('input[rel=energy]:not(.changed)').val(power)
      if($(this).parents("div").find('input[rel=energy]:not(.changed)').length > 0){
        $('span.energy').text(power)
      }
    
      $(this).addClass('selected')
      $.each($(this).siblings(), function(){
        if(i<index){
          $(this).addClass('selected')
        }else{
          $(this).removeClass('selected')
        }
        i += 1;
      });
    
    })

  	
  	$('.faqs a').click(function() {
  		$(this).parent().toggleClass('active');
  		$(this).next('.faq').slideToggle('fast');
  		return false;
  	});
  	
  	
  	$('input[rel=energy]').keyup(function(){
      var val = $(this).val()
      $('span.'+$(this).attr('rel')).text(val)
    });
    
      	
  	$('input[rel=gas-energy]').keyup(function(){
      var val = $(this).val()
      $('span.'+$(this).attr('rel')).text(val)
    });
	
	$('#calculate .header ul a').click(function(){
		$(this).parent().siblings('.selected').removeClass('selected').end().addClass('selected').closest('#calculate').find('.inner').hide().filter('.tab-'+($(this).index('#calculate .header ul a')+1)).show();
		return false;
	});
	
})