/**
 * http://engineeredweb.com/blog/09/12/preloading-images-jquery-and-javascript#comment-92
 */
jQuery.fn.onImagesLoaded = function(_cb) {
  return this.each(function() {

    var $imgs = (this.tagName.toLowerCase()==='img')?$(this):$('img',this),
        _cont = this,
            i = 0,
    _done=function() {
      if( typeof _cb === 'function' ) _cb(_cont);
    };

    if( $imgs.length ) {
      $imgs.each(function() {
        var _img = this,
        _checki=function(e) {
          if((_img.complete) || (_img.readyState=='complete'&&e.type=='readystatechange') )
          {
            if( ++i===$imgs.length ) _done();
          }
          else if( _img.readyState === undefined ) // dont for IE
          {
            $(_img).attr('src',$(_img).attr('src')); // re-fire load event
          }
        }; // _checki \\

        $(_img).bind('load readystatechange', function(e){_checki(e);});
        _checki({type:'readystatechange'}); // bind to 'load' event...
      });
    } else _done();
  });
};

// FIXME: are these needed? If yes, optimize!
$(document).ready(function(){
    if(jQuery.fancybox) {
        $("#CurrentProductImage").fancybox({
            'transitionIn': 'elastic',
            'transitionOut': 'elastic',
            'easingIn': 'easeOutCubic',
            'speedIn': 600,
            'speedOut': 200,
            overlayOpacity: 0.8
        });
    }
    
    $("#ProductThumbnails li a").click(function() {
        var linkki = $(this).attr("href");
        var koko = $("#CurrentProductImage img").attr("src");
        var koot = koko.split("/");
        var oikeakoko = koot[2];
        var tnsrc = linkki.split("/");
        var oikeakuva = tnsrc[3];
        var uusituotekuva = "/tuotekuvat/"+oikeakoko+"/"+oikeakuva;
        var title = $(this).attr("title");
        vaihdakuva(uusituotekuva,linkki,title);
        return false;
    });
});
function vaihdakuva(kuva,linkki,teksti) {
	teksti = teksti || '';

	$('#ProductImageCaption').html(teksti);
//	$('#CurrentProductImage img').attr('src',kuva);
	$('#CurrentProductImage img').attr('src',kuva).attr('alt',teksti);
	$('#CurrentProductImage').attr('title',teksti).attr('href',linkki);
//	$('#CurrentProductImage').attr('href',linkki);
}