window.addEvent('domready',function(){	if (Browser.Engine.trident4){		$$('.footer .center img')[0].src='i/blank.gif';
		$$('.footer .left img')[0].src='i/blank.gif';
		$$('.footer .right img')[0].src='i/blank.gif';
		$$('.footer .right img')[0].style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./i/sl.png', sizingMethod='crop')";
		$$('.footer .center img')[0].style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./i/jp.png', sizingMethod='crop')";
		$$('.footer .left img')[0].style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./i/jm.png', sizingMethod='crop')";

		$$('div.logo')[0].setStyles({'background':''});
        $$('div.logo')[0].style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./i/logo.png', sizingMethod='crop')";
        $('image').setStyles({'background':''});
        $('image').style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./image/clear.png', sizingMethod='crop')";
	}
	function setopacity(mode){		switch (mode){			case 0:				$('list').getElements('li')[0].setStyles({'opacity':'0.1'});
				$('list').getElements('li')[1].setStyles({'opacity':'0.4'});
				$('list').getElements('li')[3].setStyles({'opacity':'0.4'});
				$('list').getElements('li')[4].setStyles({'opacity':'0.1'});
			break;
			case 1:
				$('list').getElements('li')[0].setStyles({'opacity':'0.1'});
				$('list').getElements('li')[1].setStyles({'opacity':'0.1'});
				$('list').getElements('li')[2].setStyles({'opacity':'0.1'});
				$('list').getElements('li')[3].setStyles({'opacity':'0.1'});
				$('list').getElements('li')[4].setStyles({'opacity':'0.1'});
				$('list').getElements('li')[5].setStyles({'opacity':'0.1'});
			break;
			case 2:
				$('list').getElements('li')[0].setStyles({'opacity':'0.1'});
				$('list').getElements('li')[1].setStyles({'opacity':'0.1'});
				$('list').getElements('li')[2].setStyles({'opacity':'0.1'});
				$('list').getElements('li')[3].setStyles({'opacity':'0.1'});
				$('list').getElements('li')[4].setStyles({'opacity':'0.1'});
				$('list').getElements('li')[5].setStyles({'opacity':'0.1'});
				$('list').getElements('li')[6].setStyles({'opacity':'0.1'});
			break;
		}	}
	function loadimg(act){
		$('image').setStyles({'background':'url("i/loading.gif") no-repeat center center'});
		if (Browser.Engine.trident4){			$('image').style.filter='';		}
		var myImage = new Asset.image(links[act].title, {			onload: function(){
				var image = "url('"+links[act].title+"')";
				if (Browser.Engine.trident4){                    $('image').setStyles({'background-image':''});
                    $('image').style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+links[act].title+"', sizingMethod='crop')";				}else{					$('image').setStyles({'background-image':image});				}			}
		});	}
	var active = 0;
	var el = [];
	var Scroll = new Fx.Scroll('list',{duration: 500});
	var elements = [];
	var links = [];
	$('list').getElements('li').each(function(el,index){elements[index] = '<li>'+el.innerHTML+'</li>';});
    $('list').getElements('li').each(function(el,index){links[index] = el.getElements('a')[0];});
	$('list').setStyles({'overflow':'hidden'});
  	$('list').empty().innerHTML = elements[elements.length-2]+elements[elements.length-1]+elements[0]+elements[1]+elements[2];

	function eclick(){		$('list').getElements('a')[0].addEvent('click',function(event){
           	event.stop();
           	if (active>=2){
           		active=active-2;
           	}else{
           		if (active == 1){
           			active = elements.length-1;
           		}else{
           			active = elements.length-2;
           		}
           	}
           	loadimg(active);
           	el[2] = active;
	       		el[1] = (((active)==0)?(elements.length-1):(active-1));
	       		el[0] = (((el[1])==0)?(elements.length-1):(el[1]-1));
	       	el[3] = (((active)==elements.length-1)?0:(active+1));
	       	el[4] = (((el[3])==elements.length-1)?0:(el[3]+1));
	      	el[5] = (((el[4])==elements.length-1)?0:(el[4]+1));
	       	el[6] = (((el[5])==elements.length-1)?0:(el[5]+1));
	       	$('list').empty().innerHTML = (elements[el[0]])+(elements[el[1]])+(elements[el[2]])+(elements[el[3]])+(elements[el[4]])+(elements[el[5]])+(elements[el[6]]);
	       	setopacity(2);
	        Scroll.set(0,130);
	       	Scroll.start(0,0).chain(function(){
		        $('list').empty().innerHTML = (elements[el[0]])+(elements[el[1]])+(elements[el[2]])+(elements[el[3]])+(elements[el[4]]);
				setopacity(0);
				eclick();
			});
    	});
		$('list').getElements('a')[1].addEvent('click',function(event){
           	event.stop();
        	if(active>0){active-=1;}else{active=elements.length-1;}
        	loadimg(active);
        	el[2] = active;
        		el[1] = (((active)==0)?(elements.length-1):(active-1));
        		el[0] = (((el[1])==0)?(elements.length-1):(el[1]-1));
        	el[3] = (((active)==elements.length-1)?0:(active+1));
        	el[4] = (((el[3])==elements.length-1)?0:(el[3]+1));
        	el[5] = (((el[4])==elements.length-1)?0:(el[4]+1));
        	$('list').empty().innerHTML = (elements[el[0]])+(elements[el[1]])+(elements[el[2]])+(elements[el[3]])+(elements[el[4]])+(elements[el[5]]);
            setopacity(1);
            Scroll.set(0,65);
         	Scroll.start(0,0).chain(function(){
	            $('list').empty().innerHTML = (elements[el[0]])+(elements[el[1]])+(elements[el[2]])+(elements[el[3]])+(elements[el[4]]);
				setopacity(0);
				eclick();
            });
    	});
		$('list').getElements('a')[3].addEvent('click',function(event){
           	event.stop();
        	if(active<elements.length-1){active+=1;}else{active=0;}
        	loadimg(active);
        	el[3] = active;
        		el[2] = (((active)==0)?(elements.length-1):(active-1));
        		el[1] = (((el[2])==0)?(elements.length-1):(el[2]-1));
        		el[0] = (((el[1])==0)?(elements.length-1):(el[1]-1));
        	el[4] = (((active)==elements.length-1)?0:(active+1));
        	el[5] = (((el[4])==elements.length-1)?0:(el[4]+1));
        	$('list').empty().innerHTML = (elements[el[0]])+(elements[el[1]])+(elements[el[2]])+(elements[el[3]])+(elements[el[4]])+(elements[el[5]]);
            setopacity(1);
            Scroll.start(0,65).chain(function(){
	            $('list').empty().innerHTML = (elements[el[1]])+(elements[el[2]])+(elements[el[3]])+(elements[el[4]])+(elements[el[5]]);
	            Scroll.set(0,0);
	            setopacity(0);
	            eclick();
            });
    	 });
		$('list').getElements('a')[4].addEvent('click',function(event){
           	event.stop();
           	if (active<=(elements.length-3)){
           		active = active+2;
           	}else{
           		if (active == (elements.length-2)){
           			active = 0;
           		}else{
           			active = 1;
           		}
           	}
           	loadimg(active);
           	el[4] = active;
        		el[3] = (((active)==0)?(elements.length-1):(active-1));
        		el[2] = (((el[3])==0)?(elements.length-1):(el[3]-1));
        		el[1] = (((el[2])==0)?(elements.length-1):(el[2]-1));
        		el[0] = (((el[1])==0)?(elements.length-1):(el[1]-1));
        	el[5] = (((active)==elements.length-1)?0:(active+1));
        	el[6] = (((el[5])==elements.length-1)?0:(el[5]+1));
	       	$('list').empty().innerHTML = (elements[el[0]])+(elements[el[1]])+(elements[el[2]])+(elements[el[3]])+(elements[el[4]])+(elements[el[5]])+(elements[el[6]]);
	       	setopacity(2);
	       	Scroll.start(0,130).chain(function(){
		        $('list').empty().innerHTML = (elements[el[2]])+(elements[el[3]])+(elements[el[4]])+(elements[el[5]])+(elements[el[6]]);
				Scroll.set(0,0);
				setopacity(0);
				eclick();
			});
    	});	}

	$$('div.content')[0].addEvent('mousewheel', function(e){
        e.stop();
		if (e.wheel < 0){        	if(active<elements.length-1){active+=1;}else{active=0;}
        	loadimg(active);
        	el[3] = active;
        		el[2] = (((active)==0)?(elements.length-1):(active-1));
        		el[1] = (((el[2])==0)?(elements.length-1):(el[2]-1));
        		el[0] = (((el[1])==0)?(elements.length-1):(el[1]-1));
        	el[4] = (((active)==elements.length-1)?0:(active+1));
        	el[5] = (((el[4])==elements.length-1)?0:(el[4]+1));
        	$('list').empty().innerHTML = (elements[el[0]])+(elements[el[1]])+(elements[el[2]])+(elements[el[3]])+(elements[el[4]])+(elements[el[5]]);
            setopacity(1);
            Scroll.start(0,65).chain(function(){
	            $('list').empty().innerHTML = (elements[el[1]])+(elements[el[2]])+(elements[el[3]])+(elements[el[4]])+(elements[el[5]]);
	            Scroll.set(0,0);
	            setopacity(0);
	            eclick();
            });
		} else {        	if(active>0){active-=1;}else{active=elements.length-1;}
        	loadimg(active);
        	el[2] = active;
        		el[1] = (((active)==0)?(elements.length-1):(active-1));
        		el[0] = (((el[1])==0)?(elements.length-1):(el[1]-1));
        	el[3] = (((active)==elements.length-1)?0:(active+1));
        	el[4] = (((el[3])==elements.length-1)?0:(el[3]+1));
        	el[5] = (((el[4])==elements.length-1)?0:(el[4]+1));
        	$('list').empty().innerHTML = (elements[el[0]])+(elements[el[1]])+(elements[el[2]])+(elements[el[3]])+(elements[el[4]])+(elements[el[5]]);
            setopacity(1);
            Scroll.set(0,65);
         	Scroll.start(0,0).chain(function(){
	            $('list').empty().innerHTML = (elements[el[0]])+(elements[el[1]])+(elements[el[2]])+(elements[el[3]])+(elements[el[4]]);
				setopacity(0);
				eclick();
            });
		}
	});
	setopacity(0);
	eclick();
	loadimg(active);
});