/*
 * (c) 2010 Mogalupa. http://www.mogalupa.com
 */

function switchImage(siteUrl, skinUrl, file, title, zoomActive, productType, srcParams) {
 jQuery(document).ready(function($) {

  var params = srcParams.replace(/`/g, "'");

  var ajaxLoader = skinUrl + 'images/ajax-loader.gif';
  var htmlStr = '<img style="position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px" src="' + ajaxLoader + '" />';
  $('#product-image').html(htmlStr);

  var link = siteUrl + 'mogazoom/index/switch/?imgLink=' + file + '&productType=' + productType;
  $.ajax({
   url: link,
   success: function(data) {
    if(zoomActive == 1) {
     displayZoom(data);
    }
    else {
     displayImageOnly(data);
    }
   }
  });

  function displayZoom(data) {
   var imgUrls = eval('('+data+')');
   var htmlStr = '<a href="' + imgUrls[1] + '" class="cloud-zoom mogazoom" rel="' + params + '" title="' + title + '"><img src="' + imgUrls[0] + '" title="' + title + '"/></a>';
   $('#product-image').html(htmlStr);
   $('.cloud-zoom').CloudZoom();
  }

  function displayImageOnly(data) {
   var imgUrls = eval('('+data+')');
   var htmlStr = '<img src="' + imgUrls[0] + '" title="' + title + '"/>';
   $('#product-image').html(htmlStr);
  }

 });

}