dojo.require("dijit.form.Button");

(function(){
	function showShop(){
		if (!ifr) return;
		ifr.style.display="block";
		bt.domNode.style.display="block";
	}

	function hideShop(){
		if (!ifr) return;
		ifr.style.display="none";
		bt.domNode.style.display="none";
	}

	function hideLoading(){
		var	cnt=0, MAX_RETRIES=5,
			doc=ifr.contentDocument || ifr.contentWindow.document;

		_poll();

		function _poll(){
			var sb,tmp;
			if (cnt<MAX_RETRIES){
				sb=doc.getElementById("storeBody");
				if (!sb){
					cnt++;
					setTimeout(_poll,2000);
					return;
				}
			}
			tmp=dojo.byId("ajaxloaderimg");
			if(!tmp) return;
			tmp.parentNode.removeChild(tmp);
			dojo.disconnect(evt);
			dojo.addOnUnload(function(){
				if (ifr) ifr.src="about:blank";
			});
		}
	}

	if (window._extShopDone) return;
	var ifr, stylesheet, cssrules, bt, tmp, evt;
	ifr=dojo.byId("extShopIfr");
	if (dojo.isIE){
		evt=dojo.connect(ifr,"onreadystatechange",function(){
			if(/loaded|complete/i.test(ifr.readyState)){
				hideLoading();
			}
		});
	} else {
		evt=dojo.connect(ifr,"onload",hideLoading);
	}
	ifr.src="/site/extShop.html";
	window._extShopDone=true;
	stylesheet=dojo.doc.createElement("style");
	stylesheet.setAttribute("type","text/css");
	cssrules=".gotoshopbt{\ndisplay:block;\n}\n.hideshopbt{\ndisplay:block;position:absolute;top:12px;left:478px;z-index:2500\n}\n#extShopIfr{\noverflow:visible;background-color:white;position:absolute;top:50px;left:0px;width:952px;height:830px;\n}\n#ajaxloaderimg{\ndisplay:block;z-index:2000;position:absolute;top:135px;left:2px;\n}\n";
	if (stylesheet.styleSheet) stylesheet.styleSheet.cssText=cssrules;
	else stylesheet.appendChild(dojo.doc.createTextNode(cssrules));
	dojo.doc.getElementsByTagName("head")[0].appendChild(stylesheet);

	tmp=dojo.byId("gotoshopplaceholder");
	bt=new dijit.form.Button({
		label: tmp.innerHTML,
		onClick: showShop
	},tmp);
	dojo.toggleClass(bt.domNode,"tundra");
	dojo.toggleClass(bt.domNode,"gotoshopbt");

	tmp=dojo.byId("hideshopplaceholder");
	bt=new dijit.form.Button({
		label: tmp.innerHTML,
		onClick: hideShop
	},tmp);
	dojo.toggleClass(bt.domNode,"tundra");
	dojo.toggleClass(bt.domNode,"hideshopbt");
})();