// image hover
$(document).ready(function()
{
	var timeout = null;
	
	$(document.body).append('<div id="large-image" style="z-index:1001; display:none; position:absolute; padding:40px; background:#fff; border:1px solid #ccc; top:0px; left:0px;"></div>');
	
	$('.thumbnail > span').click(function(e){
		var image = $(this).attr('rel');
		var product_id = $(this).attr('product_id');
		var variant_id = $(this).attr('variant_id');		
		$('#large-image').html('<img src="'+image+'" />');
		$('#large-image').css("top", (e.pageY -100) + "px");
		$('#large-image').css("left", (e.pageX + 50) + "px");
		$('#large-image').fadeIn();
		if(timeout != null) clearTimeout(timeout);
		/* set variant selection */
		
		if( variant_list = $('#variant_list_' + product_id) ){
			variant_list.children( 'option' ).each( function(index, element){
				var var_id = $(element).val();
				if(var_id == variant_id){
					variant_list.val(variant_id);
				}
			});
		}		
	});
	
	
	$('.thumbnail > span').mouseout(function(){
		timeout = setTimeout(function(){$('#large-image').fadeOut()}, 500);
	});
	
});