// JavaScript Document
$(function(){
	var html = document.documentElement;
	function borderRadius(){
		var $objs = $('span.field');
		var s = ['tl','tr','br','bl','tx','bx','ly','ry'];
		for(var i=0,l=$objs.length;i<l;i++){
			var $obj = $objs[i];
			$obj.className += ' rn-'+$objs[i].className.split(' ')[0];
			for(var j=0,sl=s.length;j<sl;j++) {
				var elem = document.createElement('div');
				elem.className = s[j];
				$obj.appendChild(elem);
			}
		}

	}
	if(html.style.MozBorderRadius==undefined&&html.style.WebkitBorderRadius==undefined&&html.style.borderRadius==undefined) borderRadius();

	$('.focus').bind({
		'focus' :
		function(){
			var $obj  = this;
			$obj.value==$obj.defaultValue?$obj.value='':'';
		},
		'blur' :
		function(){
			var $obj  = this;
			$obj.value==''?$obj.value=$obj.defaultValue:'';
		}

	})
	$('input[type=text].password').bind({
		'focus' :
		function(){
			var $obj  = $(this);
			$obj.parents('span.field').addClass('hide');
			var $obj2 = $('input[type=password].password');
			$obj2.parents('span.field').removeClass('hide');
			$obj2.focus();
		}

	});
	$('input[type=password].password').bind({
		'blur' :
		function(){
			var $obj  = $(this);
			if($obj.val()==''){

				$obj.parents('span.field').addClass('hide');
				var $obj2 = $('input[type=text].password');
				$obj2.parents('span.field').removeClass('hide');
			}

		}

	});

	function box(){
		var $boxs = $('div.box');
		$boxs.each(function(i){
			$(this).attr('id','id_'+i);
		});
		var $larr = $('a.larr');
		var $rarr = $('a.rarr');
		$rarr.attr('rel',1)
		$larr.attr('rel',($boxs.length-1));
		var $i = 0;
		$rarr.click(function(){
			var $obj = $(this);
			$boxs.eq($i).removeClass('act').css({'left':'0%'}).animate({'left':'-100%'},{duration:500, queue:false},function(){ $(this).addClass('hide'); })
			$i<$boxs.length-1?$i++:$i=0;
			$('#id_'+$i).css({'left':'100%'}).removeClass('hide').animate({'left':'0%'},{duration:500, queue:false},function(){$(this).addClass('act');});
			$('span', $larr).text($boxs.eq($i).attr('data-larr'));
			$('span', $rarr).text($boxs.eq($i).attr('data-rarr'));

			return false;
		});


		$larr.click(function(){
			var $obj = $(this);
			$boxs.eq($i).removeClass('act').css({'left':'0%'}).animate({'left':'100%'},{duration:500, queue:false},function(){ $(this).addClass('hide'); })
			$i>0?$i--:$i=$boxs.length-1;

			$('#id_'+$i).css({'left':'-100%'}).removeClass('hide').animate({'left':'0%'},{duration:500, queue:false},function(){ $(this).addClass('act') })
			$('span', $larr).text($boxs.eq($i).attr('data-larr'));
			$('span', $rarr).text($boxs.eq($i).attr('data-rarr'));

			return false;
		});


	}
	box();

	function bar(){
		var $li = $('#c-bar li');
		var $act = $li.filter('.act');
		var $a = $('#c-bar a');

		$a.click(function(){
			var $obj = $(this);
			$act.removeClass('act');
			$('div.content[index='+$act.find('a').attr('rel')+'],div.footer[index='+$act.find('a').attr('rel')+']').animate({'opacity':0},500,function(){$(this).addClass('hide').css('filter','none');$act = $obj.parent('li');
			$act.addClass('act');
			$('div.content[index='+$obj.attr('rel')+'],div.footer[index='+$act.find('a').attr('rel')+']').css('opacity',0).removeClass('hide').animate({'opacity':1},500,function(){$(this).css('filter','none')});})




			return false;
		});
	}
	bar()

	$('#tabs a').click(function(){
		var $obj = $('#txt1');
		var $txt = $obj.find('textarea');
		if($obj.hasClass('hide')){
			$obj.css({'display':'none'}).removeClass('hide')
		}

		if($txt.attr('name')==$(this).attr('rel')){
			$obj.slideToggle();
		}
		if($obj.css('display')=='none'){
			$obj.slideDown();
		}

		$txt.attr('name',$(this).attr('rel'))

		$(this).parent().toggleClass('act')
		$('#tabs li').not($(this).parent()).removeClass('act')
		return false;
	});

	$('#enter').click(function(){
		$('#fo-enter').removeClass('hide')
		return false;
	})

	$('#fo-enter').click(function(event){
			var $bg  = $('div.bg',$(this));
			var e = event || window.event;

			if(e.target==$bg[0]){
				$(this).addClass('hide')
			}
	});

	$('div.head a').each(function(){
		var $obj = $(this);
		var $p = $obj.parents('div.head');

		var $ele = $(this.href);
		$ele.removeClass('hide').css({'display':'none'});
		$obj.click(function(){
			$p.toggleClass('head2')
			$ele.slideToggle();
			return false;
		});
	})
	$('.navigation li a.active').attr('first','active');
	var obj_active = $('a[first=active]');
	var oAct =obj_active.position();
	$('.slide_block').css('left', oAct.left + 1);
	var pos_bg =  $('.slide_block').position();

	$('.navigation li').hover(function(){
		$('.slide_block').stop();
		obj_this = $(this);
		$('.navigation li a.active').removeClass('active');
		left_pos = $(this).position();
		$('.slide_block').animate({'left' : left_pos.left},function(){obj_this.find('a').addClass('active') });

	},function(){
		$('.slide_block').stop();
		$('.navigation li a.active').removeClass('active');
		$('.slide_block').animate({'left' : pos_bg.left},function(){obj_active.addClass('active')})
	}
	)
})