/* Main Menu - SuckerFish */
startList = function() {
  if (document.all&&document.getElementById) {
    navRoot = document.getElementById("nav");
    for (i=0; i<navRoot.childNodes.length; i++) {
      node = navRoot.childNodes[i];
      if (node.nodeName=="LI") {
        node.onmouseover=function() {
          this.className+=" over";
        }
        node.onmouseout=function() {
          this.className=this.className.replace(" over", "");
        }
      }
    }
  }
}
/* Init - SuckerFish */
window.onload=startList;

/* JQUERY FUNCTIONS */
$(document).ready(function() {
  
  /* Share this override */
  $('a.stbutton').removeClass();
  
  /* Random Background Image */
  var totalNum = 5;
  var rndNum = Math.floor(Math.random() * totalNum);
  $("#hd").css("background-image","url(vc_includes/images/header_bg" + rndNum  + ".jpg)");

  /* Show / Hide Email Box */
  $('#news-signup').click(function() {
    $('#email-wrapper').toggle();
    return false;
  })
  $('#email-wrapper a').click(function() {
    $('#email-wrapper').toggle();
    return false;
  })

  /* Prev / Next Portfolio Roll Over Preview */
  $('#prev-portfolio').tooltip({ 
    track: true, 
    delay: 0, 
    showURL: false, 
    extraClass: "portfolio-hover", 
    fixPNG: true,
    top: -35,
	  left: -118
  });
  $('#next-portfolio').tooltip({ 
    track: true, 
    delay: 0, 
    showURL: false, 
    extraClass: "portfolio-hover", 
    fixPNG: true,
    top: -35,
	  left: -118
  });
  
  /* Show / Hide Portfolio Preview Box */
  initPreview = function() {
    $('.portfolio-link').not('.sector-grey-out').tooltip({ 
      track: true, 
      delay: 0, 
      showURL: false, 
      extraClass: "portfolio-preview", 
      fixPNG: true,
      bodyHandler: function() {
        var preview = $(this).children().html();
    		return preview;
    	}
    });
  };
  initPreview();
  
  
  /* PORTFOLIO FILTER FUNCTIONS */
    /* Filter by Sector */
    $('#sector a.filter').click(function() {
      $('#filters li.sector').remove();
      $('#filter-btn').addClass('active');
      $('.portfolio-link').removeClass('sector-grey-out');
      $('#sector a').removeClass('selected');
      $(this).addClass('selected');
      var sector = $(this).attr('title');
      $('.portfolio-link').not('a[rel~='+sector+']').addClass('sector-grey-out');
      var sectorPretty = $(this).text();
      $('#filters ul').prepend('<li class="sector"><img id="sectorBox" src="vc_includes/images/checkbox.gif" alt="" />'+sectorPretty+'</li>');
      
      $('.sector-grey-out').parent().addClass('sector-grey-out');
      
      /* Assign Click Handler for image */
      $('#sectorBox').click(function() {
        $(this).clearSector();
      })
      initPreview();
      return false;
    })
    
    /* Clear by Sector */
    $('#sector a.clear-filter').click(function() {
      $(this).clearSector();
      return false;
    })
    
    /* Filter by Region */
    $('#region a.filter').click(function() {
      $('#filters li.region').remove();
      $('.portfolio-link').removeClass('region-grey-out');
      $('#region a').removeClass('selected');
      $(this).addClass('selected');
      var region = $(this).attr('title');
      $('.portfolio-link').not('a[rel~='+region+']').addClass('region-grey-out');
      var regionPretty = $(this).text();
      $('#filters ul').append('<li class="region"><img id="regionBox" src="vc_includes/images/checkbox.gif" alt="" />'+regionPretty+'</li>');
      
      $('.region-grey-out').parent().addClass('region-grey-out');
      
      /* Assign Click Handler for image */
      $('#regionBox').click(function() {
        $(this).clearRegion();
      })
      initPreview();
      return false;
    })
    
    /* Clear by Region */
    $('#region a.clear-filter').click(function() {
      $(this).clearRegion();
      return false;
    })
    
    /* Clear ALL */
    $('#filter-btn').click(function() {
      $('#filters li').remove();
      $(this).removeClass('active');
      $('#sector a').removeClass('selected');
      $('#region a').removeClass('selected');
      $('#sector a.clear-filter').addClass('selected');
      $('#region a.clear-filter').addClass('selected');
      $('.portfolio-link').removeClass('sector-grey-out');
      $('.portfolio-link').removeClass('region-grey-out');
      return false;
    })
    
    /* Clearing Functions */
    $.fn.clearSector = function() {
      $('#filters li.sector').remove();
      var test = $('#filters ul').children();
      if (test.length == 0) {
        $('#filter-btn').removeClass('active');
      };
      $('#sector a').removeClass('selected');
      $('#sector .clear-filter').addClass('selected');
      $('.portfolio-link').removeClass('sector-grey-out');
      return false;
    };
    
    $.fn.clearRegion = function() {
      $('#filters li.region').remove();
      var test = $('#filters ul').children();
      if (test.length == 0) {
        $('#filter-btn').removeClass('active');
      };
      $('#region a').removeClass('selected');
      $('#region .clear-filter').addClass('selected');
      $('.portfolio-link').removeClass('region-grey-out');
      return false;
    };
  
    
  /* MEDIA WIDGET */
    /* Init jCarousel */
    intVersion = parseInt(jQuery.browser.version);
    if (intVersion == 6) {
      $('.mycarousel li').addClass('alt-media');
    } else {
      $('.mycarousel').jcarousel({
      	scroll: 1
    	});
    }
  	
     /* Initially hide the Videos Panel */
    $('#media-widget #videos').hide();

    /* toggle between photos and videos panels */
  	$('#media-widget a.tab-link').click(function() {
  		$('.active').removeClass('active');
  		$(this).addClass('active');
  		$('#media-widget .content').hide();
  		var content_show = $(this).attr('title');
  		$("#"+content_show).show();
  	  return false;
  	});
  	
  	/* Click handlers for thumbnails */
  	$('#photos .mycarousel li a').click(function() {
  	  $('#photos .mycarousel li a').removeClass('selected');
  	  $(this).addClass('selected');
  	  var url = $(this).attr('href');
  	  var info = $(this).attr('title');
  	  $('#photos > img').attr('src', ''+url+'');
  	  $('#photos > p').text(''+info+'');
  	  return false;
  	});
  
  	$('#videos .mycarousel li a').click(function() {
  	  $('#videos .mycarousel li a').removeClass('selected');
  	  $(this).addClass('selected');
      var embed = $(this).children('span object').html();
      $('#video-holder').empty();
      $('#video-holder').html(embed);
      var desc = $(this).attr('title');
      $('#video-holder').append('<p>'+desc+'</p>');
  	  return false;
  	});
})