Team:Bilkent UNAM Turkey/js/tabbedContent.js

Revision as of 04:49, 25 August 2011 by Ufuk (Talk | contribs)

//tab effects

var TabbedContent = { init: function() { $(".tab_item").mouseover(function() {

var background = $(this).parent().find(".moving_bg");

$(background).stop().animate({ left: $(this).position()['left'] }, { duration: 300 });

TabbedContent.slideContent($(this));

}); },

slideContent: function(obj) {

var margin = $(obj).parent().parent().find(".slide_content").width(); margin = margin * ($(obj).prevAll().size() - 1); margin = margin * -1;

$(obj).parent().parent().find(".tabslider").stop().animate({ marginLeft: margin + "px" }, { duration: 300 }); } }

$(document).ready(function() { TabbedContent.init(); });