Element.Events.click = { 
	base:'click',
	onAdd: function() {
		this.setStyle('cursor','pointer');
	},
	onRemove: function() {
		this.setStyle('cursor','');
	}
};

function getWinHeight() {
	var grSize=$('clickmenu').getElement('.graphic').getSize();
	var photoSize=$('clickmenu').getElement('.photo').getSize();
	var webSize=$('clickmenu').getElement('.web').getSize();
	var contactSize=$('clickmenu').getElement('.contact').getSize();
	return Math.max(grSize.y,photoSize.y,webSize.y,contactSize.y)*1.105 + 110;
}

window.addEvent('domready', function() {

	var images = ['images/header.png','images/graphic.png','images/graphic_bg.png','images/web.png','images/web_bg.png','images/photo.png','images/photo_bg.png','images/contact.png','images/contact_bg.png'];
	var loader = new Asset.images(images, {
		onComplete: function() {
			$('wrap').fade([0,1]).get('tween').chain(function() {$(document.body).setStyle('overflow-y','auto');});
		}
	});
	
	var SS = new Fx.Scroll(window,{ duration:300 });
	
	var clickmenu = new BySlideMenu('clickmenu', {
		expandMode: false,
		pinMode: false,
		defaultIndex: 2,
		compressSize: 44,
		containerWidth: 844,
		containerHeight: getWinHeight(),
		useOverflow: false, 
		transition: Fx.Transitions.Expo.easeOut
	});

	$('web').addEvent('click', function() {clickmenu.expand(2, true); SS.toTop(); return false;});
	$('graphic').addEvent('click', function() {clickmenu.expand(3, true); SS.toTop(); return false;});
	$('photo').addEvent('click', function() {clickmenu.expand(4, true); SS.toTop(); return false;});
	$('contact').addEvent('click', function() {clickmenu.expand(5, true); SS.toTop(); return false;});

	if($chk($('slideshow-web'))) {
		var webImg = $('slideshow-web').getElements('span');
		var webInd = 0;
		var webInt;
		webImg.each(function(img,i){ img.set('opacity',0); });
		webImg[0].fade('in');
		var webshow = function() {
			webImg[webInd].fade('out');
			webImg[webInd = webInd < webImg.length - 1 ? webInd+1 : 0].fade('in');
		};
		webInt = webshow.periodical(5000);
	}

	if($chk($('slideshow-photo'))) {
		var phoImg = $('slideshow-photo').getElements('span');
		var phoInd = 0;
		var phoInt;
		phoImg.each(function(img,i){ img.set('opacity',0); });
		phoImg[0].fade('in');
		var photoshow = function() {
			phoImg[phoInd].fade('out');
			phoImg[phoInd = phoInd < phoImg.length - 1 ? phoInd+1 : 0].fade('in');
		};
		phoInt = photoshow.periodical(5000);
	}

	if($chk($('slideshow-graphic'))) {
		var grfImg = $('slideshow-graphic').getElements('span');
		var grfInd = 0;
		var grfInt;
		grfImg.each(function(img,i){ img.set('opacity',0); });
		grfImg[0].fade('in');
		var grfshow = function() {
			grfImg[grfInd].fade('out');
			grfImg[grfInd = grfInd < grfImg.length - 1 ? grfInd+1 : 0].fade('in');
		};
		grfInt = grfshow.periodical(5000);
	}
});