$(function(){
	var imageMap = "<a id='bee-map' href='/Bugaboo-Bee.pro'>Bugaboo Bee</a>";
	imageMap += "<a id='cameleon-map' href='/Bugaboo-Cameleon.pro'>Bugaboo Cameleon</a>";
	imageMap += "<a id='frog-map' href='/Bugaboo-Frog.pro'>Bugaboo Frog</a>";
	$("#hero-image ul").before(imageMap);
	$("#bee-map").mouseover(function(){
		addHover(this,$(".bee-nav a"));
	}).mouseout(function(){
   	removeHover(this,$(".bee-nav a"));
  });
	$("#cameleon-map").mouseover(function(){
		addHover(this,$(".cameleon-nav a"));
	}).mouseout(function(){
   	removeHover(this,$(".cameleon-nav a"));
  });
	$("#frog-map").mouseover(function(){
		addHover(this,$(".frog-nav a"));
	}).mouseout(function(){
   	removeHover(this,$(".frog-nav a"));
  });
	
    itemScroller.init('#scroll1','ul','li');
   
    $('#scroll1').serialScroll({
            items:'li',
            prev:'#featured-accessories a.prev',
            next:'#featured-accessories a.next',
            duration:2000,
            force:true,
            step:3,
            stop:false
        });
});
function addHover(elem,elemMakeHover){
	$(elemMakeHover).addClass("current");		
}
function removeHover(elem,elemNoHover){
	$(elemNoHover).removeClass("current");
}