newElement = Array();
newElement['menu_products'] = "";
newElement['menu_markets'] = "";
oldElement = Array();
oldElement['menu_products'] = "";
oldElement['menu_markets'] = "";
theNumberNews = 0;
currentNews = 2;
theNumberEvents = 0;
currentEvents = 2;

var Page = {
	initialize: function() {

		var searchFormFocus = function() {
			if (this.value == 'search') {
				this.value = '';
			}
		}
	
		var searchFormBlur = function() {
			if (this.value == '') {
				this.value = 'search';
			}
		}

		$('search').addEvent('focus', searchFormFocus);
		$('search').addEvent('blur', searchFormBlur);

		
		newsBox = $('newsbox').getFirst('ul');
		eventsBox = $('eventsbox').getFirst('ul');
		newsBox.setStyle('overflow','hidden');
		eventsBox.setStyle('overflow','hidden');	
		
		
		theNumberNews = newsBox.getChildren('li').length;
		theNumberEvents = eventsBox.getChildren('li').length;
		
		if (theNumberNews > 2) {
			var moreNews  = new Element('a', {
				'id' : 'morenews',
				'class': 'button-down',
				'title': 'Scroll Down',
				'html' : '<span>&nbsp;&nbsp;Scroll&nbsp;&nbsp;</span>'
			});
			if (theNumberNews % 2) {
				newsBox.getLast('li').setStyle('height', '116px');
				theNumberNews+=1;
			}
			moreNews.inject($('newsbox'));
			var myNewsScroll = new Fx.Scroll(newsBox);
			moreNews.addEvent('click', function() {
				if (currentNews < theNumberNews) {
					toScroll = newsBox.getScroll().y + 122;
					myNewsScroll.start(0,toScroll);
					currentNews += 2;
					if (currentNews >= theNumberNews) {
						moreNews.addClass('button-up');
						moreNews.removeClass('button-down');
						moreNews.set('title','Scroll Up');
					}
				} else {
					myNewsScroll.start(0,0);
					currentNews = 2;
					moreNews.addClass('button-down');
					moreNews.removeClass('button-up');	
					moreNews.set('title','Scroll Down');
				}
			});
			moreNews.addEvent('mouseover', function() {
				this.getFirst('span').get('tween',{duration:300}).start('width','45px');									
			});
			moreNews.addEvent('mouseout', function() {
				this.getFirst('span').get('tween').start('width','0px');									
			});			
		}
		
		
		if (theNumberEvents > 2) {
			var moreEvents  = new Element('a', {
				'id' : 'moreevents',
				'class': 'button-down',
				'title': 'Scroll Down',
				'html' : '<span>&nbsp;&nbsp;Scroll&nbsp;&nbsp;</span>'
			});
			if (theNumberEvents % 2) {
				eventsBox.getLast('li').setStyle('height', '116px');
				theNumberEvents+=1;
			}
			moreEvents.inject($('eventsbox'));
			var myEventsScroll = new Fx.Scroll(eventsBox);	
			moreEvents.addEvent('click', function() {		
				if (currentEvents < theNumberEvents) {
					toScroll = eventsBox.getScroll().y + 122;
					myEventsScroll.start(0,toScroll);
					currentEvents += 2;
					if (currentEvents >= theNumberEvents) {
						moreEvents.addClass('button-up');
						moreEvents.removeClass('button-down');
						moreEvents.set('title','Scroll Up');
					}
				} else {
					myEventsScroll.start(0,0);
					currentEvents = 2;
					moreEvents.addClass('button-down');
					moreEvents.removeClass('button-up');
					moreEvents.set('title','Scroll Down');
				}	
			});
			moreEvents.addEvent('mouseover', function() {
				this.getFirst('span').get('tween',{duration:300}).start('width','45px');									
			});	
			moreEvents.addEvent('mouseout', function() {
				this.getFirst('span').get('tween').start('width','0px');									
			});				
		}	

	},
	
	newmenus: function(boxelement) {
		$(boxelement).getChildren('li').each(function(el){
			el.getFirst('a').addEvent('click', Page.doSelect);
			el.getFirst('h3').setStyle('opacity',0);
			el.getFirst('p').setStyle('opacity',0);
			el.getLast('a').setStyle('zIndex',25);
			el.getLast('a').setStyle('opacity',0);
			el.getFirst('span').setStyle('opacity',0);
		});
		$(boxelement).addEvent('mouseleave', Page.doReset);
		
	},
	
	doSelect: function(event) {
		event.stop();
		boxelement = this.getParent().getParent().id;
		if (this != newElement[boxelement]) {
			oldElement[boxelement] = newElement[boxelement];
			newElement[boxelement] = this;
			topCount=0;
			$(boxelement).getChildren('li').each(function(el){
				if (el.getFirst('a') != newElement[boxelement]) {	
					topPosition = (topCount * 28) + 90;
					if (oldElement[boxelement] == el.getFirst('a')) {
						oldElement[boxelement].removeClass('selected');
						oldElement[boxelement].get('morph').start({'paddingTop':'0px','left':'0px','top':topPosition+'px', 'height':'25px', 'width':'125px'});
						oldElement[boxelement].getParent().getFirst('span').get('tween', {onComplete:function(){
																								  
						}}).start('opacity',0);
						oldElement[boxelement].getParent().getFirst('h3').get('tween', {onComplete:function(){
						
						}}).start('opacity',0);
						oldElement[boxelement].getParent().getLast('a').get('tween', {onComplete:function(){
						
						}}).start('opacity',0);
						oldElement[boxelement].getParent().getFirst('p').get('tween').start('opacity',0);						
					} else {
						el.getFirst('a').get('morph').start({'paddingTop':'0px','left':'0px','top':topPosition+'px'});	
					}
					topCount += 1;
				} else {
					newElement[boxelement].get('morph').start({'paddingTop':'79px','left':'0px', 'top':'0px', 'height':'0px', 'width':'393px'});
					newElement[boxelement].getParent().getFirst('span').get('tween', {onComplete:function(e1){
						e1.getParent().getFirst('h3').get('tween', {onComplete:function(e2){
							e2.getParent().getLast('a').get('tween', {onComplete:function(e3){
								e3.getParent().getFirst('p').get('tween').start('opacity',1);															   
							}}).start('opacity',1);																				   
						}}).start('opacity',1);
					}}).start('opacity',1);
					newElement[boxelement].addClass('selected');
				}
			});
		} else {
			window.location.href = this.get('href');	
		}
	},
	
	doReset: function() {
		itemCountLeft=0;
		itemCountTop='0px';
		boxelement = this.id;
		$(boxelement).getChildren('li').each(function(el){
			if (itemCountLeft == 3) {
				itemCountLeft = 0;	
				itemCountTop = '115px';
			}
			leftPosition = itemCountLeft*135;
			el.getFirst('a').get('morph').start({'paddingTop':'79px', 'height':'25px','width':'125px','left':leftPosition+'px','top':itemCountTop});	
			el.getFirst('a').removeClass('selected');
			el.getFirst('span').get('tween', {onComplete:function(){
																								  
			}}).start('opacity',0);
			el.getFirst('h3').get('tween', {onComplete:function(){
						
			}}).start('opacity',0);
			el.getLast('a').get('tween', {onComplete:function(){
						
			}}).start('opacity',0);
			el.getFirst('p').get('tween').start('opacity',0);
			itemCountLeft += 1;
		});
		
		newElement[boxelement] = "";
		oldElement[boxelement] = "";
	},
	
	createFlashBanner: function() {
	
		var flashBannerObject = new Swiff('/flash/newbanner.swf', {
    		id: 'indexBanner',
			name: 'indexBanner',
    		width: 690,
    		height: 285,
   			params: {
        		wmode: 'transparent',
        		bgcolor: '#FFFFFF',
      			loop: 'true',
				menu: 'false',
       			quality: 'high',
   				scale: 'noscale',
				allowScriptAccess: 'always',
    			allowFullScreen: 'true',
				play: 'true'
    		}
		});

		flashBannerObject.inject($('index_flash'));

	}

	
};


window.addEvent("domready", Page.initialize);
//window.addEvent("domready", function(){Page.newmenus('menu_products')});
window.addEvent("domready", function(){Page.newmenus('menu_markets')});
window.addEvent("domready", Page.createFlashBanner);