function fresh () {
    window.location.href = window.location.href;
}
function adaptItems(wi) {
	var wi = new Number(wi);
	var size = $('items').getSize();
	var oldsize = new Number(size.x);
	var newsize = oldsize+wi;
	adapt = function() {
		$('items').setStyle('width', newsize + 'px');
		// alert('old : ' + oldsize + '\ndiv : ' + wi + '\nnew : ' + newsize + '');
	}
	adapt();
}
function createItem(ele,ide,cla,sty,par,del) {
	var ele = ele;
	var ide = ide;
	var cla = cla;
	var sty = sty;
	var par = par;
	var del = del;
	construct = function() {
		new Element(ele,{'id':ide,'class':cla,'style':sty}).injectInside($(par));
	}
	construct.delay(del)
}
function createImage(ele,ide,cla,sty,par,del) {
	var ele = ele;
	var ide = ide;
	var cla = cla;
	var sty = sty;
	var par = par;
	var del = del;
	construct = function() {
		new Element(ele,{'id':ide,'class':cla,'style':sty}).injectInside($(par));
	}
	construct.delay(del)
}
function createLoad(ele,ide,cla,sty,par,del) {
	var ele = ele;
	var ide = ide;
	var cla = cla;
	var sty = sty;
	var par = par;
	var del = del;
	construct = function() {
		new Element(ele,{'id':ide,'class':cla,'style':sty}).injectInside($(par));
	}
	construct.delay(del)
}
function createInfo(ele,ide,cla,sty,par,del) {
	var ele = ele;
	var ide = ide;
	var cla = cla;
	var sty = sty;
	var par = par;
	var del = del;
	construct = function() {
		new Element(ele,{'id':ide,'class':cla,'style':sty}).injectInside($(par));
		$(ide).fade('out');
	}
	construct.delay(del)
}
function createText(ele,ide,cla,sty,par,msg,del) {
	var ele = ele;
	var ide = ide;
	var cla = cla;
	var sty = sty;
	var par = par;
	var msg = msg;
	var del = del;
	construct = function() {
		new Element(ele,{'id':ide,'class':cla,'style':sty}).injectInside($(par));
		if (msg != "") {
			$(ide).set('html',msg);
			/*
			$(ide).appendText(msg);
			*/
		}
	}
	construct.delay(del)
}
function loadAction (ele1,ele2,ele3,pict) {
	var ele1 = ele1;
	var ele2 = ele2;
	var ele3 = ele3;
	var pict = pict;
	var loader = new Asset.images(pict, {
		onProgress: function() {
		},
		onComplete: function() {
			var fadeoutfunction = function() {
				$(ele1).fade('out');
			}
			var makemouseover = function() {
				$(ele2).addEvent('mouseover', function() {
					$(ele3).setStyle('display','block');
					$(ele3).fade('in');
				});				
			}
			var makemouseout = function() {
				$(ele2).addEvent('mouseout', function() {
					$(ele3).fade('out');
				});				
			}
			fadeoutfunction.delay(800);
			makemouseover.delay(900);
			makemouseout.delay(950);
		}
	});
}

function loadAction2 (ele1,pict) {
	var count = count;
	var pict = pict;
	var loader = new Asset.images(pict, {
		onProgress: function(counter,index) {
		},
		onComplete: function() {
			var fadeoutfunction = function() {
				$(ele1).fade('out');
			}
			fadeoutfunction.delay(810);
		}
	});
}

function createDiv(ele,ide,cla,sty,par,msg,del) {
	var ele = ele;
	var ide = ide;
	var cla = cla;
	var sty = sty;
	var par = par;
	var msg = msg;
	var del = del;
	construct = function() {
		new Element(ele,{'id':ide,'class':cla,'style':sty}).injectInside($(par));
		if (msg != "") {
			$(ide).appendText(msg);
		}
	}
	construct.delay(del)
}
function createClear(ele,cla,par,del) {
	var ele = ele;
	var cla = cla;
	var par = par;
	var del = del;
	construct = function() {
		new Element(ele,{'class':cla}).injectInside($(par));
	}
	construct.delay(del)
}
function constructScroll () {
	var size = $('bottom').getSize();
	var sizex = new Number(size.x);
	var newsize = sizex-300;
	$('scrollbarh').setStyle('width', newsize);
}
function constructScroll2 () {
	var size = $('top').getSize();
	var sizex = new Number(size.x);
	var newsize = sizex-36;
	$('scrollarea2').setStyle('width', newsize);
}
function makeScrollbar (content,scrollbar,handle,horizontal,ignoreMouse) {
	var steps = (horizontal?(content.getScrollSize().x - content.getSize().x):(content.getScrollSize().y - content.getSize().y))
	var slider = new Slider(scrollbar, handle, {
		steps: steps,
		mode: (horizontal?'horizontal':'vertical'),
		onChange: function(step) {
			// Scrolls the content element in x or y direction.
			var x = (horizontal?step:0);
			var y = (horizontal?0:step);
			content.scrollTo(x,y);
		}
	}).set(0);
	if( !(ignoreMouse) ) {
		// Scroll the content element when the mousewheel is used within the content or the scrollbar element.
		$$(content, scrollbar).addEvent('mousewheel', function(e) {
			e = new Event(e).stop();
			var step = slider.step - e.wheel * 100;
			slider.set(step);
		});
	}
	// Stops the handle dragging process when the mouse leaves the document body.
	$(document.body).addEvent('mouseleave',function(){slider.drag.stop()});
}
function constructScrollbar() {
	makeScrollbar( $('scrollarea'), $('scrollbarh'), $('handleh'), true );
}