function fixpng(){
	var arVersion = navigator.appVersion.split("MSIE");
	var version = parseFloat(arVersion[1]);
	if ((version >= 5.5) && (document.body.filters) && (version < 7)){
		var png_images = $$('.pngfix');	
		png_images.each(function(element) {
			if(!$(element).hasClass('pngfixed')){
				$(element).addClass('pngfixed');
				var img = $(element);
				var imgID = (img.id) ? "id='" + img.id + "' " : ""
				var imgClass = (img.className) ? "class='" + img.className + "' " : ""
				var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
				var imgStyle = "display:inline-block;" + img.style.cssText 
				if (img.align == "left") imgStyle = "float:left;" + imgStyle
				if (img.align == "right") imgStyle = "float:right;" + imgStyle
				if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
				var strNewHTML = "<span " + imgID + imgClass + imgTitle + " style=\"" + "width:" + img.getProperty('width') + "px; height:" + img.getProperty('height') + "px;" + imgStyle + ";"
				+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'" + img.src + "\', sizingMethod='scale');\"></span>" 
				img.outerHTML = strNewHTML					
			}
		});
	} else {
		$$('.pngfix').addClass('pngfixed');
	}
}

function make_scrollarea(content, scrollbar, handle){
	var steps = (content.getScrollSize().y - content.getSize().y);
	if(steps > 0){
		$$(scrollbar, handle).removeEvents();
		var slider = new Slider(scrollbar, handle, {	
			steps: steps,
			mode: 'vertical',
			onChange: function(step){
				content.scrollTo(0,step);
			}
		}).set(0);
		$$(content, scrollbar).removeEvents('mousewheel');
		$$(content, scrollbar).addEvent('mousewheel', function(e){	
			e = new Event(e).stop();
			var step = slider.step - e.wheel * 30;	
			slider.set(step);					
		});
		scrollbar.setStyle('visibility', 'visible');
		handle.setStyle('visibility', 'visible');
	} else {
		scrollbar.setStyle('visibility', 'hidden');
		handle.setStyle('visibility', 'hidden');
	}
}

function init(){
	fix();
	fixpng();
	
	//	scrollbar
	make_scrollarea($('scrollcontainer'), $('scrollbar'), $('scrollhandle'));	
	
}

function fix(){
	if($('body').getSize().x < 984){
		$('site').setStyle('marginLeft', "0px"); $('site').setStyle('left', "0px");
		$('body').setStyle('background-position', '-106px center');
		$('body').setStyle('width', '984px');
	} else {
		$('site').setStyle('marginLeft', "-493px"); $('site').setStyle('left', "50%");
		$('body').setStyle('background-position', 'center center');
		$('body').setStyle('width', '100%');
	}
	if($('body').getSize().y < 562){
		$('site').setStyle('marginTop', "0px"); $('site').setStyle('top', "0px");
		$('body').setStyle('background-position', 'center -42px');
		$('body').setStyle('height', '562px');
	} else {
		$('site').setStyle('marginTop', "-312px"); $('site').setStyle('top', "50%");
		$('body').setStyle('background-position', 'center center');
		$('body').setStyle('height', '100%');
	}
	if($('body').getSize().x < 984 && $('body').getSize().y < 562){
		$('body').setStyle('background-position', '-106px -42px');
	}
}

window.addEvent('load', init);
window.addEvent('resize', fix);