// JavaScript Document
var ajax=new sack();
function getImageToContainer(base,productId,productImageId)
	{		
		ajax.requestFile=base+'/home/get_big_image/productId-'+productId+'/productImageId-'+productImageId;
		
		ajax.onCompletion=function()
			{
				showImageInContainer(base,productId,productImageId);
			}
		ajax.onLoading=function()
			{
				showImageOnLoading(base,productId,productImageId);
			}
		ajax.runAJAX();
	}

function showImageInContainer(base,productId,productImageId)
	{
		document.getElementById('bigImageContainer').innerHTML=ajax.response;
		var divs= document.getElementById('imageDiv').getElementsByTagName('a');	
		for(var i=0;i<divs.length;i++)
			{
				if(divs[i].id=='image_'+productImageId)
					{
						divs[i].className='active';
					}
				else	
					{
						divs[i].className='';
					}
			}
	}

function showImageOnLoading(base,productId,productImageId)
	{
		document.getElementById('bigImageContainer').innerHTML='<a href="#" class="jqzoom"><img src="'+base+'/images/ajax_load.gif"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span style="font-size:13px; font-weight:bold;">Loading image....</span> </a>';
	}