$(document).ready(function(){
$(".productImage[@alt*='back']").addClass("backflag"); 
$(".productImage[@alt*='Back']").addClass("backflag"); 
$(".backflag").before("<div class='backnote'>Hover shirt to see back</div>"); 
$(".backflag").hover(function(){
	var curr =  $(this).attr("src");
	var temp = new Array();
	temp = curr.split('/');
	var over = (temp[0] +'/') + (temp[1] +'/') + (temp[2] +'/') + (temp[3] +'/') + (temp[4] +'/') + (((temp[5] * 1) + 1) +'/') + (temp[6]);
   $(this).attr({ src: over});
    
 },function(){
	var curr =  $(this).attr("src");
	var temp = new Array();
	temp = curr.split('/');
	var over = (temp[0] +'/') + (temp[1] +'/') + (temp[2] +'/') + (temp[3] +'/') + (temp[4] +'/') + (((temp[5] * 1) - 1) +'/') + (temp[6]);
   $(this).attr({ src: over});

 });

$(".backflag").find("img").each(function(i) {
  var curr =  this.src;
  var temp = new Array();
  temp = curr.split('/');
  var pre = (temp[0] +'/') + (temp[1] +'/') + (temp[2] +'/') + (temp[3] +'/') + (temp[4] +'/') + (((temp[5] * 1) + 1) +'/') + (temp[6]);
  preload_image_object = new Image();
  preload_image_object.src = pre;
});

});