$(document).ready(function(){
  $("div.gallery a.swf").fancybox({
    overlayColor: "#121212",
    width: 550,
    height:400,
    autoScale: false
  });
  $("div.gallery a.hd").fancybox({
    overlayColor: "#121212",
    width: 640,
    height:360,
    autoScale: false
  });
  $("div.gallery a.image").fancybox({
    overlayColor: "#121212"
  });
  
  $("a.maps").fancybox({
    overlayColor: "#121212",
    hideOnContentClick: true,
    width: 600,
    height: 400
  });
  
  
  $("div.gallery a").click(function(){
    var content = $(this).attr('href'); 
    custom_trackEvent('Portfolio', content); 
  });
  
  
  $("#clients img:nth-child(6n)").css({'borderRight' : 'none'});
  $("#clients img:gt(11)").css({'borderBottom' : 'none'});
  
  $(".subheader ul:first").prepend("<li><a href='#top'>Top</a></li>");

  $(".subheader ul a:lt(7), .subheader p").click(function(event){
    menuscroll(event);
    // google tracking
      var content = $(this).text();
    	custom_trackEvent('Top Menu', content); 
  
    $(".subheader ul a").each(function(){
      $(this).removeClass('active');
    })
    $(this).addClass('active');
    
  });
 
  
  $(".subheader ul a:eq(7)").click(dropDown);
  $("#contactform").validate({
    rules : {
      name: "required",
      email: {
        required : true,
        email : true
        }
      },
      submitHandler: function(form){
        // process email form
        var $formdata = $("#contactform").serialize();
        $.post('sendquestion.php', $formdata, function(data){
          if(data != "error"){
            $("#contactform #submit").val("Message Sent. Send Another?");
          }else{
            $("#contactform #submit").val("Oops, an Error. Try Again?");
            
          }
        });
      }
    
    
  });
  function dropDown(){
  	var current = $(this).parent("li");
  	var menu	= current.children("ul.li");
  	var all		= current.parent("ul").children("li");
  	if(menu.is(':visible') === false){
  	  current.addClass('activedrop');
  	  current.children('a').css({color : '#eba137'});
  		current.children("ul").slideDown(200);
  		all.not(current).children("ul.dd").slideUp(200);
  	}else{
  		all.children("ul.dd").slideUp(200);
  		current.removeClass('activedrop');
  		current.children('a').css({color : ''});
  	  
  	}

  	current.parent("ul").mouseleave(function(){
  	  current.removeClass('activedrop');
  		current.children('a').css({color : ''});
  		
  		$(this).children("li").children("ul").slideUp(200);
  	});
  	return false;
  }
  
  
  
  $("#gototop").click(function(e){
    e.preventDefault();
    scrollAnim(0);
  });
  
  
  $("a.leaders").fancybox({
    overlayColor: "#121212",
    hideOnContentClick: true,
    width: 700,
    height: 600,
    padding: 10,
    scrolling: 'no',
    autoscale: false,
    autoDimensions: false
  });
  $("a.leaders").click(function(){
    var content = $(this).text();
    custom_trackEvent('Leadership', content); 
		
    
  });
  $(".leaders").hover(
    function(){
      $(this).find("img").stop().animate({top: 35}, 200, 'swing'); 
    }
    ,function(){
      $(this).find("img").stop().animate({top: 0}, 200, 'swing');  
    }
  );


$(".gallery div img").lazyload({
  effect : 'fadeIn'
});
// setup array
//var menupos = {};

//$(".subheader li a").each(function(index, value){
//  var attr = $(this).attr('href');
//  var name = attr.substring(1);
//  var ypos = getPos(attr);
//  menupos[name] = ypos;
//});

mainScroll();

function menuscroll(e){
  // stop click
  e.preventDefault();
  // get href attr minus hash.
  var target = e.target.getAttribute('href');
  var pos;
  
  var position;
  if(target == null){
    position = null;
  }else{
    pos = target.lastIndexOf('#');
    
    target = target.substring(pos);
    // take href and find id in html and get position.

    var contentid = target;
    //console.log(contentid);

    position = $(contentid).position();
  }
  
  

  
  
  if(position === null){
    var ypos = 0;
  }else{
   var ypos = position.top + 540;
  }
  scrollAnim(ypos);
}

$("div.gallery a").each(function(){
  $(this).append("<div class='hovercover'></div>");
  $('.hovercover').css({opacity: 0});
  $('.hovercover').hover(
  function(){
    $(this).stop().animate({opacity: 1}, 300, 'swing');
      
  },function(){
    $(this).stop().animate({opacity: 0}, 300, 'swing');
  })
});


$("div.gallery a span").each(function(){
  $(this).append(" <em>/</em>");
});

function scrollAnim(n){$("html, body").animate({ scrollTop: (n) }, 800, 'swing', {queue: false});}


  function getPos(n){
    target = n.substring(1);
    // take href and find id in html and get position.
    var position = $("#"+target).position();
    if(position === null){
      var ypos = 0;
    }else{
     var ypos = position.top + 540;
    }
    return ypos;
  }
  
  function mainScroll(){
    
    var y	= $(".main").outerHeight();
    var nav	= $(".subheader");
    var navheight = nav.outerHeight();
    var max = y
	  var pos = $(window).scrollTop();
	  $("#header").css({backgroundPosition: "center " + (pos*0.5 ) + "px"});
    // if page refresh.
    if($(window).scrollTop() >= max){
   	  nav.addClass('stick');
		  nav.css({top: '0px'});
		  nav.parent("div").css({paddingTop: navheight+"px"});
    }
    var isIE=(function(){var doc=document,doc_elem=doc.documentElement,cache={},elem;return function(version,comparison){if(/*@cc_on!@*/true){return false;}var key=[comparison||"","IE",version||""].join(" ");if(cache[key]===undefined){elem=elem||doc.createElement("B");elem.innerHTML="<!--[if "+key+"]><b></b><![endif]-->";cache[key]=!!elem.getElementsByTagName("b").length;}return cache[key];};})();
    if (isIE(7,'lte'))
    {
    // dont run it. Cause its IE7 and its terrible. 
    }else{
		$(window).scroll(function(){
		  //get position
		  var pos = $(window).scrollTop();
		  if(pos >= max){
			  nav.addClass('stick');
			  nav.css({top: '0px'});
			  nav.parent("div").css({paddingTop: navheight+"px"});
		  }else{
		    $("#header").css({backgroundPosition: "center " + (pos*0.5 ) + "px"});
			  nav.removeClass('stick');
			  nav.css({top: 'inherit'})
			  nav.parent("div").css({paddingTop: 0});			
		  }
	    }); 
    }	  
  }



});