// JavaScript Document
var Navigation=function(){
	var me=this;
	var args=arguments;
	var self={
		c:{
			navItems:'#navi .news, #navi .community, #navi .dkp, #navi .jointe',
			navSpeed:($.browser.safari?600:350),
			snOpeningSpeed:($.browser.safari?400:250),
			snOpeningTimeout:150,
			snClosingSpeed:function(){
				return 150
			},
			snClosingTimeout:700
		},
		init:function(){
			$('.navilist',this.c.navItems).css({'opacity':0});
			this.initHoverFades()
		},
		initHoverFades:function(){
			$('#navi .main').append('<span class="hover"></span>');
			$('#sideblade .progress_bar_ul li').prepend('<div class="pb_left_board"></div>');
			$('#navi .hover').css('opacity',0);
			$('#navi .main').hover(
				function(){self.fadeNavIn.apply(this)},
				function(){
					var el=this;
					setTimeout( function(){ if(!el.open) self.fadeNavOut.apply(el) }, 10)
				}
			)
		},
		fadeNavIn:function(){$('.hover',this).stop().animate({'opacity':1},self.c.navSpeed)},
		fadeNavOut:function(){$('.hover',this).stop().animate({'opacity':0},self.c.navSpeed)}
	};
	self.init.apply(self);
	return self
};

$(function(){new Navigation()});

$(function(){
	if($.browser.safari) $('body').addClass('safari');
	$('body').addClass('mocha');
	var fadeSpeed=($.browser.safari?600:450);
	
	$('#logo').append('<span class="hover"></span>');
	$('#sponsor_ventrilo').append('<span class="hover"></span>');
	
	$('.post-icon').append('<span class="hover"></span>');
	$('.locked-icon').append('<span class="hover"></span>');
	$('.newpm-icon').append('<span class="hover"></span>');
	$('.reply-icon').append('<span class="hover"></span>');	
	
	$('.web-icon').append('<span class="hover"></span>');	
	$('.yim-icon').append('<span class="hover"></span>');	
	$('.aim-icon').append('<span class="hover"></span>');	
	$('.jabber-icon').append('<span class="hover"></span>');	
	$('.msnm-icon').append('<span class="hover"></span>');	
	$('.icq-icon').append('<span class="hover"></span>');	
	$('.profile-icon').append('<span class="hover"></span>');	
	$('.search-icon').append('<span class="hover"></span>');	
	$('.replay-icon').append('<span class="hover"></span>');	
	$('.pm-icon').append('<span class="hover"></span>');	
	$('.email-icon').append('<span class="hover"></span>');	
	
	$('.edit-icon').append('<span class="hover"></span>');	
	$('.quote-icon').append('<span class="hover"></span>');	
	
	$('.report-icon').append('<span class="hover"></span>');	
	$('.warn-icon').append('<span class="hover"></span>');	
	$('.info-icon').append('<span class="hover"></span>');	
	$('.delete-icon').append('<span class="hover"></span>');	
	
	$('.hover').css('opacity',0);
	$('.hover').parent().hover(
		function(){$('.hover',this).stop().animate({'opacity':1},fadeSpeed)},
		function(){$('.hover',this).stop().animate({'opacity':0},fadeSpeed)}
	);
	$('.solonews').each(function(){
		var html=this.innerHTML;
		$(this).html('<div class="topboard"><div class="bottomboard">'+html+'</div></div>')
	});
	$('#sideblade .recrut_text span.recrut_text_top').each(function(){
		var html=this.innerHTML;
		$(this).html('<a href="../community/jointe.php" title="Join TE">'+html+'</a>')
	});
	$('.profile img').removeAttr('width').removeAttr('height');
});

var jkpanel={
	$mainpanel: null, 
	$controlbutton: null,
	contentdivheight: 0,
	positiontop: -100,
	positionbottom: 70,
	openclose:function($, speed){
		this.$mainpanel.stop() //stop any animation
		if (this.$mainpanel.attr('openstate')=='closed')
			this.$mainpanel.animate({top: this.positionbottom+'px'}, speed).attr({openstate: 'open'})
		else
			this.$mainpanel.animate({top: this.positiontop+'px'}, speed).attr({openstate: 'closed'})
	},	
	closepanel:function($, speed){
		this.$mainpanel.stop() //stop any animation
		if (this.$mainpanel.attr('openstate')=='open')
			this.$mainpanel.animate({top: this.positiontop+'px'}, speed).attr({openstate: 'closed'})
	},	
	openpanel:function($, speed){
		this.$mainpanel.stop() //stop any animation
		if (this.$mainpanel.attr('openstate')=='closed')
			this.$mainpanel.animate({top: this.positionbottom+'px'}, speed).attr({openstate: 'open'})
	},	
	init:function(file, height, speed){
		jQuery(document).ready(function($){
			jkpanel.$mainpanel=$('<div id="dropdownpanel">\n\t<div class="te_panel_div"></div>\n\t<div class="te_control_button"></div>\n</div>').prependTo('body')
			var $contentdiv=jkpanel.$mainpanel.find('.te_panel_div')
			var $controldiv=jkpanel.$mainpanel.find('.te_control_button').css({cursor: 'wait'})
			jkpanel.$controlbutton = $controldiv
			$contentdiv.load(file, '', function($){
					var heightattr=isNaN(parseInt(height))? 'auto' : parseInt(height)+'px'
					$contentdiv.css({height: heightattr})
					jkpanel.contentdivheight=parseInt($contentdiv.get(0).offsetHeight)
					jkpanel.$mainpanel.css({top: jkpanel.positiontop+'px', visibility:'visible'}).attr('openstate', 'closed')
					$controldiv.css({cursor:'hand', cursor:'pointer'})
			})
			jkpanel.$controlbutton.click(function(){jkpanel.openclose($, speed)})
			jkpanel.$controlbutton.mouseover(function(){jkpanel.openpanel($, speed)})
		})
	}
}

//Initialize script: jkpanel.init('path_to_content_file', 'height of content DIV in px', animation_duration)
//jkpanel.init('http://localhost/news/panel.html', '150px', 500)


// LightBox witch class="lightbox"
$(function(){
	$('a.te_lightbox').lightBox();
});