window.onload = function(){
	new YAHOO.widget.TabView("wdTab");
	Event.observe($("tabWayou"),"click",tabWayou_click,false);
	Event.observe($("tabPan"),"click",tabPan_click,false);
	Event.observe($("tabCake"),"click",tabCake_click,false);
	Event.observe($("tabCafe"),"click",tabCafe_click,false);
}

function tabWayou_click(){
	Element.setStyle("tabWayou", {"background":"url('../common/img/tab_shopindex_wayou_o.png') no-repeat left top","width": "52px","height": "25px"});
	Element.setStyle("tabPan", {"background":"url('../common/img/tab_shopindex_pan.png') no-repeat left top","width": "52px","height": "25px"});
	Element.setStyle("tabCake", {"background":"url('../common/img/tab_shopindex_cake.png') no-repeat left top","width": "52px","height": "25px"});
	Element.setStyle("tabCafe", {"background":"url('../common/img/tab_shopindex_cafe.png') no-repeat left top","width": "51px","height": "25px"});
}
function tabPan_click(){
	Element.setStyle("tabWayou", {"background":"url('../common/img/tab_shopindex_wayou.png') no-repeat left top","width": "52px","height": "25px"});
	Element.setStyle("tabPan", {"background":"url('../common/img/tab_shopindex_pan_o.png') no-repeat left top","width": "52px","height": "25px"});
	Element.setStyle("tabCake", {"background":"url('../common/img/tab_shopindex_cake.png') no-repeat left top","width": "52px","height": "25px"});
	Element.setStyle("tabCafe", {"background":"url('../common/img/tab_shopindex_cafe.png') no-repeat left top","width": "51px","height": "25px"});
}
function tabCake_click(){
	Element.setStyle("tabWayou", {"background":"url('../common/img/tab_shopindex_wayou.png') no-repeat left top","width": "52px","height": "25px"});
	Element.setStyle("tabPan", {"background":"url('../common/img/tab_shopindex_pan.png') no-repeat left top","width": "52px","height": "25px"});
	Element.setStyle("tabCake", {"background":"url('../common/img/tab_shopindex_cake_o.png') no-repeat left top","width": "52px","height": "25px"});
	Element.setStyle("tabCafe", {"background":"url('../common/img/tab_shopindex_cafe.png') no-repeat left top","width": "51px","height": "25px"});
}
function tabCafe_click(){
	Element.setStyle("tabWayou", {"background":"url('../common/img/tab_shopindex_wayou.png') no-repeat left top","width": "52px","height": "25px"});
	Element.setStyle("tabPan", {"background":"url('../common/img/tab_shopindex_pan.png') no-repeat left top","width": "52px","height": "25px"});
	Element.setStyle("tabCake", {"background":"url('../common/img/tab_shopindex_cake.png') no-repeat left top","width": "52px","height": "25px"});
	Element.setStyle("tabCafe", {"background":"url('../common/img/tab_shopindex_cafe_o.png') no-repeat left top","width": "51px","height": "25px"});
}
function no_click(){
	Element.setStyle("tabWayou", {"background":"url('../common/img/tab_shopindex_wayou.png') no-repeat left top","width": "52px","height": "25px"});
	Element.setStyle("tabPan", {"background":"url('../common/img/tab_shopindex_pan.png') no-repeat left top","width": "52px","height": "25px"});
	Element.setStyle("tabCake", {"background":"url('../common/img/tab_shopindex_cake.png') no-repeat left top","width": "52px","height": "25px"});
	Element.setStyle("tabCafe", {"background":"url('../common/img/tab_shopindex_cafe.png') no-repeat left top","width": "51px","height": "25px"});
}

function tabWayou_on(){
	Element.setStyle("tabWayou", {"background":"url('../common/img/tab_shopindex_wayou_o.png') no-repeat left top","width": "52px","height": "25px"});
}
function tabPan_on(){
	Element.setStyle("tabPan", {"background":"url('../common/img/tab_shopindex_pan_o.png') no-repeat left top","width": "52px","height": "25px"});
}
function tabCake_on(){
	Element.setStyle("tabCake", {"background":"url('../common/img/tab_shopindex_cake_o.png') no-repeat left top","width": "52px","height": "25px"});
}
function tabCafe_on(){
	Element.setStyle("tabCafe", {"background":"url('../common/img/tab_shopindex_cafe_o.png') no-repeat left top","width": "51px","height": "25px"});
}