
function carouselCallback(carousel) {
  jQuery('#carousel-next').bind('click', function() {
      carousel.next();
      return false;
  });

  jQuery('#carousel-prev').bind('click', function() {
      carousel.prev();
      return false;
  });
}

function resetThumbs() {
  
  $('.carousel img[src$="selected.png"]').each(function(){
   
    var src=$(this).attr('src');
	  
	  var dir=dirname(src) + '/';
	  var id=basename(src);
	  id=id.split('_');
	  id=id[0];
	  
	  var large=dir + id + '.jpg';
	  var thumb=dir + id + '_thumb.png';
	  var thumbOn=dir + id + '_thumbselected.png';
	  
	  
	  $(this).attr('src',thumb);

  });
  
  
}

$(document).ready(function() {
  
  // Facebox
  $('.facebox').click(function(e) {
    e.preventDefault();
  });
  
  $('.facebox').facebox();

  // Carousel
  	$('.carousel').jcarousel({
  		initCallback: carouselCallback,
  		buttonNextHTML: null,
      buttonPrevHTML: null,
  		scroll: 5
  	});
  	
  	
  	$('.carousel img:first').addClass('firstItem');
  	
  	$('.carousel img').each(function() {
  	  
  	  var thumbHandle=$(this);
  	  
  	  // Got image
  	  var src=$(this).attr('src');
  	  
  	  var dir=dirname(src) + '/';
  	  var id=basename(src);
  	  id=id.split('_');
  	  id=id[0];
  	  
  	  var large=dir + id + '.jpg';
  	  var thumb=dir + id + '_thumb.png';
  	  var thumbOn=dir + id + '_thumbselected.png';
  	  
  	  
  	  // Preload all
  	  //$('#preloader').append('<img src="' + large + '" />');
  	  //$('#preloader').append('<img src="' + thumbOn + '" />');

      
      // Load the large into place
      $('#pics').append('<img src="' + large + '" />');
  	  //$('#pics').html($('#pics').html() + '<img src="' + large + '" />');
  	  
  	  // Load the first to top
  	  if (jQuery.browser.msie) {
        if(parseInt(jQuery.browser.version) <= 6) {
            $('#couponTop, #couponBottom').css('background',"none");
        }else{
          if($(this).hasClass('firstItem')) {
      	    $(this).attr('src',thumbOn);
          }
        }

      }else{
        if($(this).hasClass('firstItem')) {
    	    $(this).attr('src',thumbOn);
        }
      }
      
      if($(this).hasClass('firstItem')) {
        $('#pics img[src$="' + large + '"]').css('zIndex','50');
      }
	    
  	  
  	  // Click functionality
  	  
  	  $(this).parent().click(function() {
  	    
  	    // Put the target in the lens
  	    var target=$('#pics img[src$="' + large + '"]');
  	    target.addClass('toselect');
  	    
  	    $('#pics img').not('.toselect').css('zIndex','1');
    	  target.css('zIndex','50');
    	  target.removeClass('toselect');
    	  
    	  
    	  // Reset all thumb images
    	  resetThumbs();
    	  // Change the thumnail to the clicked version
    	  thumbHandle.attr('src',thumbOn);
    	  
    	  //DD_belatedPNG.fix('img[src$="' + thumbOn + '"]')
    	  
  	    
  	  });
  	  
  	  
  	});

  	
    // PNG Fixing
    //$('.carousel img').pngFix();
  	
  	
  	
  	$('#menu a').each(function() {

  	  var img=$(this).children('img');
  	  var originalSrc=img.attr('src');
  	  var dir=dirname(img.attr('src')) +'/';
  	  
  	  var imgsrc=basename(img.attr('src'));
      imgsrc=imgsrc.split('.');

      
      if( $(this).hasClass('selected') ){
        //img.attr('src',(dir + imgsrc[0] + '_on.png'));
        return;
      }
  	  
  	  $(this).hover(function() {



        var newsrc=imgsrc[0] + '_on.png';

        img.attr('src',(dir + newsrc));


    	},function() {
        
        if($(this).hasClass('selected') == false){
          img.attr('src',originalSrc);
        }

    	});
  	  
  	  
  	});
  	
  	$('.carousel img').addClass('pngfix');
  	
  	
  	//$('.pngfix2').pngFix();
  	  
});

