$(document).ready(function() {

  /**
   * Define html elements 
   *
   */ 

  var popupBoxId       = '#login-popup';
  var popupBoxFormId   = '#login-popup form';
  var popupLinkId      = '#header-login-link';
  var popupSubmitLogin = '#login-submit';
  var contactFormId    = '#contact-form'; 

	$("div.blog a[href*=.png], div.blog a[href*=.gif], div.blog a[href*=.jpg]").fancybox({
		'transitionIn'	:	'elastic',
		'transitionOut'	:	'elastic',
		'speedIn'		:	300, 
		'speedOut'		:	200, 
		'overlayShow'	:	true,
		'hideOnContentClick': true
	});

       $('.video-popup').fancybox({ 
          overlayOpacity:0.3,
          overlayColor:'#000', 
          type:'iframe', 
          width:1050,
          height:620
       }); 

  /**
   * Positions the login box relative to the login link 
   *
   */   
  var positionLoginPopup = function () {
    var leftPos = $(popupLinkId).offset().left - 173;
    $(popupBoxId).css('left',leftPos);
  }; 

  /**
   * Event handler on login link 
   *
   */
  $(popupLinkId).click(function() {
    
    positionLoginPopup();

    $(popupBoxId).slideDown('fast', function() {
      $('#login-username').focus(); 
    });
    
    //Bind handler for click outside element
    $(document).click(function(e){
      var targetId = $(e.target).attr('id') || 'outside';
      if (targetId.indexOf('login') == -1 ) { /* are we outside the login box? */
        $(popupBoxId).slideUp('fast');
        $(document).unbind('click');
      }
      
    });
        
    return false; 
    
  });

  /**
   * Reposition box on window resize
   *
   */
  
  $(window).resize(function() {
  
    positionLoginPopup();   
    
  });
  

  /**
   * Reposition box on window resize
   *
   */
  
  $(window).resize(function() {
  
    positionLoginPopup();   
    
  });
  
  $(popupBoxFormId).bind('submit', function() {
    $(popupSubmitLogin).attr("disabled","disabled").text('Logger inn...'); 
  }); 


  /**
   * Contact form. 
   *
   */
  $(contactFormId + " input[name='from']").focus(); 

    
  // prepare Options Object 
  var formOptions = { 
      
    success: function(data) { 


       if (data == 'ok') {
          $('#contact-form .form-part').fadeOut(500, function() {
             $(this).after('<p color="#097e00"><b>Takk for at du kontaktet oss!</b><br>Vi svarer deg normalt innen 1 arbeidsdag.</p><p><a href="/kontakt">Vis skjemaet p&aring; nytt</a></p>');
                  $('#contact-form input[name="submit"]').val('Send melding').removeAttr("disabled");  
          }); 
      } else {
           $('#contact-form input[name="submit"]').val('Send melding').removeAttr("disabled");  
         $('#contact-form .form-part .result-field').html('<p style="color:red">Ups... det oppsto en feil.<br />' + data + '</p>'); 
      }
      }, 
      
    beforeSubmit: function () {
      $('#contact-form input[name="submit"]').val('Sender skjemaet...').attr("disabled", true);  
    }
      
  }; 

  $(contactFormId).ajaxForm(formOptions); 
  
  
  
});