/*
-----------------------------------------------
tella inc. Javascript Functions
Author:   yoo t h (oortensia@hotmail.com)
Version: ver.0.1, 28 Jan 2009
----------------------------------------------- */

try { 
document.execCommand('BackgroundImageCache', false, true); 
} catch(e) {}

$(function (){
							
	$("body > #index").each(function(){
    var current = ($(this).attr("id"));
    if (current != "index"){
			attachScrollFollow();
		}else{
			$(this).css({backgroundColor:"transparent"});
			var height = $('body > #index').height();
			$('#bgFlash').height(height);
		}
	});
	
	$("body > div").each(function(){
    var current = ($(this).attr("id"));
    if(current == "recruit" ){
			$("tr:odd").css("backgroundColor", "#F7F7EB");
		}
	});
	
	$("#globalNav li").each(function(){
		$(this).children("a").css({backgroundImage:"none"});
	});
	
	$("#globalNav dt").each(function(){
		$(this).children("a").css({backgroundImage:"none"});
	});
	
	$("#globalNav").droppy();
	
	$("#cn2", ".company").css({height:"43px"});
	
	attachNavEvents("#globalNav dd ul", "gn0", 1, " #dd0-0");
	attachNavEvents("#globalNav dd ul", "gn1", 1, " #dd1");
	attachNavEvents("#globalNav dd ul", "gn2", 1, " #dd2");
	attachNavEvents("#globalNav dd ul", "gn3");
	attachNavEvents("#globalNav dd ul", "gn4");
	attachNavEvents("#globalNav dd ul", "gn5", 1, " #dd5-0");
	attachNavEvents("#globalNav dd ul", "gn6");

	attachNavEvents("#header #globalNav #dd0-0 dd ul", "gn0-0", "", "", true);
	attachNavEvents("#header #globalNav #dd0-0 dd ul", "gn0-1", "", "", true);
	attachNavEvents("#header #globalNav #dd0-0 dd ul", "gn0-2", 1, " #dd0-1", true);
	attachNavEvents("#header #globalNav #dd0-0 dd ul", "gn0-3", "", "", true);
	attachNavEvents("#header #globalNav #dd0-0 dd ul", "gn0-4", "", "", true);
	attachNavEvents("#header #globalNav #dd0-0 dd ul", "gn0-5", "", "", true);
	attachNavEvents("#header #globalNav #dd0-0 dd ul", "gn0-6", "", "", true);

	//attachNavEvents("#header #globalNav #dd0-1 dd ul", "gn0-2-0", "", "", true);
	//attachNavEvents("#header #globalNav #dd0-1 dd ul", "gn0-2-1", "", "", true);
	//attachNavEvents("#header #globalNav #dd0-1 dd ul", "gn0-2-2", "", "", true);
	
	attachNavEvents("#header #globalNav #dd1 dd ul", "gn1-0", "", "", true);
	attachNavEvents("#header #globalNav #dd1 dd ul", "gn1-1", "", "", true);
	attachNavEvents("#header #globalNav #dd1 dd ul", "gn1-2", "", "", true);
	//attachNavEvents("#header #globalNav #dd1 dd ul", "gn1-3", "", "", true);
	
	attachNavEvents("#header #globalNav #dd2 dd ul", "gn2-0", "", "", true);
	attachNavEvents("#header #globalNav #dd2 dd ul", "gn2-1", "", "", true);
	
	attachNavEvents("#header #globalNav #dd5-0 dd ul", "gn5-0", "", "", true);
	attachNavEvents("#header #globalNav #dd5-0 dd ul", "gn5-1", 1, " #dd5-1", true);
	attachNavEvents("#header #globalNav #dd5-0 dd ul", "gn5-2", 1, " #dd5-2", true);
	
	//attachNavEvents("#header #globalNav #dd5-1 dd ul", "gn5-1-0", "", "", true);
	//attachNavEvents("#header #globalNav #dd5-1 dd ul", "gn5-1-1", "", "", true);

	//attachNavEvents("#header #globalNav #dd5-2 dd ul", "gn5-2-0", "", "", true);
	//attachNavEvents("#header #globalNav #dd5-2 dd ul", "gn5-2-1", "", "", true);

	attachNewsEvents()
	attachNewsEvents2()
	//contentNavSlider();
	attachScrollFollow();
	attachPageTopEvents();
	
	prevChapter="#chapter0";
	prevChapNav="";
	chapterChange = true;
	layer = 10;
	
	storyPager();
	
	storyMaker("#c1 a", "#chapter1");
	storyMaker("#c2 a", "#chapter2");
	storyMaker("#c3 a", "#chapter3");
	storyMaker("#c4 a", "#chapter4");
	storyMaker("#c5 a", "#chapter5");
	storyMaker("#c6 a", "#chapter6");
	storyMaker("#c7 a", "#chapter7");
	storyMaker("#c8 a", "#chapter8");
	storyMaker("#c9 a", "#chapter9");
	storyMaker("#c10 a", "#chapter10");
	storyMaker("#c11 a", "#chapter11");
	
});

function storyMaker(a, b){
	$(a, "#story").click(function(){
		if(chapterChange){
			layer += 1;
			chapterChange = false;
			$(prevChapter).fadeOut(200, function(){
				$(this).css({display:"none"});
				prevChapter = b;
				$(b).css({zIndex:layer}).fadeIn(300, function(){
					var element = document.getElementById(b.replace("#",""));
					if($.browser.msie){
						element.style.removeAttribute('filter');
					}
				});
				contentH =400 + $(b).height();
				$("#story .left").stop().animate({height:contentH}, 750, 'easeOutQuart', function(){chapterChange=true;});
				$(prevChapNav).removeClass("current");
				$(a).addClass("current");
				prevChapNav = a;
			});
		}
	})
}


function storyPager(){
	$(".cPager li a", "#chapters").click(function(){
		if(chapterChange){
			layer += 1;
			chapterChange = false;
			b = $(this).attr("href");
			$(prevChapter).fadeOut(200, function(){
				$(this).css({display:"none"});
				$(b).css({zIndex:layer}).fadeIn(300, function(){
					var element = document.getElementById(b.replace("#",""));
					if($.browser.msie){
						element.style.removeAttribute('filter');
					}
				});
				contentH =400 + $(b).height();
				$('html,body').animate({ scrollTop: 400 }, 0, 'easeOutQuart');
				$("#story .left").stop().animate({height:contentH}, 750, 'easeOutQuart', function(){chapterChange=true;});
				a = b.replace("#chapter", "");
				$(prevChapNav).removeClass("current");
				$("#c"+a+" a").addClass("current");
				prevChapNav = "#c"+a+" a"; 
			});
			prevChapter = b;
		}
	})
}

function contentNavSlider(){
	var slideParent = $("#cn2 dl");
	slideParent.hover(function(){
		slideParent.parent().stop().animate({height:"178px"}, 1000, 'easeOutQuart').children("dl").children("dt").children("a").css({backgroundPosition:"-205px -109px"});
	}, function(){
		slideParent.parent().stop().animate({height:"43px"}, 500, 'easeOutQuart').children("dl").children("dt").children("a").css({backgroundPosition:"0px -109px"});
	})
}

function attachNavEvents(parent, myClass, version, layer, subNav){
	if(version == 1){
		var targetParent=$(parent+" #"+myClass+layer+" dt:first");
	}else{
		var targetParent=$(parent+" #"+myClass);
	}
	
	var IE='\v'=='v'
	
	targetParent.mouseover(function(){
		if(IE && subNav){
			targetParent.append('<div class="nav-' + myClass + '"></div>').children("div.nav-" + myClass).css({opacity:"0"}).animate({opacity:0.5}, 250);
		}else{
			targetParent.append('<div class="nav-' + myClass + '"></div>').children("div.nav-" + myClass).css({display:"none"}).fadeIn(250);
		}
	}).mouseout(function(){
		$("div.nav-" + myClass).fadeOut(400, function(){
			$(this).remove();
		});
	});
}

function attachNewsEvents(){
	$("#releaseIndex > #container > div.content > div.left > #groups > div > dl > dd > a").mouseover(function(){ 
		$(this).parent("dd").css({backgroundColor:"#F8F8F1"});
	}).mouseout(function(){ 
		$(this).parent("dd").animate({backgroundColor:"#FFFFFF"}, 500);
	});
}

function attachNewsEvents2(){
	$("#latest > li > p > a").mouseover(function(){ 
		$(this).parent("p").parent("li").css({backgroundColor:"#F8F8F1"});
	}).mouseout(function(){ 
		$(this).parent("p").parent("li").css({backgroundColor:"transparent"});
	});
}

function attachPageTopEvents(){
	$('#pagetop > a').click(function(){
		$(this).blur();
		$('html,body').animate({ scrollTop: 0 }, 1000, 'easeOutQuart');
		return false;
	});	
}

function attachScrollFollow(){
	$('#scrollFollow').scrollFollow({speed: 1000, offset:0, easing:'easeOutQuart'});	
}


function addEvent(elm, evType, func, useCapture) {
	if (elm.addEventListener) {
		elm.addEventListener(evType, func, useCapture);
		return true;
	} else if (elm.attachEvent) {
		var r = elm.attachEvent('on' + evType, func);
		return r;
	} else {
		elm['on' + evType] = func;
	}
}