/**
 * @author nenTi
 */

// Klasse für ein Array mit Objekten für Fx.Elements
var objectArray = new Class({
    initialize: function() {
        this.o = {};
        this.length = 0;
    },
    add: function(obj) {
        this.o[this.length] = obj;
        this.length++;
    }
});

// Klasse für das Teasermenu
var teaserMenu = new Class({
    status: 0,
	active: 0,
	
    initialize: function(){
		
		var tMenu = this;
		/*alert($$('.teaser_nav') + "<--- .teaser_nav");
		alert($$('.main_teaser') + '<-- .main_teaser');
		alert($$('#teaser_box') + '<-- #teaser_box');
		alert($$('#teaser_cont') + '<-- #teaser_cont');*/
        var myAniEles = $$('.teaser_nav','.main_teaser','#teaser_box','#teaser_cont');
        this.ocAni = new Fx.Elements(myAniEles, {
										 transition: "quint:in:out", 
										 duration:1000, link:'cancel',
										 onComplete: function(){
											 	if(tMenu.status == 0) {
													$('topbot_space').setStyle('border-top', '#a4a4a4 1px solid');
												}
											 }
									 });
		this.placeNavEvents();
		
    },
	
    toggle: function() {
		
        if(this.status == 0) {
            this.open(false);
        }
        else {
            this.close(false);    
        }
    },
	
    open: function(imediate) {
		
        var o = new objectArray();

		o.add({'width': 600});
		o.add({'height': 300});
		o.add({'width':400,'height': 300});
		o.add({'width':598,'height': 264});

		imediate ? this.ocAni.set(o.o) : this.ocAni.start(o.o) ;
		$('topbot_space').setStyle('border-top', '0px');
        this.status=1;
    },
	
    close: function() {
		
        var o = new objectArray();

        o.add({'width': 1000});
        o.add({'height':33});
        o.add({'height': 33,'width': 0});
		o.add({'width':1000,'height': 0});
        this.ocAni.start(o.o);
        this.status=0;
    },
	
	placeNavEvents: function() {
		
		var nav_items = $('tnav_table').getChildren('td');
		nav_items.each(function(el,i){
			if(i%2 == 1){
				el.removeEvents();
				
				// beim Pageladen z.B.
				el.addEvent('vclick',function(){
					loadNavLogin();
					//rCont.clearHtml();
					switch(i) {
						case 3:		tDetail.loadDetail('board');
									//rCont.loadHtml('users', 'navfame'); 
									//rCont.loadHtml('bets', 'navlatest'); 
									tMenu.open(false);
									break;
						case 5:		tDetail.loadDetail('members');									
									//rBlog.loadBlog();
									//rBlog.initClose();
									tMenu.open(false);
									break;
						case 7:		tDetail.loadDetail('wars'); 											
									tMenu.open(false);
									break;
						case 9:		tMenu.close();
									break;
						case 11: 	tDetail.loadDetail('community');
									//rCont.loadHtml('votes', 'navlist');
									//rShout.loadShout();
									//rCont.loadHtml('wars', 'navnext');	
									//rCont.loadHtml('files', 'navlist');									
									tMenu.open(false);
									break;
						case 13:	tDetail.loadDetail('features');	
									//rCont.loadHtml('files', 'navlist');
									tMenu.open();
									break;
						default: 	tDetail.loadDetail('news');	
									//rCont.loadHtml('users', 'navfame');
									//rBlog.loadBlog();
									//rCont.loadHtml('votes', 'navlist');
									//rCont.loadHtml('board', 'navlist');
									//rCont.loadHtml('files', 'navlist');
									//rBlog.initClose();
									tMenu.open(false);
					}
				})
				
				// beim aktiven click
				el.addEvent('click',function(){
					//laCont.clearHtml();
					
					switch(i) {
						case 3:		setUrlVar('nav','board', true);
									setUrlVar("mod","board");
									setUrlVar("action","list");
									setUrlVar('id','');
									tMenu.open(false);
									break;
						case 5:		setUrlVar('nav','members', true);
									switch(cat) {
										case "insurgency":  setUrlVar("mod","squads");
															setUrlVar("action","view");
															setUrlVar('id','3');
															break;
										case "cod":			setUrlVar("mod","squads");
															setUrlVar("action","view");
															setUrlVar('id','4');
															break;
										case "css":			setUrlVar("mod","squads");
															setUrlVar("action","view");
															setUrlVar('id','5');
															break;
										case "dota":		setUrlVar("mod","squads");
															setUrlVar("action","view");
															setUrlVar('id','6');
															break;
										case "dods":		setUrlVar("mod","squads");
															setUrlVar("action","view");
															setUrlVar('id','18');
															break;
										case "wc3": 		setUrlVar("mod","squads");
															setUrlVar("action","view");
															setUrlVar('id','17');
															break;
										default: 			setUrlVar("mod","members");
															setUrlVar("action","teams");
															setUrlVar('id','');
									}
									break;
						case 7:		setUrlVar('nav','wars', true);	
									setUrlVar("mod","wars");
									setUrlVar("action","list");
									switch(cat) {
										case "insurgency":  setUrlVar('where','3');
															break;
										case "cod":			setUrlVar('where','4');
															break;
										case "css":			setUrlVar('where','5');
															break;
										case "dota":		setUrlVar('where','6');
															break;
										case "dods":		setUrlVar('where','18');
															break;
										case "wc3": 		setUrlVar('where','17');
															break;
										default: 			setUrlVar('where','');
									}
									break;
						case 9:		setUrlVar('nav','awards', true);
									setUrlVar('mod','awards');
									setUrlVar('action','list');
									switch(cat) {
										case "insurgency":  setUrlVar('where','3');
															break;
										case "cod":			setUrlVar('where','4');
															break;
										case "css":			setUrlVar('where','5');
															break;
										case "dota":		setUrlVar('where','6');
															break;
										case "dods":		setUrlVar('where','18');
															break;
										case "wc3": 		setUrlVar('where','17');
															break;
										default: 			setUrlVar('where','');
									}
									break;
						case 11: 	setUrlVar('nav','community', true);
									setUrlVar('mod','twitter');
									setUrlVar('action','latest_viewbig');
									setUrlVar('id','');
									if($defined($('shoutbox_nav'))) $('shoutbox_nav').setStyle('display', 'block');
									break;
						case 13:	setUrlVar('nav', 'features', true);
									setUrlVar('mod','points');
									setUrlVar('action','view_hof');
									setUrlVar('where','');
									setUrlVar('id','');
									break;
						default: 	setUrlVar('nav', '', true);
									setUrlVar('mod','bets');
									setUrlVar('action','open_viewbig');
									//laCont.loadHtml('movies', 'view_long');
					}
					if($defined($('shoutbox_nav')) && i!=11) $('shoutbox_nav').setStyle('display', 'none');
					this.fireEvent('vclick');
					tMenu.placeNavEvents();
				});
				
				el.addEvent('mouseenter',function(){
												
					if(i == 1){ $('tnav_start').erase('class');$('tnav_start').addClass('tnav_start_hover'); };
					if(i == ($('tnav_table').getChildren('td').length-2)){ $('tnav_end').erase('class');$('tnav_end').addClass('tnav_end_hover');};
					el.erase('class');
					el.addClass('tnav_item_hover');
				});		
				el.addEvent('mouseleave',function(){
					if(i == 1) { $('tnav_start').erase('class');$('tnav_start').addClass('tnav_start'); };
					if(i == ($('tnav_table').getChildren('td').length-2)){$('tnav_end').erase('class');$('tnav_end').addClass('tnav_end');};
					el.erase('class');
					el.addClass('tnav_item');
				});	
				el.fireEvent('mouseleave');
			}
		});	
		
		
		switch(nav) {
			case 'board' 	:	this.active = 3;
								break;
			case 'members' 	:	this.active = 5;
								break;
			case 'wars' 	:	this.active = 7;
								break;
			case 'awards' 	:	this.active = 9;
								break;
			case 'community':	this.active = 11;
								break;
			case 'features' :	this.active = 13;
								break;
			default			: 	this.active = 1;
		}
		nav_items[this.active].removeEvents('mouseleave');	
		nav_items[this.active].fireEvent('mouseenter');
	}
}); 


// Klasse für die rechten Conent
var rightCont = new Class({
	 
	Implements: [Options, Events],
	
	options: {
			//onLoaded: $empty
		},
	 
	initialize: function(options) {
			this.setOptions(options); 
		},
	 
	loadHtml: function(mod, action) {
		
		/*var myHTMLRequest = new Request.HTML({
			url:'ajax.php?mod='+mod+'&action='+action,
			evalScripts: true,
			async: true,
			onComplete: function(response) { 
				if(response) {
					$('rightcont').innerHTML += '<div class="rightbox">'+response+'</div>'; 
				}
			}.bind(this)
		}).post();	
		return myHTMLRequest;*/
	},
	
	clearHtml: function() {
			//$('rightcont').innerHTML = '';
	}
});

// Kosse für Blognavlist
var blogNavlist = new Class({
	
	Extends: rightCont,
	
	loadBlog: function() {
				this.loadHtml('blog', 'navlist');						
		},
	
	initClose: function() {

			var active_blog = "blog_0";
			$$('.blog_book')[0].src = 'symbols/blog/book_red2.png';
			
			$$('.contFade').each(function(element,index) {
				element.set('slide', {duration: '0'});
				index == 0 ? '' :element.slide('out');
			});	
		},
	toggleDiv: function(ele) {
			if(ele.name == active_blog) {
				window.location.href = ele.href;
			}
			
			active_blog = ele.name;
			
			$$('.blog_book').each(function(book, id) {
				'blog_'+id == active_blog ? book.src = 'symbols/blog/book_red2.png' : book.src = 'symbols/blog/book_red.gif';
			});
			
		
			$$('.contFade').each(function(element,index) {
				element.set('slide', {duration: '500', transition: 'quad:in:out'});
				if ('blog_'+index != ele.name ) {
					element.slide('out');
				}
				else {
					element.slide('in');
				}
			});	
		}
});

// Kosse für Shoutnavlist
var shoutNavlist = new Class({
	
	Extends: rightCont,
	
	loadShout: function() {
				this.loadHtml('shoutbox', 'navlist');						
		},
	
	initScript: function() {
			$('shout_form').set('send', { 
			      evalScripts: true,
				  onSuccess: function(response){ 
					$('shoutbox_nav').innerHTML = response; 
					
					$('shoutbox_nav').getElement('div').erase('id');
					ajaxLinks('shoutbox_nav');
					
				  } 
				}).send(); //Uses the URL from “action” 
		}
});


// Klasse für die Teaser Details
var teaserDetail = new Class({
							 
	initialize: function() {
		this.active;
	},
	
	loadDetail: function(mod) {
		
		var tDetail = this;
		if(tDetail.active) {
			$clear(tDetail.active.periodical);
		}

		switch(mod) {
			case 'board': 		this.active = new boardTeaser();
								break;
			case 'members':		this.active = new membersTeaser();
								break;
			case 'wars':		this.active = new warsTeaser();
								break;
			case 'community': 	this.active = new pointsTeaser();
								break;
			case 'features': 	this.active = new featuresTeaser();
								break;
			default: this.active = new newsTeaser();	
		}	
		
	}
	
});

// Klasse für die Forenteaseransicht
var boardTeaser = new Class({
	
    initialize: function(){	
		
		this.loadOverview();	
		this.loadDetail();
    },
	
	loadOverview: function() {
		
		var tBoard = this;
		var myHTMLRequest = new Request({
			url:'ajax.php?mod=board&action=overview_teaser', 
			data: { 'category' : cat },
			async: true,
			onComplete: function(response) { 
				$('teaser_cont').innerHTML = response; 
				tBoard.addTeaserEvents() 
			}
		}).post();	
	},
	
	loadDetail: function(){
		
		var tBoard = this;
		var myHTMLRequest = new Request({
			url:'ajax.php?mod=board&action=navtop', 
			evalScripts: true,
			async: true,
			data: { 'category' : cat }, 
			onComplete: function(response) { 
				$('teaser_box').innerHTML ='<div id="teaser_box_border" style="background-image:url(symbols/clansphere/topuser_bg.png)"></div><div id="teaser_box_border"></div><div id="teaser_box_white" style="background:transparent">'+response+'</div>';
				cDwn.addCounter('foren_countdown', 1);
			}
		}).post();	
	},
	addTeaserEvents: function() {
		
		$$('.teaser_detail_table').each(function(el,i){
			el.addEvent('click',function(){ 
				location="#mod=board&action=thread&where="+el.id.split('_')[1];
				cs_scrollto_by_name('maincont');																		
			});
			el.addEvent('mouseenter',function(){
				el.getElement('.grauer_pfeil').src = 'symbols/news/roterpfeil.png';
				//el.setStyle('backgroundImage','url(symbols/news/overview_bg_inf2.png)');
			});
			el.addEvent('mouseleave',function(){
				el.getElement('.grauer_pfeil').src = 'symbols/news/graupfeil.png';
				//el.setStyle('backgroundImage','url(symbols/news/overview_bg_inf.png)');
			});
		});
	}
});

// Klasse für die Communityansicht
var pointsTeaser = new Class({
	
    initialize: function(){	
		
		this.loadOverview();	
		this.loadDetail();
    },
	
	loadOverview: function() {
		
		var tBoard = this;
		var myHTMLRequest = new Request({
			url:'ajax.php?mod=points&action=overview_teaser', 
			data: { 'category' : cat },
			async: true,
			onComplete: function(response) { 
				$('teaser_cont').innerHTML = response; 
			}
		}).post();	
	},
	
	loadDetail: function(){
		
		var tBoard = this;
		var myHTMLRequest = new Request({
			url:'ajax.php?mod=points&action=navtop', 
			evalScripts: true,
			async: true,
			data: { 'category' : cat }, 
			onComplete: function(response) { 
				$('teaser_box').innerHTML ='<div id="teaser_box_border" style="background-image:url(symbols/clansphere/topuser_bg.png)"></div><div id="teaser_box_border"></div><div id="teaser_box_white" style="background:transparent">'+response+'</div>';
				
				cDwn.addCounter('points_countdown', 1);
			}
		}).post();	
	}
});


// Klasse für die Warsansicht
var warsTeaser = new Class({
	
    initialize: function(){	
		this.active_tab = 0;
		this.loadOverview();	
		this.loadDetail();
    },
	
	loadOverview: function() {
		
		var tWars = this;
		var myHTMLRequest = new Request({
			url:'ajax.php?mod=wars&action=overview_teaser', 
			evalScripts: true,
			data: { 'category' : cat },
			onComplete: function(response) { 
				$('teaser_cont').innerHTML = response; 
				tWars.addTabEvents();
			}
		}).post();	
	},
	
	loadDetail: function(){
		$('teaser_box').innerHTML ='<div id="teaser_box_white" style="background:url(symbols/games/game_' + cat + '.jpg)"></div><div id="teaser_box_border"></div>';
	},
	
	addTabEvents: function(){
		var tWar = this;
		$$('#first_tab, #second_tab').each(function(ele,key) {
			ele.removeEvents();
			ele.setStyle('cursor','default');
			ele.setStyle('text-decoration','underline');
			ele.addEvent('mouseenter', function(){
				this.setStyle('background-image','url(\'symbols/wars/tab'+ (1+(2*key)) +'.png\')');
			});
			if(tWar.active_tab != key) {
				ele.setStyle('cursor','pointer');
				ele.addEvent('mouseleave', function(){
					this.setStyle('background-image','url(\'symbols/wars/tab'+ (2+(2*key)) +'.png\')');
					ele.setStyle('text-decoration','none');
				});
				ele.addEvent('mouseenter', function(){
					this.setStyle('text-decoration','underline');
				});
				ele.addEvent('click', function(){
					$('war_tabcont' + key).setStyle('display','block');
					$('war_tabcont' + ((key+1)%2)).setStyle('display','none');
					tWar.active_tab = key;
					tWar.addTabEvents();
				});
			}
			ele.fireEvent('mouseenter');
			ele.fireEvent('mouseleave');
		});		
	}
});

// Klasse für die Teamansicht
var membersTeaser = new Class({
	
    initialize: function(){	
		this.active_tab = 0;
		this.loadOverview();	
		this.loadDetail();
    },
	
	loadOverview: function() {
		
		var tWars = this;
		var myHTMLRequest = new Request.HTML({
			url:'ajax.php?mod=squads&action=overview_teaser', 
			evalScripts: false,
			update: $('teaser_cont'),
			data: { 'category' : cat },
			onSuccess: function(responseTree, responseElements, responseHTML, responseJavaScript) {
				eval(responseJavaScript);
			}
		}).post();	
	},
	
	checkLoadState: function() {
			
			if($('imagescript')) {
				imageScriptInit();	
			} else {
				
				(function(){this.checkLoadState()}).delay(100,this);	
			}
	},
	
	loadDetail: function(){
		$('teaser_box').innerHTML ='<div id="teaser_box_white" style="background:url(symbols/games/game_' + cat + '.jpg)"></div><div id="teaser_box_border"></div>';
	}
});

// Klasse für die Featuresansicht
var featuresTeaser = new Class({
	
    initialize: function(){	
		$('teaser_cont').innerHTML = '<div style="background-image:url(symbols/squads/team_bg.png);width:100%;height:264px;"><div class="features_overview"><a href="#mod=faq&action=view&id=65"><img src="symbols/features/levelup.png" alt="levelup" /></a><a href="#mod=faq&action=view&id=66"><img src="symbols/features/premium.png" alt="premium" /></a><a href="#mod=faq&action=view&id=67"><img src="symbols/features/mycash.png" alt="mycash" /></a><a href="#mod=faq&action=list"><img src="symbols/features/userfaq.png " alt="faq" /></a><a href="http://hlstatsx.clan-germany.net/" target="_blank"><img src="symbols/features/hlstatsx.png " alt="hlstatsx" /></a><a href="http://clangermany.redio.de/toplist/" target="_blank"><img src="symbols/features/topliste.png " alt="Topliste Clan-Germany" /></a></div></div>';
		this.loadDetail();
    },
	
	loadDetail: function(){
		$('teaser_box').innerHTML ='<div id="teaser_box_white" style="background:url(symbols/features/cg_promo.jpg)"></div><div id="teaser_box_border" style="cursor:pointer" onclick="location=(\'#mod=movies&action=list&id=48&catmov=1\')"></div>';
	}
});

// Klasse für den Countdown
var countDown = new Class({
    initialize: function() {    
			this.counterHash = $H();
			this.periodLoad;
		},
	
    addCounter: function(id, format) {
			if(!this.counterHash.has(id)) {
				var timestamp = $(id).title-0;
				this.counterHash.include(id, {format: format, timestamp: timestamp});
				$clear(this.periodLoad);
				this.startHandle();
			}
		},
    
    removeCounter: function(id) {
			this.counterHash.erase(id);
		},
		
	startHandle: function() {
			this.periodLoad = this.counterHandle.periodical(1000, this);
		},
	
	reloadDetail: function(id) {
			if($(id)) {
				tDetail.active.loadDetail();
			}
		},
		
	counterHandle: function() {
			var cObj = this;
			this.counterHash.each(function(value,id){
				if($(id) != null) {
					if(value.timestamp < 0) {
						$clear(cObj.periodLoad);
						cObj.removeCounter(id);
						cObj.reloadDetail.delay(2000, cObj, id);
					} else {
						cObj.countDown(id, value.format, value.timestamp);	
						cObj.counterHash.set(id, {format: value.format, timestamp: value.timestamp-1});	
					}
				} 
				else {
					cObj.removeCounter(id);
				}
			})			
			if(this.counterHash.getLength() == 0) { 
				$clear(this.periodLoad);
			}
		},
         
    countDown: function (id, format, timestamp) {

			 var element = $(id);    
			 
			 var obj = this; 
			 Time_Left = new Date(timestamp*1000);
				
				  if(timestamp <= 0) {
					Time_Left = new Date(1);
				 }
			switch(format) {
				case 0:
					element.innerHTML = Time_Left + ' seconds';
					break;
				case 1:
					element.innerHTML = Time_Left.format("%M:%S");                                    
					break;
				default:
					element.innerHTML = Time_Left + ' seconds';
			}
		}
		
}); 

// Klasse für die Newsteaseransicht
var newsTeaser = new Class({
	active: 0,
	
    initialize: function(){	
		
		this.loadOverview();
		
		$('teaser_box').innerHTML = '<div id="teaser_box_white"></div><div id="teaser_box_border"></div><div id="teaser_box_place_text"><div id="teaser_box_text"><div id="tbt_headline"></div><div id="tbt_shortbody"></div><div id="tbt_readmore">more >></div></div></div>';
		
		if(get.id !='' && get.action=='view' && get.mod=='news'){
			this.loadDetail(get.id);
		} else {
			this.loadDetail(null);
		}
		this.ani_detailBox = new Fx.Morph($('teaser_box'));
		this.ani_detailBoxWhite = new Fx.Morph($('teaser_box_white'), {link: 'cancel'});
		this.ani_detailTextBox = new Fx.Morph($('teaser_box_text'), {link: 'cancel'});
		
    },
	
	loadOverview: function() {
		
		var tNews = this;
		var myHTMLRequest = new Request({
			url:'ajax.php?mod=news&action=overview_teaser', 
			data: { 'category' : cat }, 
			onComplete: function(response) { 
				$('teaser_cont').innerHTML = response; 
				tNews.addTeaserEvents() 
			}
		}).post();	
	},
	
	loadDetail: function(news_id, user_action){
		var tDetail = this;
		if(user_action == true) {$clear(tDetail.periodical); }
		if(this.active != news_id) {
			var jsonRequest = new Request.JSON({url: "mods/news/detail_teaser.php", onComplete: function(result){
					tDetail.loadNewsDetails(result);
				},
			}).get({news_id:news_id,category:cat});	
		}
	},
	
	loadNext: function(){
		
		var activeElement = $('newsid_'+this.active); 
		var allElements = $$('.teaser_detail_table');
		var nextIndex = allElements.indexOf(activeElement) + 1;
		var nextDetailId = nextIndex > allElements.length-1 ? allElements[0].id.split('_')[1] : allElements[nextIndex].id.split('_')[1];
		this.loadDetail(nextDetailId);
	},
	
	loadNewsDetails: function(result){
		
		var tDetail = this;
		var ani_dBW = this.ani_detailBoxWhite;
		var ani_dTB = this.ani_detailTextBox;
		
		ani_dBW.options.duration = 250;
		ani_dBW.start({'opacity': 0}).chain(function(){
			tDetail.ani_detailBoxWhite.set({'background': 'url(uploads/news/timage/'+result.image+')'});
			this.options.duration = 1000;
			this.start({'opacity': 1});
		});
		
		ani_dTB.options.duration = 250;
		ani_dTB.options.transition = 'expo:in';
		ani_dTB.start({'bottom': 0}).chain(function(){
			$('tbt_headline').innerHTML = result.headline;
		    $('tbt_shortbody').innerHTML = result.shortbody;			
			
			this.removeEvents();
			this.addEvent('onStart',function() {
					$('tbt_readmore').removeEvents('click');			 
					$('tbt_readmore').addEvent('click', function(){	
						location='#mod=news&action=view&id='+result.id;
						cs_scrollto_by_name('maincont');
					});
					tDetail.addTeaserItemEvent(result.id);
						
			});
			this.options.transition = 'bounce:out';
			this.options.duration = 1000;
			this.start({
				'bottom': $('teaser_box_text').getCoordinates().height
			})
		});
	},
	
	addTeaserEvents: function() {
		var tNews = this;
		
		$$('.teaser_detail_table').each(function(el,i){
			el.addEvent('click',function(){tNews.loadDetail(el.id.split('_')[1],true); });
			el.addEvent('mouseenter',function(){
				el.getElement('.grauer_pfeil').src = 'symbols/news/roterpfeil.png';
				el.setStyle('backgroundImage','url(symbols/news/overview_bg_inf2.png)');
			});
			el.addEvent('mouseleave',function(){
				el.getElement('.grauer_pfeil').src = 'symbols/news/graupfeil.png';
				el.setStyle('backgroundImage','url(symbols/news/overview_bg_inf.png)');
			});
		});
	},
	addTeaserItemEvent: function(id) {
			
			var new_ele = $('newsid_'+id);
			
			var old_ele = this.active != 0 ? $('newsid_'+this.active) : $('newsid_'+id);
			
			if(old_ele != null) {
				old_ele.addEvent('mouseenter',function(){
					old_ele.getElement('.grauer_pfeil').src = 'symbols/news/roterpfeil.png';
					old_ele.setStyle('backgroundImage','url(symbols/news/overview_bg_inf2.png)');
				});
				old_ele.addEvent('mouseleave',function(){
					old_ele.getElement('.grauer_pfeil').src = 'symbols/news/graupfeil.png';
					old_ele.setStyle('backgroundImage','url(symbols/news/overview_bg_inf.png)');
				});
				old_ele.fireEvent('mouseleave');
			}
			if (new_ele != null) {
				new_ele.getElement('.grauer_pfeil').src = 'symbols/news/roterpfeil.png';
				new_ele.setStyle('backgroundImage','url(symbols/news/overview_bg_inf2.png)');
				new_ele.removeEvents('mouseleave','mouseenter');
			}
			this.active = id;
	}
});


function catMenuInit() {
	
	
	var gameNavElements = $$('.linkpos');
	gameNavElements.each(function(element,index) {
		element = element.getElementsByTagName('div')[0];
		var gameNavEffect = new Fx.Morph(element, {transition: Fx.Transitions.Linear, duration:200, wait:false});
		var gameNavEffect2 = new Fx.Morph(element.getElementsByTagName('div')[0], {transition: Fx.Transitions.Linear, duration:200, wait:false});

	 	gameNavEffect2.set({'opacity': 0});
	 	
		element.addEvent('mouseenter', function(){
			gameNavEffect.start('.catnavi_link_mouseover');
			gameNavEffect2.start({'opacity': 1});
			this.erase('class');
			this.addClass('cat_link_hover');
			/*if(index== 4) {setUrlVar('cat', 'insurgency'); }*/
		});
	 
		element.addEvent('mouseleave', function(){
			gameNavEffect.start('.catnavi_link_mouseout');
			gameNavEffect2.start({'opacity': 0});
			(function() {
				this.erase('class');
				this.addClass('cat_link');
			}).delay(200, this);
		});
		
		element.addEvent('click', function(){
										   
			cat=this.get('id').split('_')[1];
			setUrlVar('cat', this.get('id').split('_')[1], true);
			catMenuInit();
			$('tnav_table').getChildren('td')[tMenu.active].fireEvent('click');
		});
		if(element.get('id').split('_')[1] == cat) {
			element.fireEvent('mouseenter');
			element.removeEvents()	
		}
		element.fireEvent('mouseleave');
	});
	/*switch(category) {
		case 'insurgency': 	gameNavElements[3].fireEvent('mouseenter');
						gameNavElements[3].removeEvents();
						break;
		default:gameNavElements[4].fireEvent('mouseenter');
				gameNavElements[4].removeEvents();
	}*/
}
	function loadNavLogin() {
		var myHTMLRequest = new Request.HTML({
			url:'ajax.php?mod=users&action=navlogin',
			evalScripts:false,
			onSuccess: function(response, response2, response3, response4) { 
					$('login_area').innerHTML = response3 ;					
					eval(response4);
			}.bind(this)
		}).post();
	}
	
	function showStars(amount, ignore) {
		//alert(allow_vote);
		if(allow_vote == 1 || ignore == 1) {
			var full_amount = Math.round(amount,0);
			$('rate_comment').innerHTML = lang_array[full_amount];
			
			for( i=1; i<=5; i++ ) {
				if(i<full_amount) {
					$('star__' + i).setStyle('background-image', 'url(symbols/crystal_project/16/mfavorites.png)');
				} 
				else if ( i>full_amount) {
					$('star__' + i).setStyle('background-image', 'url(symbols/crystal_project/16/mfavorites1.png)');	
				}
				else {
					if(full_amount == amount) {
						$('star__' + i).setStyle('background-image', 'url(symbols/crystal_project/16/mfavorites.png)');	
					} 
					else {
						$('star__' + i).setStyle('background-image', 'url(symbols/crystal_project/16/mfavorites2.png)');	
					}
				}
			}
		}
		else if(allow_vote == 0) {
			$('rate_comment').innerHTML = lang_array[7];
		}
		else {
			$('rate_comment').innerHTML = lang_array[6];
		}
	};