window.addEvent("domready",function(){
	//--------------StartEffect TopMenu----------------
	var durmenu = 700;
	var bgtopmenu = $('bgtopmenu');
	var menutexts = $$("#topmenu li a");
	var fxbgtopmenu = new Fx.Styles(bgtopmenu,{duration:durmenu, wait:false, transition: Fx.Transitions.Back.easeOut});
	var colormenu = "ffffff"; colormenu2 = "f36690";
	var topitems = [];
	topitems[0] = [$('homelink'),26,56];
	topitems[1] = [$('aboutlink'),96,73];
	topitems[2] = [$('gallerylink'),181,67];
	topitems[3] = [$('salelink'),254,50];
	topitems[4] = [$('contactlink'),312,57];
	
	bgtopmenu.setStyles({
		left : topitems[pageno][1],
		width : topitems[pageno][2]
	});
	
	topitems.each(function(menuitem,i){
		var fxmenuitem = new Fx.Style(menuitem[0],'color',{duration:durmenu,wait:false});
		menuitem[0].addEvent("mouseover",function(){
			fxbgtopmenu.start({
				'left' : menuitem[1],
				'width' : menuitem[2]
			});
			if(menuitem[0].hasClass("onactive")==false){
				fxmenuitem.start(colormenu);
			}
		});
		menuitem[0].addEvent("mouseout",function(){
			fxbgtopmenu.start({
				'left' :topitems[pageno][1],
				'width' :topitems[pageno][2]
			});
			if(menuitem[0].hasClass("onactive")==false){
				fxmenuitem.start(colormenu2);
			}
		});
	});
	//----------------End Effect Top Menu-----------------------
});