window.addEvent('domready', function(){
	
	$$('#Side ul li').each(function(element) {
		
		var SubUl = element.getChildren('ul');
		var AA = element.getChildren('a');
		
		AA.addEvent('click', function(){
			
			SubUl.toggleClass('open');
			
		});
		
	});
});

window.addEvent('domready', function(){
	
	var body = $('digital');
	
	if( Cookie.read('CssColor') == 'white' )
	{
		body.addClass('white');
		body.removeClass('black');
		
		$('CssWhite').addClass('selected');
		$('CssBlack').removeClass('selected');
	}
	else if( Cookie.read('CssColor') == 'black' )
	{
		body.addClass('black');
		body.removeClass('white');
		
		$('CssBlack').addClass('selected');
		$('CssWhite').removeClass('selected');
	}
	
	$('CssBlack').addEvent('click', function(){
		
		// Toggle black
		
		body.addClass('black');
		body.removeClass('white');
		
		$('CssBlack').addClass('selected');
		$('CssWhite').removeClass('selected');
		
		var CssColorCookie = Cookie.write('CssColor', 'black');
		
	});
	
	$('CssWhite').addEvent('click', function(){
		
		// Toggle white
		
		body.addClass('white');
		body.removeClass('black');
		
		$('CssWhite').addClass('selected');
		$('CssBlack').removeClass('selected');
		
		var CssColorCookie = Cookie.write('CssColor', 'white');
	});
	
});

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

	if( $('Slide') != null )
	{
		
		var ImageWidth = 760;
		
		var count = 0;
		var Mleft = 0;
		var TotalWidth = 0;
		
		var GoLeft = $('GoLeft');
		var GoRight = $('GoRight');
		
		GoLeft.setStyle('opacity', 0.1);
		GoRight.setStyle('opacity', 0.1);
		
		//var SlideFx = $('Slide').effects({duration: 400, transition: Fx.Transitions.Quart.easeOut});
		
		var SlideFx = new Fx.Styles($('Slide'), {duration:400, wait:false});
		var SlideLeftFx = $('Slide').effects({duration: 300, transition: Fx.Transitions.Quart.easeIn});
		
		var GoLeftFx = new Fx.Styles(GoLeft, {duration:450, wait:false});
		var GoRightFx = new Fx.Styles(GoRight, {duration:450, wait:false});

		var arrayDivs = $$('#Slide a.item');
		var TotalWidth = (arrayDivs.length * ImageWidth);
		
		$('Slide').setStyle('width', TotalWidth );
		
		var PageCount = 1;
		$('page').setHTML(PageCount+'/'+arrayDivs.length );
		
		var Filename = new Array();
		var bar = 1;
		
		$$('#Slide a.item').each(function(element) {
			Filename[bar++] = element.getProperty('title');
		});
		
		$('ImageName').setHTML( Filename[1] );
		
		// Go Left
		GoLeft.addEvent('click', function(){

			Mleft += ImageWidth;
			
			if( Mleft > 0 )
			{
				Mleft = 0 - ( TotalWidth - ImageWidth );
				PageCount = arrayDivs.length;
			}
			else
			{
				PageCount--
			}
			
			
			SlideFx.start({
				'margin-left': Mleft
			});
			
			$('page').setHTML(PageCount+'/'+arrayDivs.length );
			$('ImageName').setHTML( Filename[PageCount] );
			
			//$('output').innerHTML = Mleft;
			//alert( Mleft );
		});
		
		// Go Right
		GoRight.addEvent('click', function(){
			
			Mleft = ( Mleft - ImageWidth );
			
			if( (Mleft + TotalWidth) == 0 )
			{
				Mleft = 0;
				PageCount = 1;
			}
			else
			{
				PageCount++;
			}
			
			SlideFx.start({
				'margin-left': Mleft
			});
			
			
			
			$('page').setHTML(PageCount+'/'+arrayDivs.length );
			$('ImageName').setHTML( Filename[PageCount] );
			
			//$('output').innerHTML = Mleft;
			//alert( Mleft );
			
		});
		
		
		$('GoLeft').addEvent('mouseenter', function(){
			
			GoLeftFx.start({
				'background-position': '20px 280px',
				'opacity': 0.9
			});
			
		});
		
		$('GoLeft').addEvent('mouseleave', function(){
			
			GoLeftFx.start({
				'background-position': '-50px 280px',
				'opacity': 0.1
			});
			
		});
		
		$('GoRight').addEvent('mouseenter', function(){
			
			GoRightFx.start({
				'background-position': '360px 280px',
				'opacity': 0.9
			});
			
		});
		
		$('GoRight').addEvent('mouseleave', function(){
			
			GoRightFx.start({
				'background-position': '420px 280px',
				'opacity': 0.1
			});
			
		});
		
	}
	
});