$('#thumb1').mouseover(function() {
  $('.productimagenew').stop().animate({
    opacity: 0.01
  }, 800, function() {
    // Animation complete.
  });
  
  $('#mainimage1').stop().animate({
    opacity: 1
  }, 800, function() {
    // Animation complete.
  });
  
  $('.capimgdiv').stop().animate({
    opacity: 0.01
  }, 800, function() {
    // Animation complete.
  });
  
  $('#capmainimage1').stop().animate({
    opacity: 1
  }, 800, function() {
    // Animation complete.
  });
  
});

$('#thumb2').mouseover(function() {
	
  $('.productimagenew').stop().animate({
    opacity: 0.01
  }, 800, function() {
    // Animation complete.
  });
  
  $('#mainimage2').stop().animate({
    opacity: 1
  }, 800, function() {
    // Animation complete.
  });
  
  
  $('.capimgdiv').stop().animate({
    opacity: 0.01
  }, 800, function() {
    // Animation complete.
  });
  
  $('#capmainimage2').stop().animate({
    opacity: 1
  }, 800, function() {
    // Animation complete.
  });
  
});

$('#thumb3').mouseover(function() {
	
  $('.productimagenew').stop().animate({
    opacity: 0.01
  }, 800, function() {
    // Animation complete.
  });
  
  $('#mainimage3').stop().animate({
    opacity: 1
  }, 800, function() {
    // Animation complete.
  });
  
   $('.capimgdiv').stop().animate({
    opacity: 0.01
  }, 800, function() {
    // Animation complete.
  });
  
  $('#capmainimage3').stop().animate({
    opacity: 1
  }, 800, function() {
    // Animation complete.
  });
  
});

$('#thumb4').mouseover(function() {
	
  $('.productimagenew').stop().animate({
    opacity: 0.01
  }, 800, function() {
    // Animation complete.
  });
  
  $('#mainimage4').stop().animate({
    opacity: 1
  }, 800, function() {
    // Animation complete.
  });
  
   $('.capimgdiv').stop().animate({
    opacity: 0.01
  }, 800, function() {
    // Animation complete.
  });
  
  $('#capmainimage4').stop().animate({
    opacity: 1
  }, 800, function() {
    // Animation complete.
  });
  
});

$('#side1').mouseover(function() {
	
  $('.productimagenew').stop().animate({
    opacity: 0.01
  }, 800, function() {
    // Animation complete.
  });
  
  $('#mainimage1').stop().animate({
    opacity: 1
  }, 800, function() {
    // Animation complete.
  });
  
  $('.capimgdiv').stop().animate({
    opacity: 0.01
  }, 800, function() {
    // Animation complete.
  });
  
  $('#capmainimage1').stop().animate({
    opacity: 1
  }, 800, function() {
    // Animation complete.
  });
  
});

$('#side2').mouseover(function() {

  $('.productimagenew').stop().animate({
    opacity: 0.01
  }, 800, function() {
    // Animation complete.
  });
  
  $('#mainimage2').stop().animate({
    opacity: 1
  }, 800, function() {
    // Animation complete.
  });
  
  $('.capimgdiv').stop().animate({
    opacity: 0.01
  }, 800, function() {
    // Animation complete.
  });
  
  $('#capmainimage2').stop().animate({
    opacity: 1
  }, 800, function() {
    // Animation complete.
  });
  
});

$('#side3').mouseover(function() {
	
  $('.productimagenew').stop().animate({
    opacity: 0.01
  }, 800, function() {
    // Animation complete.
  });
  
  $('#mainimage3').stop().animate({
    opacity: 1
  }, 800, function() {
    // Animation complete.
  });
  
  $('.capimgdiv').stop().animate({
    opacity: 0.01
  }, 800, function() {
    // Animation complete.
  });
  
  $('#capmainimage3').stop().animate({
    opacity: 1
  }, 800, function() {
    // Animation complete.
  });
  
});

$('#side4').mouseover(function() {
	
  $('.productimagenew').stop().animate({
    opacity: 0.01
  }, 800, function() {
    // Animation complete.
  });
  
  $('#mainimage4').stop().animate({
    opacity: 1
  }, 800, function() {
    // Animation complete.
  });
  
  $('.capimgdiv').stop().animate({
    opacity: 0.01
  }, 800, function() {
    // Animation complete.
  });
  
  $('#capmainimage4').stop().animate({
    opacity: 1
  }, 800, function() {
    // Animation complete.
  });
  
});


$('#thumb1_big').mouseover(function() {
  $('.productimagenew').stop().animate({
    opacity: 0.01
  }, 800, function() {
    // Animation complete.
  });
  
  $('#mainimage1').stop().animate({
    opacity: 1
  }, 800, function() {
    // Animation complete.
  });
  
  $('.capimgdiv3').stop().animate({
    opacity: 0.01
  }, 800, function() {
    // Animation complete.
  });
  
  $('#capmainimage1').stop().animate({
    opacity: 1
  }, 800, function() {
    // Animation complete.
  });
  
});

$('#thumb2_big').mouseover(function() {
	
  $('.productimagenew').stop().animate({
    opacity: 0.01
  }, 800, function() {
    // Animation complete.
  });
  
  $('#mainimage2').stop().animate({
    opacity: 1
  }, 800, function() {
    // Animation complete.
  });
  
  
  $('.capimgdiv3').stop().animate({
    opacity: 0.01
  }, 800, function() {
    // Animation complete.
  });
  
  $('#capmainimage2').stop().animate({
    opacity: 1
  }, 800, function() {
    // Animation complete.
  });
  
});

$('#thumb3_big').mouseover(function() {
	
  $('.productimagenew').stop().animate({
    opacity: 0.01
  }, 800, function() {
    // Animation complete.
  });
  
  $('#mainimage3').stop().animate({
    opacity: 1
  }, 800, function() {
    // Animation complete.
  });
  
   $('.capimgdiv3').stop().animate({
    opacity: 0.01
  }, 800, function() {
    // Animation complete.
  });
  
  $('#capmainimage3').stop().animate({
    opacity: 1
  }, 800, function() {
    // Animation complete.
  });
  
});

$('#thumb4_big').mouseover(function() {
	
  $('.productimagenew').stop().animate({
    opacity: 0.01
  }, 800, function() {
    // Animation complete.
  });
  
  $('#mainimage4').stop().animate({
    opacity: 1
  }, 800, function() {
    // Animation complete.
  });
  
   $('.capimgdiv3').stop().animate({
    opacity: 0.01
  }, 800, function() {
    // Animation complete.
  });
  
  $('#capmainimage4').stop().animate({
    opacity: 1
  }, 800, function() {
    // Animation complete.
  });
  
});

$('#side1_big').mouseover(function() {
	
  $('.productimagenew').stop().animate({
    opacity: 0.01
  }, 800, function() {
    // Animation complete.
  });
  
  $('#mainimage1').stop().animate({
    opacity: 1
  }, 800, function() {
    // Animation complete.
  });
  
  $('.capimgdiv3').stop().animate({
    opacity: 0.01
  }, 800, function() {
    // Animation complete.
  });
  
  $('#capmainimage1').stop().animate({
    opacity: 1
  }, 800, function() {
    // Animation complete.
  });
  
});

$('#side2_big').mouseover(function() {

  $('.productimagenew').stop().animate({
    opacity: 0.01
  }, 800, function() {
    // Animation complete.
  });
  
  $('#mainimage2').stop().animate({
    opacity: 1
  }, 800, function() {
    // Animation complete.
  });
  
  $('.capimgdiv3').stop().animate({
    opacity: 0.01
  }, 800, function() {
    // Animation complete.
  });
  
  $('#capmainimage2').stop().animate({
    opacity: 1
  }, 800, function() {
    // Animation complete.
  });
  
});

$('#side3_big').mouseover(function() {
	
  $('.productimagenew').stop().animate({
    opacity: 0.01
  }, 800, function() {
    // Animation complete.
  });
  
  $('#mainimage3').stop().animate({
    opacity: 1
  }, 800, function() {
    // Animation complete.
  });
  
  $('.capimgdiv3').stop().animate({
    opacity: 0.01
  }, 800, function() {
    // Animation complete.
  });
  
  $('#capmainimage3').stop().animate({
    opacity: 1
  }, 800, function() {
    // Animation complete.
  });
  
});

$('#side4_big').mouseover(function() {
	
  $('.productimagenew').stop().animate({
    opacity: 0.01
  }, 800, function() {
    // Animation complete.
  });
  
  $('#mainimage4').stop().animate({
    opacity: 1
  }, 800, function() {
    // Animation complete.
  });
  
  $('.capimgdiv3').stop().animate({
    opacity: 0.01
  }, 800, function() {
    // Animation complete.
  });
  
  $('#capmainimage4').stop().animate({
    opacity: 1
  }, 800, function() {
    // Animation complete.
  });
  
});


$('#catalogue-text').mouseover(function(event){
	$('a.top-rightlink').css("background","url(/images/catalogue_img.png) left -58px no-repeat");
	$('a.top-rightlink2').css("background","url(/images/online_catalogue.png) left -16px no-repeat");
});

$('#catalogue-text').mouseout(function(event){
	$('a.top-rightlink').css("background","url(/images/catalogue_img.png) left top no-repeat");
	$('a.top-rightlink2').css("background","url(/images/online_catalogue.png) left top no-repeat");
});

$('#catalogue-image').mouseover(function(event){
	$('a.top-rightlink').css("background","url(/images/catalogue_img.png) left -58px no-repeat");
	$('a.top-rightlink2').css("background","url(/images/online_catalogue.png) left -16px no-repeat");
});

$('#catalogue-image').mouseout(function(event){
	$('a.top-rightlink').css("background","url(/images/catalogue_img.png) left top no-repeat");
	$('a.top-rightlink2').css("background","url(/images/online_catalogue.png) left top no-repeat");
});

//.top-rightlink {width:51px; height:58px; float:left; background:url(/images/catalogue_img.png) left top no-repeat;}
//.top-rightlink:hover {width:51px; height:58px; float:left; background:url(/images/catalogue_img.png) left -58px no-repeat;}
//.top-rightlink2 {width:350px;  height:16px; float:left; background:url(/images/online_catalogue.png) left top no-repeat;}
//.top-rightlink2:hover {width:350px; height:16px; float:left; background:url(/images/online_catalogue.png) left -16px no-repeat;}

