window.onload = function(){
	if (!$('menu')) return;
	ieFix('menu');
}
window.addEvent("load", function(){
	initImages();
	//initTips();
	//initTips1();
	loadCategory();
	//fInitAlbums();
});
///////////////
function ieFix(topLevel) 
{
var ua = navigator.userAgent;
var isMSIE = (navigator.appName == "Microsoft Internet Explorer");
var isMSIE5_5 = isMSIE && (ua.indexOf('MSIE 5.5') != -1);
var isMSIE6 = isMSIE && (ua.indexOf('MSIE 6.0') != -1);

	if (isMSIE5_5 || isMSIE6) 
	{
	document.getElementById(topLevel).innerHTML = document.getElementById(topLevel).innerHTML.replace (/<ul/gi,"<table><tr><td><ul").replace (/<\/ul>/gi,"</ul></td></tr></table></a>");
	for (i=0;i<document.getElementsByTagName("li").length; i++) 
		{
		if (document.getElementsByTagName("li").item(i).className == "sub")
			{
			document.getElementsByTagName("li").item(i).innerHTML = document.getElementsByTagName("li").item(i).innerHTML.replace(/<\/a>/i,"");
			}
		}
	}
}
////////////////////////////////////////////
Element.extend({
	getWidth: function(){
		return this.getCoordinates().width
	},
	getHeight: function(){
		return this.getCoordinates().height
	}
});
////////////////////////////////////////////
function initImages() {	
	//
	document.imageOut = new Object();
	document.imageOver = new Object();
	// PNG Fix for IE<7
	var png_fix = "../images/blank.gif";
	var pngRegExp = new RegExp("\\.png$", "i");
	var f = "DXImageTransform.Microsoft.AlphaImageLoader";
	//
	var imageArray = $$("img", "input");
	imageArray.each(function(item){
		var image = item.src.substr(item.src.lastIndexOf("/")+1);
		var id = item.id || image.replace("_n.", "").replace("_N.", "");
		var hover = (image.toLowerCase().lastIndexOf("_n.") !=-1);
		//
		if (hover && document.imageOut && document.imageOver) {
			document.imageOut[id] = new Image();
			document.imageOut[id].src = item.src;
			document.imageOver[id] = new Image();
			document.imageOver[id].src = item.src.substr(0, item.src.lastIndexOf("/")+1)+image.replace("_n.", "_o.").replace("_N.", "_O.");
		};
		// PNG Fix for IE<7
		if (window.ie && !window.ie7 && image.test(pngRegExp)) {
			item.style.width = item.offsetWidth+"px";
			item.style.height = item.offsetHeight+"px";
			item.style.filter = "progid:"+f+"(src='"+item.src+"', sizingMethod='scale');";
			item.src = png_fix;
		};
		//
		if (hover && document.imageOut && document.imageOver) {
			item.onmouseover = function(){
				if (document.imageOver && document.imageOver[this.id]) setImage(this, document.imageOver[this.id].src);
			};
			item.onmouseout = function(){
				if (document.imageOut && document.imageOut[this.id]) setImage(this, document.imageOut[this.id].src);
			};
			item.id = id;
			//
			function setImage(imageObject, src) {
				if (window.ie && !window.ie7) {
					if (imageObject.filters[f] && imageObject.filters[f].src.test(pngRegExp)) {
						imageObject.filters[f].src = src;
					} else {
						imageObject.src = src;
					};
				} else {
					imageObject.src = src;
				};
			};
		};
	});
};
//////show payer////////
function opaceIt(thisObj, opaceTo) {
	if (!thisObj) return;
	if (opaceTo != 0) {
		thisObj.setStyles({
			display:'block'
		}).setOpacity(0);
	}
	var myEffects = new Fx.Style(thisObj, "opacity", {
		duration:400, 
		transition:Fx.Transitions.quadInOut
	});
	myEffects.start(opaceTo);
}

var fShowLayer = function (oSourceLayer, linkObject){
	$('showDetail').innerHTML=oSourceLayer.innerHTML;
	if ($(linkObject)) {
		$('showDetail').setStyles({
			top: $(linkObject).getCoordinates().top-130,
			left: $(linkObject).getCoordinates().left
		});
	}
	opaceIt($('showDetail'), 1) 
}
/////////////tab/////
function showHideTab(index)
{
	var tabs = $$("div.news");
	for(i=0;i<tabs.length;i++){
		tabs.setStyles({position: "absolute", top:"-10000px", left:"-5000px"});
	}
	tabs[index].setStyles({position: "static", top:"0px", left:"0px"});
	
}
/////////
function initTips(){
	if ($$("a.tip").length == 0) return;
	var body = $$("body")[0];
/*	var frm = new Element("iframe").setProperties({
		"id": "tipPopupFrame",
		"src": "about:blank",
		"frameborder": "0"
	}).addClass("tipPopupFrame").injectInside(body);
*/
	var tip = new Element("div").setProperty("id", "tipPopup").addClass("tipPopup").injectInside(body);
	//	
	$$("a.tip").each(function(a, i){
		a.addEvent("mouseover", function(e){
			new Event(e).stop();
			tip.empty();
			//loader.setStyle("visibility", "visible");
			// call AJAX here based on ID of a tag
			var cont = $("detai1_" + i);
			if (cont) {
				tip.setStyles({
					"visibility": "hidden",
					"width": "auto"
				}).setHTML(cont.innerHTML);
			}
			//
			tip.setStyles({
				"visibility": "visible",
				"width": tip.getWidth()+"px"
			});
			/*frm.setProperties({
				"width": tip.getWidth(),
				"height": tip.getHeight()
			}).setStyles({
				"visibility": "visible",
				"width": tip.getWidth()+"px",
				"height": tip.getHeight()+"px"
			});*/
		});
		a.addEvent("mouseleave", function(e){
			new Event(e).stop();
			tip.setStyle("visibility", "hidden");
			//frm.setStyle("visibility", "hidden");
		//	loader.setStyle("visibility", "hidden");
		});
		a.addEvent("mousemove", function(e){
			var evt = new Event(e);
			var x = (tip.getWidth()+evt.page.x<window.getScrollWidth()-20) ? evt.page.x+10 : evt.page.x-tip.getWidth()-10;
			var y = (tip.getHeight()+evt.page.y<window.getHeight()+window.getScrollTop()-20) ? evt.page.y+10 : evt.page.y-tip.getHeight()-10;
			tip.setStyles({
				top: y,
				left: x
			});
			/*frm.setProperties({
				"width": tip.getWidth(),
				"height": tip.getHeight()
			}).setStyles({
				"visibility": "visible",
				"width": tip.getWidth()+"px",
				"height": tip.getHeight()+"px",
				"top": y,
				"left": x
			});*/
		});
	});
	//
	
}
/////////
function initTips1(){
	if ($$("a.tip").length == 0) return;
	var body = $$("body")[0];

	var tip = new Element("div").setProperty("id", "tipPopup1").addClass("tipPopup1").injectInside(body);
	//	
	$$("a.tip").each(function(a, i){
		a.addEvent("mouseover", function(e){
			new Event(e).stop();
			tip.empty();
			
			var cont = $("detai1_" + i);
			if (cont) {
				tip.setStyles({
					"visibility": "hidden",
					"width": "auto"
				}).setHTML(cont.innerHTML);
			}
			//
			tip.setStyles({
				"visibility": "visible",
				"width": tip.getWidth()+"px"
			});
			
		});
		a.addEvent("mouseleave", function(e){
			new Event(e).stop();
			tip.setStyle("visibility", "hidden");
			//frm.setStyle("visibility", "hidden");
		//	loader.setStyle("visibility", "hidden");
		});
		a.addEvent("mousemove", function(e){
			var evt = new Event(e);
			var x = (tip.getWidth()+evt.page.x<window.getScrollWidth()-20) ? evt.page.x+10 : evt.page.x-tip.getWidth()-10;
			var y = (tip.getHeight()+evt.page.y<window.getHeight()+window.getScrollTop()-20) ? evt.page.y+10 : evt.page.y-tip.getHeight()-10;
			tip.setStyles({
				top: y,
				left: x
			});
			
		});
	});
	//
	
}
////////////////////////////////
var initScroller = function(){
	if ($$("div.slideScroll").length == 0) return;
	$$("div.slideScroll").each(function(div, i){
		//
		var slideContent = div.getPrevious();
		var slideGroup = slideContent.getFirst();
		if (slideGroup) {
			var el = slideGroup.getChildren();
			var w = 0;
			el.each(function(item){
				w += 54+5;
			});
			slideGroup.setStyle("width", w);
			div.setStyle("display", (w<=500) ? "none" : "block");
			//
			//
			div.scrollInterval = null;
			div.fx = new Slider(div.getChildren()[1], div.getChildren()[1].getFirst(), {onChange:function (pos){
				div.fx.curPos = pos;
				slideFx.set(pos);
			}});
			div.fx.curPos = 0;
			//
			var slideFx = new Slider(slideContent, slideGroup);
			slideContent.removeEvents();
			slideContent.getFirst().removeEvents();
			//
			//
			div.getChildren()[0].addEvent("mousedown", function(evt) {
				clearInterval(div.scrollInterval);
				div.scrollInterval = setInterval(function () {
					moveObj(div.fx, -2);
				}, 100);
			});
			div.getChildren()[0].addEvent("click", function(evt) {
				clearInterval(div.scrollInterval);
			});
			div.getChildren()[0].addEvent("mouseout", function(evt) {
				clearInterval(div.scrollInterval);
			});
			//
			//
			div.getChildren()[2].addEvent("mousedown", function(evt) {
				clearInterval(div.scrollInterval);
				div.scrollInterval = setInterval(function () {
					moveObj(div.fx, 2);
				}, 100);
			});
			div.getChildren()[2].addEvent("click", function(evt) {
				clearInterval(div.scrollInterval);
			});
			div.getChildren()[2].addEvent("mouseout", function(evt) {
				clearInterval(div.scrollInterval);
			});
		}
	});
	//
	//
	function moveObj(thisObj, thisPos) {
		if ((thisObj.curPos == 0) && (thisPos<0))  return;
		if ((thisObj.curPos == 100) && (thisPos>0)) return;
		thisObj.set(thisObj.curPos+thisPos);
	}
}
var test="";
////////////////////////////////
var loadCategory = function(){
	if ($$("div.subGroupGallery").length == 0) return;
	if ($$("div.subGroup").length == 0) return;
	var category = new fLoadXML("gallery.xml", true);
	category.fSuccess = function(){
		$$("div.subGroupGallery")[0].empty().setStyle("display", "block");
		//
		var categoryItem = this.aXml['data'][0].slide;

		var ul = new Element("ul").injectInside($$("div.subGroupGallery")[0]);
		var div =  new Element("div").setProperty("id", "imageDesc").injectInside($$("div.subGroup")[0]);
		var zoomPlace = $$("div.subGroup")[0];
		document.slideXmlObj = categoryItem;
		document.zoomTotal = categoryItem.length;
		document.btnSelected = null;
		document.zoomSliding = true;
		document.zoomIndex = -1;
		for (var i = 0; i < document.zoomTotal; i++) {
			var li = new Element("li").injectInside(ul);
			//var thumb =  new Element("img").setProperties({
				//id: "thumb"+i,
				//src: categoryItem[i].thumb[0].data
			//})
			var thumb =  new Element("img");
			thumb.id="thumb"+i;
			thumb.src=categoryItem[i].thumb[0].data;
			//thumb.title=categoryItem[i].title[0].data;
			thumb.setStyles({
				width: "54px",
				height: "37px"
				
			})
				
			thumb.setOpacity(0.5).injectInside(li);
			thumb.index = i;
			var zoom =  new Element("img");
			zoom.id="zoom"+i;
			zoom.src= categoryItem[i].zoom[0].data+"?rand="+$time();
		//	zoom.title= categoryItem[i].title[0].data;
			//setProperties({
				//id: "zoom"+i,
				//src: categoryItem[i].zoom[0].data+"?rand="+$time()
			//}).
			//zoom.style.position= "absolute";
			//zoom.style.zIndex= 1;
			//zoom.style.top= 0;
			//zoom.style.left= 0;
			zoom.style.display= "none";
			zoom.style.width= "auto";
			zoom.style.height= "auto";
			
			zoom.setOpacity(0).injectInside(zoomPlace);
			zoom.fx = new Fx.Style(zoom, "opacity", {duration: 500});
			zoom.loaded = false;
			zoom.index = i;
			zoom.addEvent("load", function(){
				var zoomId = $(this).id;
				var btn = $(zoomId.replace("zoom", "thumb"));
				btn.setOpacity(1);
				btn.selected = false;
				btn.setStyle("cursor", "pointer");
				btn.addEvent("mouseover", function(e){
					$(this).setStyle("borderColor", "#ad2529");
				});
				btn.addEvent("mouseout", function(e){
					if (!$(this).selected) $(this).setStyle("borderColor", "#ccc");
				});
				btn.addEvent("click", function(e){	
					if (document.btnSelected == zoomId) return;
					if (document.btnSelected) {
						setBtnSelect(document.btnSelected, false);
					}					
					setBtnSelect(zoomId, true);
					document.btnSelected = zoomId;
					//
					clearInterval(document.slideZoomInterval);
					var step = $(this).index - document.zoomIndex;
					zoomSlideIt(step);
					//
				//	document.slideZoomInterval = setInterval(function(){
				//		zoomSlideIt(1);
				//	}, 6000);
				});
				//
				$(this).loaded = true;
				//
				if (zoomId == "zoom0") {
					zoomSlideIt(1);
					//
				//	document.slideZoomInterval = setInterval(function(){
					//	zoomSlideIt(1);
					//}, 6000);
				}
			});/**/
			//
		}
		//
		//
		initScroller();
		//
		//
		//
		function zoomSlideIt(dir){
			/*for (var i = 0; i<document.zoomTotal; i++) {
				if ($("zoom"+i)) $("zoom"+i).fx.stop();
			}*/
			if (document.zoomIndex != -1) {
				var oldZoom = $("zoom"+document.zoomIndex);
				oldZoom.style.display = "none";
				oldZoom.fx.stop();
				oldZoom.fx.start(0);
				setBtnSelect(oldZoom.id, false);
			}
			document.zoomIndex += dir;
			if (dir>0) {
				if (document.zoomIndex >= document.zoomTotal) document.zoomIndex = 0;
			} else {
				if (document.zoomIndex < 0) document.zoomIndex = document.zoomTotal-1;
			}
			//
			var newZoom = $("zoom"+document.zoomIndex);
			if (newZoom.loaded) {
				newZoom.style.display = 'block';
				newZoom.fx.stop();
				newZoom.fx.start(1);
				setBtnSelect(newZoom.id, true);
				//
			//	$("imageDesc").setHTML(document.slideXmlObj[document.zoomIndex].description[0].data)
			}	
		}
		function setBtnSelect(zoomId, selected){
		/*	if(selected==true){
				$('h_ecard').value = ($(zoomId).src);
				if($('h_title'))
					$('h_title').value = ($(zoomId).title);
			}*/
			var btn = $(zoomId.replace("zoom", "thumb"));
			btn.setOpacity(1);
			btn.selected = selected;
			btn.setStyle("cursor", selected ? "default" : "pointer");
			btn.setStyle("borderColor", selected ? "#ad2529" : "#ccc");
		}
		//
		//
		//
	}
	//
}
//////////
function showHideForm() {
		if($("showhideForm").className == "iconArrow")
		{
			$("showhideForm").className="iconArrow1";
			$("typeOpinion").setStyle("display", "none");
			$("listOpinion").className="hideForm";
		}
		else if($("showhideForm").className == "iconArrow1"){
			$("showhideForm").className="iconArrow";
			$("typeOpinion").setStyle("display", "block");
			$("listOpinion").className="showForm";
		}

}
///////////////
function fInitAlbums(){
	if (!$("layerAlbums")) {
		return;
	}
	// init layer
	new Element("div").setProperties({
		id: "layerAlbumsFrame"
	}).injectBefore("layerAlbums");
	//
	// init links
	var groups = $$("a.photo");
	groups.each(function(el){
		var btn = el.getFirst();
		//btn.__text = el.getNext().getNext().innerHTML;
		btn.addEvent("mouseover", function(e){
			new Event(e).stop();
			fShowAlbumsLayer($(this));
		});
	});
	//
	$("illus").addEvent("click", function(e){
		new Event(e).stop();
		fHideAlbumsLayer();
	});
}
////////
function fShowAlbumsLayer(linkBtn) {
	var container = $$("body")[0];
	var form = $("layerAlbums");
	var frame = $("layerAlbumsFrame");
	//
	$("illus").setHTML(linkBtn.__text);
	//
	frame.setStyles({
		width: window.getWidth(),
		height: container.getCoordinates().height
	}).setOpacity(0.5);
	//
	form.setStyles({
		left: (window.getWidth()-318)/2,
		top: window.getScrollTop()+100
	});
	new Fx.Style(form, "opacity").start(0, 1);
}
////////
function fHideAlbumsLayer() {
	var form = $("layerAlbums");
	var frame = $("layerAlbumsFrame");
	//
	frame.setStyles({
		width: 10,
		height: 10
	}).setOpacity(0);
	//
	new Fx.Style(form, "opacity").start(1, 0);
}