﻿jQuery.noConflict();
jQuery(document).ready(function () {
	var timeoutId;
	var timeoutId2;
	var clicked = false;
	function closeAction() {
		if (!clicked) {
			jQuery("#big_image_holder").hide();
			jQuery(".big_image_holder_clicked").removeClass("big_image_holder_clicked");
		}
	}
	function openAction() {
		if (!clicked) {
			jQuery("div#big_image_holder").show();
			jQuery(".big_image_holder_clicked").removeClass("big_image_holder_clicked");
		}
	}

	jQuery("div.small_image_holder").hover(function () {
		if (!clicked) {
			clearTimeout(timeoutId);
			jQuery("#big_image_holder").hide();
			var parent = jQuery(this).parent();
			//jQuery("div.big_image_holder", parent).show();
			document.getElementById("big_image_holder_inner").innerHTML = jQuery("div.big_image_holder_content", parent).html();

			//jQuery("div#big_image_holder").show();
			//jQuery(".big_image_holder_clicked").removeClass("big_image_holder_clicked");
			//jQuery("div.iframe_cover", parent).addClass("big_image_holder_clicked");
			timeoutId2 = setTimeout(openAction, 500);
		}
	}, function () {
		clearTimeout(timeoutId2);
		timeoutId = setTimeout(closeAction, 100);
	});

	jQuery("div.small_image_holderNew").hover(function () {
		if (!clicked) {
			clearTimeout(timeoutId);
			jQuery("#big_image_holder").hide();

			setBigImage(jQuery("img", this).attr("bigImageSrc"), jQuery("img", this).attr("bigImageHref"));

			jQuery("div#big_image_holder").show();
			jQuery(".big_image_holder_clicked").removeClass("big_image_holder_clicked");
		}
	}, function () {
		timeoutId = setTimeout(closeAction, 100);
	});

	function setBigImage(imageUrl, navigateUrl) {
		var insertHtml = "<a target='_blank' href='http://" + navigateUrl + "'><img src='http://" + imageUrl + "' /></a>";
		document.getElementById("big_image_holder_inner").innerHTML = insertHtml;
	}

	jQuery("div.big_image_holder").hover(function () {
		clearTimeout(timeoutId);
	}, function () {
		closeAction();
		//timeoutId = setTimeout(closeAction, 100);
	});

	jQuery(".closeLink").click(function () {
		var parentObj = jQuery(this).parent();
		while (!parentObj.hasClass("big_image_holder")) {
			//console.log(parentObj.attr("class"));
			parentObj = parentObj.parent();
		}
		parentObj.hide();
		clicked = false;
		jQuery(parentObj).removeClass("big_image_holder_clicked"); ;
	});

	/*jQuery("div.small_image_holder").click(function () {
	clicked = true;
	jQuery(".big_image_holder").hide();
	jQuery(".big_image_holder_clicked").removeClass("big_image_holder_clicked");

	var parent = jQuery(this).parent();
	jQuery("div.big_image_holder", parent).show();
	jQuery("div.iframe_cover", parent).addClass("big_image_holder_clicked");
	clearTimeout(timeoutId);
	});*/
});
