/*fix IE6 image css roller*/
try { document.execCommand("BackgroundImageCache", false, true);} catch(err) {}
var YUE = YAHOO.util.Event;
var YUEL = YAHOO.util.Element;
var YUD = YAHOO.util.Dom;
//var YWCE = YAHOO.widget.ContainerEffect;
//var YWO = YAHOO.widget.Overlay;
//var YWM = YAHOO.widget.Module;
/*
YUE.onContentReady("basicmenu", function () {            
	var oMenu = new YAHOO.widget.Menu("basicmenu", { x: YAHOO.util.Dom.getX('language_selector'), y: YAHOO.util.Dom.getY('language_selector')+20 });
	oMenu.render();
	oMenu.subscribe("show", oMenu.focus);
	YUE.addListener("language_selector", "click", oMenu.show, null, oMenu);    
});

$("#language_selector").ready(function(){
	$(this).click(function(e){
		//alert(e.pageX);
		alert($(this).offset().top);
		$("#lang_drop_menu").show().css({top:getDisplayTopXY($(this).id)[1]-$("#lang_drop_menu").height()-3,left:getDisplayTopXY($(this).id)[0]});
		return false;
	});
});
*/
function toggleDropMenu(p_id, c_id){
	$("#"+c_id).toggle().css({top:getDisplayTopXY(p_id)[1]-$("#"+c_id).height()-3,left:getDisplayTopXY(p_id)[0]})
	.bind("mouseleave",function(){
		   $(document).one("click",function(){$("#"+c_id).hide();});
	});
}
function getDisplayTopXY(id){
	return [$("#"+id).offset().left, $("#"+id).offset().top];
}	
function submitLangForm(v){	
    $('#language').val(v);    
    $('#langForm').submit();
} 
YUE.onContentReady("yui-main", function () {  
	var photos = YUD.getElementsByClassName('photoWithToolbar', 'div');
	for(var i=0;i<photos.length;i++){
		var photo = new YUD.getFirstChild(photos[i]);
		photos[i].style.width = photo.width + 'px';
		var el = new YUEL(photos[i]);
		el.on('mouseover', function() {
			var _photo = this.getElementsByTagName('img')[0];							
			var _tb = this.getElementsByTagName('ul')[0];
			_tb.style.width = _photo.width +"px";
			_tb.style.display = "";			
		});
		el.on('mouseout', function() { 
			var _tb = this.getElementsByTagName('ul')[0];
			_tb.style.display = "none";			
		});
		
	}
});
YUE.onContentReady("sidebarPhotoBlock", function () {  
	var photos = YUD.getElementsByClassName('photo-side-overlay');
	for(var i=0;i<photos.length;i++){
		var el = new YUEL(photos[i]);
		el.on('mouseover', function() { 
			var ph = this.getElementsByTagName('img')[0];
			var tb = this.getElementsByTagName('ul')[0];									
			this.addClass("hover");
			YUD.setStyle(tb, 'width', this.get('clientWidth')+'px');
			YUD.setStyle(tb, 'display', '');
			window.status = getHeight(ph);
			YUD.setXY(tb, [YUD.getX(this.get('id')), YUD.getY(ph)+getHeight(ph)], true);
		});
		el.on('mouseout', function() { 
			var tb = this.getElementsByTagName('ul')[0];									   
			this.removeClass("hover");
			YUD.setStyle(tb, 'display', 'none');
		});
		
	}
});
YUE.onContentReady("article-form", function () {
    var self = new YUEL(this);
	self.on('submit', function(){
 	    myEditor.saveHTML(); 
	});
});

YUE.onContentReady("doc3", function () {  
	var btns = YUD.getElementsByClassName('btn', 'input');
	for(var i=0;i<btns.length;i++){
		var el = new YUEL(btns[i]);
		el.on('mouseover', function() {
			this.addClass('btnhover');
		});
		el.on('mouseout', function() { 
			this.removeClass('btnhover');		
		});
	}
});

var orginMapXY;
YUE.onContentReady("map_area", function () {  
	orginMapXY = YUD.getXY('map_area');
	//mapHTML += '<img src="/img/btn/close1.gif" />';
	//map_area.innerHTML = mapHTML;
	//alert(map);
});
function callMap(obj){
	var map_area = new YUD.get('map_area');
	//var cls = new YUD.get('pop-close');	
	var parent = new YUD.getAncestorByClassName(obj,'photoWithToolbar');
	YUD.setStyle('pop-close', 'display', '');
	YUD.setXY('map_area', [YUD.getX(parent)+getWidth(parent), YUD.getY(parent)]);
	YUE.addListener('pop-close', "click", backMap); 
}
function backMap(){
		YUD.setStyle('pop-close', 'display', 'none');
		YUD.setXY('map_area', orginMapXY);
}
function getWidth(el){
	var region = new YUD.getRegion(el);
	return region.right - region.left;
}
function getHeight(el){
	var region = new YUD.getRegion(el);
	return region.bottom - region.top;
}

var lastestPanel;
function showPanel(obj, id, content, width){
	width = width == null ? 300 : width;
	var jp = new JmapPanel(obj, id, content, width, 300);
	jp.show();
}
var hidePanel = function(id){
	var jp = new JmapPanel(null, id, null, null);
	jp.hide();
}
var JmapPanel = function(obj, id, content, width, height){
	this.obj = obj;
	this.id = id;	
	this.divid = "map-toolbar-panel-" + id;	
	this.content = content;
	this.width = width;
	this.height = height;
	//this.lastestPanel = lastestPanel;
}
JmapPanel.prototype.show = function(){
	this.getPanel();
	$("#"+this.divid).css({top:$(this.obj).offset().top+$(this.obj).height(), left:$(this.obj).offset().left-this.width+$(this.obj).width()});
	if(lastestPanel && lastestPanel!=this.id) 
		hidePanel(lastestPanel);
	lastestPanel = this.id;
}
JmapPanel.prototype.hide = function(){
	$("#"+this.divid).css({display:"none"});
}
JmapPanel.prototype.getPanel = function(){
	if($("#"+this.divid).length>0){
		$("#"+this.divid).css({display:""});
	}
	else{
		var panelDiv = document.createElement('div');
		panelDiv.id = this.divid;
		panelDiv.style.visibility = 'visible';
		panelDiv.style.position = 'absolute';
		panelDiv.style.zIndex = 9999;
		panelDiv.style.width = this.width + 'px';
		panelDiv.style.height = this.height + 'px';
		panelDiv.innerHTML = '<div class="popup_tl"><div class="popup_tr"><div class="popup_tc"><div class="btn-close"><a href="javascript:;" onclick="hidePanel(\''+this.id+'\')"></a></div></div></div></div>' + 
		'<div class="popup_ml"><div class="popup_mr"><div class="popup_mc">'+this.content+'</div></div></div>' +
		'<div class="popup_bl"><div class="popup_br"><div class="popup_bc"><!--IEbug--></div></div></div>';
		$("body").prepend(panelDiv);
	}
}

JmapDlg = function(){
}
JmapDlg.dlg = null;
JmapDlg.img = null;
JmapDlg.open = function(id, src, width, height){
	JmapDlg.dlg = $("#dialog");
	JmapDlg.img = '<img src="'+src+'" />';
	//alert(JmapDlg.genDlgPanel());
	JmapDlg.dlg.html(JmapDlg.genDlgPanel());
	//$(JmapDlg.dlg).show(2000);
	//JmapDlg.dlg.dialog("open");
	//console.log(JmapDlg.dlg);
	JmapDlg.dlg.dialog({ 
		modal: true, 
		width: 800,
		height: 600,
		overlay: { 
			opacity: 0.5, 
			background: "black" 
		} 
	});
}
JmapDlg.close = function(){
	//JmapDlg.dlg.hide();
	JmapDlg.dlg.empty();
	JmapDlg.dlg.dialog("close");
}
JmapDlg.genDlgPanel = function(){
	return '<div class="popup_tl"><div class="popup_tr"><div class="popup_tc"><div class="btn-close"><a href="javascript:;" onclick="JmapDlg.close();"></a></div></div></div></div>' + 
	'<div class="popup_ml"><div class="popup_mr"><div class="popup_mc">'+JmapDlg.img+'</div></div></div>' +
	'<div class="popup_bl"><div class="popup_br"><div class="popup_bc"><!--IEbug--></div></div></div>';
}