jQuery.noConflict();

function valid_img_path(item)
{
	if (item.match(/\b.jpg\b/i)) { 
		return true;
		
	} else if(item.match(/\b.jpeg\b/i)) {
		return true;
		
	} else if(item.match(/\b.gif\b/i)) {
		return true;
		
	} else if(item.match(/\b.png\b/i)) {
		return true;
		
	} else {
		return false;
		
	}
};

function checkBrowserName(name){  
	var agent = navigator.userAgent.toLowerCase(); 
	
	if (agent.indexOf(name.toLowerCase())>-1) {  
		return true;  
		
	}  
	
	return false;  
	
}

jQuery(document).ready(
	function($)
	{
		if(checkBrowserName('MSIE')) { 
			var i = 1;
		
			var factor = 2;

			$("#PRODUCT_IMAGE_SINGLE a img").each(
				function ()
				{
					if (valid_img_path($(this).parent().attr("href"))) {
						if ($("#zoom_target_" + i).length === 0) {
							//$("a[href=" + $(this).parent().attr("href") + "]").append('<div id="zoom_target_' + i + '" class="zoom_target" style="display:none"></div>');
							//$(this).parent().append('<div id="zoom_target_' + i + '" class="zoom_target" style="display:none"></div>');
							
							$(this).parent().append('<div id="zoom_target_' + i + '" class="zoom_target" style="display:none"></div>');

						}
						
						//var image = $("a[href=" + $(this).attr("href") + "] img");
						
						$("#PRODUCT_IMAGE_SINGLE").append('<div id="zoom_box_' + i + '" class="zoom_box_outer" style="display:none"><div class="zoom_box_inner"><img src="' + $(this).parent().attr("href") + '" alt="" id="zoom_image_' + i + '" class="zoom_image" /></div></div>');
						
						$(this).parent().hover(
							// over
							function (e)
							{
								//$("#zoom_target_" + i + ", #zoom_box_" + i).fadeIn(300);
								//$("#zoom_target_" + i).fadeTo(0, 0.5);
								
							},
							
							// out
							function (e)
							{
								//$("#zoom_target_" + i + ", #zoom_box_" + i).fadeOut(300);
								
							}
							
						);
						
						$(this).parent().mouseenter(
							function (e)
							{
								$("#zoom_target_" + i + ", #zoom_box_" + i).fadeIn(300);
								$("#zoom_target_" + i).fadeTo(0, 0.5);
								
								var image = $(this).find("img"); //$(this).get("img");
								
								var img_offset = image.offset();
								
								var x = e.pageX - ($("#zoom_target_" + i).width() / 2);
								var y = e.pageY - ($("#zoom_target_" + i).height() / 2);

								if (x <= img_offset.left) {
									x = img_offset.left;
									
								}
								
								if (y <= img_offset.top) {
									y = img_offset.top;
									
								}

								if (x >= img_offset.left + image.width() - $("#zoom_target_" + i).width()) {
									x = img_offset.left + image.width() - $("#zoom_target_" + i).width();
									
								}
								
								if (y >= img_offset.top + image.height() - $("#zoom_target_" + i).height()) {
									y = img_offset.top + image.height() - $("#zoom_target_" + i).height();
									
								}

								$("#zoom_target_" + i).offset({top:y , left:x});

								$("#zoom_image_" + i).width((image.width() * factor)).height(image.height() * factor);
							   
								var box_offset = $("#zoom_box_" + i).offset();
								
								var x_box = x - img_offset.left;
								var y_box = y - img_offset.top;
								
								var x_image = box_offset.left - (x_box * factor);
								var y_image = box_offset.top - (y_box * factor);

								$("#zoom_image_" + i).offset({top:y_image , left:x_image});
								
							}
							
						);
						
						$("#zoom_target_" + i).mouseleave(
							function (e)
							{
								$("#zoom_target_" + i + ", #zoom_box_" + i).fadeOut(300);
							
							}
							
						);
						
						$("body").mousemove(
							function (e)
							{
								var image = $(".lightboxSpan").find("img"); //$(this).get("img");
								
								var img_offset = image.offset();
								
								var x = e.pageX - ($("#zoom_target_" + i).width() / 2);
								var y = e.pageY - ($("#zoom_target_" + i).height() / 2);

								if (x <= img_offset.left) {
									x = img_offset.left;
									
								}
								
								if (y <= img_offset.top) {
									y = img_offset.top;
									
								}

								if (x >= img_offset.left + image.width() - $("#zoom_target_" + i).width()) {
									x = img_offset.left + image.width() - $("#zoom_target_" + i).width();
									
								}
								
								if (y >= img_offset.top + image.height() - $("#zoom_target_" + i).height()) {
									y = img_offset.top + image.height() - $("#zoom_target_" + i).height();
									
								}

								$("#zoom_target_" + i).offset({top:y , left:x});

								$("#zoom_image_" + i).width((image.width() * factor)).height(image.height() * factor);
							   
								var box_offset = $("#zoom_box_" + i).offset();
								
								var x_box = x - img_offset.left;
								var y_box = y - img_offset.top;
								
								var x_image = box_offset.left - (x_box * factor);
								var y_image = box_offset.top - (y_box * factor);

								$("#zoom_image_" + i).offset({top:y_image , left:x_image});
								
							}
							
						);
						
						if (i < $("#PRODUCT_IMAGE_SINGLE a").length) {
							i++;
							
						}
						
					}
					
				}
			
			);
			
		}
		else {
			var i = 1;
		
			var factor = 2;

			$("#PRODUCT_IMAGE_SINGLE a img").each(
				function ()
				{
					if (valid_img_path($(this).parent().attr("href"))) {
						if ($("#zoom_target_" + i).length === 0) {
							//$("a[href=" + $(this).parent().attr("href") + "]").append('<div id="zoom_target_' + i + '" class="zoom_target" style="display:none"></div>');
							//$(this).parent().append('<div id="zoom_target_' + i + '" class="zoom_target" style="display:none"></div>');
							
							$(this).parent().append('<div id="zoom_target_' + i + '" class="zoom_target" style="display:none"></div>');

						}
						
						//var image = $("a[href=" + $(this).attr("href") + "] img");
						
						$("#PRODUCT_IMAGE_SINGLE").append('<div id="zoom_box_' + i + '" class="zoom_box_outer" style="display:none"><div class="zoom_box_inner"><img src="' + $(this).parent().attr("href") + '" alt="" id="zoom_image_' + i + '" class="zoom_image" /></div></div>');
						
						$(this).parent().hover(
							// over
							function (e)
							{
								//$("#zoom_target_" + i + ", #zoom_box_" + i).fadeIn(300);
								//$("#zoom_target_" + i).fadeTo(0, 0.5);
								
							},
							
							// out
							function (e)
							{
								$("#zoom_target_" + i + ", #zoom_box_" + i).fadeOut(300);
								
							}
							
						);
						
						$(this).parent().mouseover(
							function (e)
							{
								$("#zoom_target_" + i + ", #zoom_box_" + i).fadeIn(300);
								$("#zoom_target_" + i).fadeTo(0, 0.5);
								
								var image = $(this).find("img"); //$(this).get("img");
								
								var img_offset = image.offset();
								
								var x = e.pageX - ($("#zoom_target_" + i).width() / 2);
								var y = e.pageY - ($("#zoom_target_" + i).height() / 2);

								if (x <= img_offset.left) {
									x = img_offset.left;
									
								}
								
								if (y <= img_offset.top) {
									y = img_offset.top;
									
								}

								if (x >= img_offset.left + image.width() - $("#zoom_target_" + i).width()) {
									x = img_offset.left + image.width() - $("#zoom_target_" + i).width();
									
								}
								
								if (y >= img_offset.top + image.height() - $("#zoom_target_" + i).height()) {
									y = img_offset.top + image.height() - $("#zoom_target_" + i).height();
									
								}

								$("#zoom_target_" + i).offset({top:y , left:x});

								$("#zoom_image_" + i).width((image.width() * factor)).height(image.height() * factor);
							   
								var box_offset = $("#zoom_box_" + i).offset();
								
								var x_box = x - img_offset.left;
								var y_box = y - img_offset.top;
								
								var x_image = box_offset.left - (x_box * factor);
								var y_image = box_offset.top - (y_box * factor);

								$("#zoom_image_" + i).offset({top:y_image , left:x_image});
								
							}
							
						);
						
						$(this).parent().mousemove(
							function (e)
							{
								var image = $(this).find("img"); //$(this).get("img");
								
								var img_offset = image.offset();
								
								var x = e.pageX - ($("#zoom_target_" + i).width() / 2);
								var y = e.pageY - ($("#zoom_target_" + i).height() / 2);

								if (x <= img_offset.left) {
									x = img_offset.left;
									
								}
								
								if (y <= img_offset.top) {
									y = img_offset.top;
									
								}

								if (x >= img_offset.left + image.width() - $("#zoom_target_" + i).width()) {
									x = img_offset.left + image.width() - $("#zoom_target_" + i).width();
									
								}
								
								if (y >= img_offset.top + image.height() - $("#zoom_target_" + i).height()) {
									y = img_offset.top + image.height() - $("#zoom_target_" + i).height();
									
								}

								$("#zoom_target_" + i).offset({top:y , left:x});

								$("#zoom_image_" + i).width((image.width() * factor)).height(image.height() * factor);
							   
								var box_offset = $("#zoom_box_" + i).offset();
								
								var x_box = x - img_offset.left;
								var y_box = y - img_offset.top;
								
								var x_image = box_offset.left - (x_box * factor);
								var y_image = box_offset.top - (y_box * factor);

								$("#zoom_image_" + i).offset({top:y_image , left:x_image});
								
							}
							
						);
						
						if (i < $("#PRODUCT_IMAGE_SINGLE a").length) {
							i++;
							
						}
						
					}
					
				}
			
			);
			
		}
		
	}
	
);