function rolloverImg(imgStr) {
   if (imgStr.match("-smHover.jpg")) { imgStr = imgStr.replace(/-smHover.jpg/,"-sm.jpg"); }
   else if (imgStr.match("-sm.jpg")) { imgStr = imgStr.replace(/-sm.jpg/,"-smHover.jpg"); }

	return imgStr;
}

function onClickNav(imgStr) {
   imgStr = imgStr.replace(/-smHover.jpg/,"-smON.jpg");
   imgStr = imgStr.replace(/-smON.jpg/,"-smON.jpg");
   imgStr = imgStr.replace(/-sm.jpg/,"-smON.jpg"); 
   return imgStr;
}

function returntonormal(imgStr) {
   imgStr = imgStr.replace(/-smON.jpg/,"-sm.jpg");
   return imgStr;
}

$(function()
{

//scrolling right side
$('#col-scroll').jScrollPane({showArrows:true, scrollbarOnLeft:true, scrollbarWidth: 9, scrollbarMargin: 2, dragMaxHeight: 121});


//scrolling right side hover

$('#col-scroll ul li a').hover(
	function(){
		var imgStr = $(this).css("background-image");
		$(this).css("background-image", rolloverImg(imgStr));
	},
	function(){
		var imgStr = $(this).css("background-image");
		$(this).css("background-image", rolloverImg(imgStr));
	}
);



//scrolling right side onclick

$('#col-scroll ul li a').mousedown(function(){
      $("#scrollNav li a").each(function(i){
         var imgStr = $(this).css("background-image");
         $(this).css("background-image", returntonormal(imgStr));
      });

      var imgStr = $(this).css("background-image");
		$(this).css("background-image", onClickNav(imgStr));
	  
	  return false;
});



//left side fade out
$('.product-row2').cycle({
    fx:     'fade',
    speed:  'fast',
    timeout: 0,
    pager:  '#scrollNav',
    pagerAnchorBuilder: function(idx, slide) {
        // return selector string for existing anchor
        return '#scrollNav li:eq(' + idx + ') a'; }
});


}); /* document.ready */