var Event = YAHOO.util.Event;
var Dom = YAHOO.util.Dom;
var trim = YAHOO.lang.trim;
function showDiyImage(target, file) {
	var file = trim(file);
	if (file == '') {
		return;
	}
	file = baseurl + "product/diy_preview/" + file;
	// alert(file);
	target.src = file;
}
//添加到收藏夹，兼容火狐和ie
function addBookmark(url,title) {
	if (window.sidebar) {
	   window.sidebar.addPanel(title, url,"");
	} else if( document.all ) {
	   window.external.AddFavorite( url, title);
	} else if( window.opera && window.print ) {
	   return false;
	}
}
Event.onDOMReady(function() {
			var task_1 = null, task_2 = null,delay=400;
			var overlay1 = new YAHOO.widget.Overlay("spc_pop_panel", {
						context : ["spc_link", "tl", "bl",
								["beforeShow", "windowResize"]],
						visible : false,
						zIndex : 10000,
						width : "460px"
					});
			overlay1.render();
			Event.addListener("spc_link", "mouseover", function() {
						if (task_1 != null) {
							clearTimeout(task_1);
							task_1 = null;
						}
						if (overlay2 != null) {
							overlay2.hide();
						}
						if (task_2 != null) {
							clearTimeout(task_2);
							task_2 = null;
						}
						Dom.setStyle('spc_pop_panel', 'display', 'block');
						Dom.setStyle('spc_pop_panel', 'opacity', '0.88');
						overlay1.show();
					}, overlay1, true);
			Event.addListener("spc_link", "mouseout", function(e) {
						task_1 = setTimeout(function() {
									overlay1.hide();
								}, delay);
					}, overlay1, true);
			Event.addListener('spc_pop_panel', 'mouseover', function() {
						if (task_1 != null) {
							clearTimeout(task_1);
							task_1 = null;
						}
						overlay1.show();
					});
			Event.addListener('spc_pop_panel', 'mouseout', function() {
						if (task_1 != null) {
							clearTimeout(task_1);
							task_1 = null;
						}
						task_1 = setTimeout(function() {
									overlay1.hide();
								}, delay);
					});



			var overlay2 = new YAHOO.widget.Overlay("design_more_panel", {
						context : ["design_link", "tl", "bl",
								["beforeShow", "windowResize"]],
						visible : false,
						zIndex : 10000,
						width : "460px"
					});
			overlay2.render();
			Event.addListener("design_link", "mouseover", function() {
						if (task_2 != null) {
							clearTimeout(task_2);
							task_2 = null;
						}
						if (overlay1 != null) {
							overlay1.hide();
						}
						if (task_1 != null) {
							clearTimeout(task_1);
							task_1 = null;
						}
						//Dom.setStyle('design_more_panel', 'display', 'block');
						Dom.setStyle('design_more_panel', 'opacity', '0.88');
						overlay2.show();
					}, overlay2, true);
			Event.addListener("design_link", "mouseout", function(e) {
						task_2 = setTimeout(function() {
									overlay2.hide();
								}, delay);
					}, overlay2, true);
			Event.addListener("design_more_panel", "mouseover", function() {
						if (task_2 != null) {
							clearTimeout(task_2);
							task_2 = null;
						}
						overlay2.show();
					}, overlay2, true);
			Event.addListener("design_more_panel", "mouseout", function() {
						if (task_2 != null) {
							clearTimeout(task_2);
							task_2 = null;
						}
						task_2 = setTimeout(function() {
									overlay2.hide();
								}, delay);
					}, overlay2, true);


		});