function video_init() { var xpos = 0; // starting position, should usually be 0 var deltax = 300; // width of video item (282px + 18px right margin) var maxWidth = (numVideoItems - 1) * deltax; // set width of "strip" var speed = 250; // transition speed, in milliseconds selectedVideoItem = 1; // click functions jQuery("#video_box_next_button").click(function(){ if (xpos > -maxWidth) { selectedVideoItem++; xpos -= deltax; jQuery("#video_box_strip").animate({left: xpos},speed); toggleVideoNavButtons(); } }); jQuery("#video_box_prev_button").click(function(){ if (xpos < 0) { selectedVideoItem--; xpos += deltax; jQuery("#video_box_strip").animate({left: xpos},speed); toggleVideoNavButtons(); } }); // hover functions /* jQuery("#video_box_prev_button").hover(function(){ if (xpos < 0) { jQuery(this).addClass("video_box_prev_button_hover"); } }, function() { jQuery(this).removeClass("video_box_prev_button_hover"); }); jQuery("#video_box_next_button").hover(function(){ if (xpos > -maxWidth) { jQuery(this).addClass("video_box_next_button_hover"); } }, function() { jQuery(this).removeClass("video_box_next_button_hover"); }); */ } function toggleVideoNavButtons() { if (selectedVideoItem == 1 && selectedVideoItem < numVideoItems) { jQuery("#video_box_prev_button").removeClass().addClass("video_box_prev_button_off"); jQuery("#video_box_next_button").removeClass().addClass("video_box_next_button_on"); } else if (selectedVideoItem > 1 && selectedVideoItem < numVideoItems) { jQuery("#video_box_next_button").removeClass().addClass("video_box_next_button_on"); jQuery("#video_box_prev_button").removeClass().addClass("video_box_prev_button_on"); } else if (selectedVideoItem == numVideoItems) { jQuery("#video_box_next_button").removeClass().addClass("video_box_next_button_off"); jQuery("#video_box_prev_button").removeClass().addClass("video_box_prev_button_on"); } } // add to list of functions which run on window load womAdd('video_init()'); // ensure that jQuery doesn't conflict with other libraries // but still uses short names for objects jQuery.noConflict();