var $j = jQuery.noConflict();
var s1 = 'off';
var s2 = 'off';
var s3 = 'off';
var hover1, hover2;
var section2rollingkey = true;
var src1 = "image/main/section3_character1.gif";
var src2 = "image/main/section3_character2.gif";
var src3 = "image/main/section3_character3.gif";
var src4 = "image/main/section3_character4.gif";
var src5 = "image/main/section3_character5.gif";
var rolling_item1 = ".imgbox1";
var rolling_item2 = ".imgbox2";
var rolling_item3 = ".imgbox3";
var rolling_item4 = ".imgbox4";
var rolling_item5 = ".imgbox5";
var src_counter = 0;
var rolling_counter = 0;
var rollingSwitch = false;
var changeImageSwitch = true;
var scrollingStopSwitch = false;
var totalheight = 19;
var h = 0;

var howManyObj, totaltxt;
var obj1 = 0;
var obj2 = 1;
var txtflowflag = true;
var stoptxtflag = true;
var obj1OffsetRight = 0;
var obj1OffsetLeft = 0;
var obj1Width = 0;
var obj2OffsetRight = 0;
var obj2OffsetLeft = 0;
var obj2Width = 0;
var leftborder = 0;
var startPoint = 760;
var movingPoint1 = startPoint;
var movingPoint2 = startPoint;

var Browser = {
	  Version: function() {
	    var version = 999; // we assume a sane browser
	    if (navigator.appVersion.indexOf("MSIE") != -1)
	    	// bah, IE again, lets downgrade version number
	    	version = parseFloat(navigator.appVersion.split("MSIE")[1]);
	    return version;
	  }
}

function flowtxt(){
	if (Browser.Version() < 7) {
		setInterval("txtflowing('.txtrollinglist li',3)",4);
	}else{		
		setInterval("txtflowing('.txtrollinglist li',1)",4);
	}
	
}

function txtflowing(obj, movingSpeed){
	
		//$j("#search-input").attr({value:obj1+":"+obj2+" L:"+leftborder+" R:"+obj1OffsetLeft});
		
		howManyObj = $j(obj).size();		
		leftborder = $j(".txtrollingbox").offset().left;
		
		var a = $j($j(obj).get(obj1));
		var b = $j($j(obj).get(obj2));			
		
		if(stoptxtflag != false){
						
			if(obj1 +1 < howManyObj){
				
				obj1OffsetLeft = a.offset().left;
				obj1Width = a.width();
				obj1OffsetRight = obj1OffsetLeft+obj1Width;
				
				obj2OffsetLeft = b.offset().left;
				obj2Width = b.width();
				obj2OffsetRight = obj2OffsetLeft+obj2Width;
				
				if(leftborder <= obj1OffsetLeft && leftborder <= obj1OffsetRight){
					
					movingPoint1 = movingPoint1 - movingSpeed;					
					a.animate({left:movingPoint1},0);
					
				}else if(leftborder > obj1OffsetLeft && leftborder <= obj1OffsetRight){
					
					movingPoint1 = movingPoint1 - movingSpeed;
					movingPoint2 = movingPoint2 - movingSpeed;
					a.animate({left:movingPoint1},0);
					b.animate({left:movingPoint2},0);
					
				}else{
					movingPoint1 = movingPoint2;
					movingPoint2 = startPoint;
					obj1++;
					obj2++;					
				}
				
			}else if(obj1 +1 == howManyObj){
				
				obj1OffsetLeft = a.offset().left;
				obj1Width = a.width();
				obj1OffsetRight = obj1OffsetLeft+obj1Width;
				
				if(leftborder <= obj1OffsetRight){
					
					movingPoint1 = movingPoint1 - movingSpeed;					
					a.animate({left:movingPoint1},0);
					
				}else{
					$j(obj).css("left",startPoint);
					obj1 = 0;
					obj2 = 1;
					movingPoint1 = startPoint;
					movingPoint2 = startPoint;				
				}
				
			}else{
				$j(obj).css("left",startPoint);
				obj1 = 0;
				obj2 = 1;
				movingPoint1 = startPoint;
				movingPoint2 = startPoint;
			}			
			
		}

}

function stoptxtflowing(obj){
	$j(obj).hover(function() {
		stoptxtflag = false;
	},function(){
		stoptxtflag = true;
	});
}

function changetxt(){
		setInterval("txtrolling('.txtrollinglist1',19,1000)",3000);
}

function txtrolling(obj, height, timer){
		howManyObj = $j(obj).find('li').size();
		h = height;
		totaltxt = howManyObj * h;

		if( totalheight < totaltxt ){			
			$j(obj).animate({marginTop:"-"+totalheight},timer);
			totalheight = totalheight + height;
		}else{
			$j(obj).animate({marginTop:19},0);
			$j(obj).animate({marginTop:0},timer);
			totalheight = 19;
		}
}

function changeImage(){
	setInterval("changeSection3Image()",3000);
}

function changeSection3Image(){	
	var imgsrc;	
	
	if(changeImageSwitch != false){
		switch (src_counter) {
			case 0:	imgsrc = src1;	break;
			case 1:	imgsrc = src2;	break;
			case 2:	imgsrc = src3;	break;
			case 3:	imgsrc = src4;	break;
			case 4:	imgsrc = src5;	src_counter = -1;	break;
			default:	break;
		}		
		$j(".section3_img").attr({src:imgsrc});
		src_counter++;
	}
}


function rollingSection(){
		setInterval("rollingSectionAction(600)",3000);
}

function rollingSectionAction(timer){
	var item;
	
	if(scrollingStopSwitch != true){
			if(rollingSwitch != false){
				switch (rolling_counter) {
					case 0:	item = rolling_item1;	break;
					case 1:	item = rolling_item2;	break;
					case 2:	item = rolling_item3;	break;
					case 3:	item = rolling_item4;	break;
					case 4:	item = rolling_item5;	rolling_counter = -1;	break;
					default:	break;
				}
				$j(".imgbox").slideUp(timer);
				$j(item).slideDown(timer);
				rolling_counter++;
			}else{
				$j(".imgbox").slideUp(timer);
			}
	}	
}

function stopRollingSectionAction(timer){
	$j(".imgbox").slideUp(timer);
}


function changeBackgroundColor(target_id, color){
	$j(target_id).focus(function() {
		$j(this).css("background",color);
	},function(){});
}

function openSection1(click_section, group_section){
	$j(click_section).hover(function() {
		if(s1 != 'on'){
			$j(group_section).animate({width:"200px"},0);
			$j(this).parent().parent().parent().animate({width:"490px"},700);
			s1 = 'on';s2 = 'off';s3 = 'off';
			rollingSwitch = false;
			scrollingStopSwitch = false;
		}
	},function(){});
}

function openSection2(click_section, group_section){
	$j(click_section).hover(function() {
		if(s2 != 'on'){
			$j(group_section).animate({width:"200px"},0);
			$j(this).parent().parent().parent().animate({width:"490px"},900);	
			if($j(this).parent().parent().attr("class")!="section2 section_contents_box"){
				$j(".main_menu1st li h3").siblings().slideUp(400);
				$j(".main_menu1st li h3").removeClass("opened");
			}else{
				$j(".main_menu1st li ul li.selected").parent().slideDown(400);
				$j(".main_menu1st li ul li.selected").parent().siblings().toggleClass("opened");
			}			
			s1 = 'off';s2 = 'on';s3 = 'off';
			rollingSwitch = true;
			scrollingStopSwitch = false;
		}
	},function(){});
}

function openSection3(click_section, group_section){
	$j(click_section).hover(function() {
		if(s3 != 'on'){
			$j(group_section).animate({width:"200px"},0);
			$j(this).parent().parent().parent().animate({width:"490px"},900);
			s1 = 'off';s2 = 'off';s3 = 'on';
			rollingSwitch = false;
			changeImageSwitch = true;
			scrollingStopSwitch = false;
		}
	},function(){});
}


function openSection11(click_section, group_section){
	$j(click_section).hover(function() {
		if(s1 != 'on'){
			$j(".main_section2_center").stop();
			$j(".main_section3_center").stop();
			s1 = 'on';s2 = 'on';s3 = 'on';
			stopRollingSectionAction(600);
			$j(".main_section2_center").animate({width:"200px"},500);						
			$j(".main_section3_center").animate({width:"200px"},500);
			//$j(".main_section1_center").animate({width:"490px"},700);
			$j(".main_section1_center").animate({width:"490px"},{duration:800, complete:function(){
				s1 = 'on';s2 = 'off';s3 = 'off';
				rollingSwitch = false;
				scrollingStopSwitch = false;
			}});			
		}
	},function(){});
}

function openSection22(click_section, group_section){
	$j(click_section).hover(function() {
		if(s2 != 'on'){
			$j(".main_section1_center").stop();
			$j(".main_section3_center").stop();
			s1 = 'on';s2 = 'on';s3 = 'on';			
			$j(".main_section1_center").animate({width:"200px"},500);						
			$j(".main_section3_center").animate({width:"200px"},500);
			//$j(".main_section2_center").animate({width:"490px"},700);
			$j(".main_section2_center").animate({width:"490px"},{duration:800, complete:function(){
			if($j(this).parent().parent().attr("class")!="section2 section_contents_box"){
				$j(".main_menu1st li h3").siblings().slideUp(400);
				$j(".main_menu1st li h3").removeClass("opened");
			}else{
				$j(".main_menu1st li ul li.selected").parent().slideDown(400);
				$j(".main_menu1st li ul li.selected").parent().siblings().toggleClass("opened");
			}			
			s1 = 'off';s2 = 'on';s3 = 'off';
			rollingSwitch = true;
			scrollingStopSwitch = false;
			}});			
		}
	},function(){});
}

function openSection33(click_section, group_section){
	$j(click_section).hover(function() {
		if(s3 != 'on'){
			$j(".main_section1_center").stop();
			$j(".main_section2_center").stop();
			s1 = 'on';s2 = 'on';s3 = 'on';
			stopRollingSectionAction(600);
			$j(".main_section1_center").animate({width:"200px"},500);			
			$j(".main_section2_center").animate({width:"200px"},500);
			//$j(".main_section3_center").animate({width:"490px"},700);
			$j(".main_section3_center").animate({width:"490px"},{duration:800, complete:function(){
			s1 = 'off';s2 = 'off';s3 = 'on';
			rollingSwitch = false;
			changeImageSwitch = true;
			scrollingStopSwitch = false;
			}});			
		}
	},function(){});
}

function openedSection(click_section, group_section){
		$j(group_section).animate({width:"200px"},0);
		$j(click_section).parent().parent().parent().animate({width:"490px"},700);
		rollingSwitch = true;
}

/* common */
function hoverEffect_style(class_1, class_2){
 $j(class_1).hover(function() {
  $j(this).addClass(class_2);
 }, function(){
  $j(this).removeClass(class_2); 
 }); 
}

function hoverEffect(class_name, group_name) {
	$j(group_name).hover(function() {				
		$j(group_name).removeClass();		
		$j(this).addClass(class_name);
	}, function(){
	});	
}

function hoverEffect1(class_name, group_name) {
	$j(group_name).hover(function() {	
		$j(group_name).removeClass();		
		$j(this).addClass(class_name);		
	}, function(){	});	
}

function searchInput(searchinput_1, searchinput_2){
	$j(searchinput_1).focus(function(){		
		var value1 = $j(this).attr("value");		
		var value2 = $j(searchinput_2).attr("value");		
		if(value1 != value2){}else{$j(this).attr({value:""});}		
	});	
	$j(searchinput_1).blur(function(){		
		var value1 = $j(this).attr("value");		
		var value2 = $j(searchinput_2).attr("value");		
		if(value1 != ""){}else{	$j(this).attr({value:value2});}
	});
}

function showSubmenu(target_name, class_name, submenu_name) {
	$j(target_name).hover(function() {
		$j(class_name).fadeOut(0);
		$j(submenu_name).fadeIn(0);
		$j(".txtrollingbox").fadeOut(0);
		$j(".navigation").addClass("navigation2");		
	}, function(){});
}

function hideSubmenu(target_name, class_name, group_name) {
	$j(target_name).hover(function() {

	}, function(){
		$j(group_name).removeClass();
		$j(class_name).fadeOut(0,function(){$j(".txtrollingbox").fadeIn(0);});
		$j(".navigation").removeClass("navigation2");		
	});
}

function showRelated(button_element, show_element, class_name1, class_name2) {
	$j(button_element).mousedown(function() {
		if($j(show_element).css("display") != 'none'){
			$j(button_element).removeClass(class_name2);
			$j(button_element).addClass(class_name1);
			$j(show_element).fadeOut(200);			
		}else{			
			$j(button_element).removeClass(class_name1);
			$j(button_element).addClass(class_name2);
			$j(show_element).fadeIn(200);
		}		
	});
}

function hideBorder(element){
	$j(element).find("a").css("border","none");
}

function showLeftSubmenu(button_element, timer){
	$j(button_element).click(function() {
		if($j(this).siblings().css("display") != "block"){
			$j(this).toggleClass("opened");
			$j(this).siblings().slideDown(timer);
		}else{
			$j(this).toggleClass("opened");
			$j(this).siblings().slideUp(timer);	
		}
	});
	$j(button_element).focus(function() {
		if($j(this).siblings().css("display") != "block"){
			$j(this).toggleClass("opened");
			$j(this).siblings().slideDown(timer);
		}else{
			$j(this).toggleClass("opened");
			$j(this).siblings().slideUp(timer);	
		}
	});
}

function showLeftSubmenuMain(button_element, timer, class_name){
	$j(button_element).click(function() {
		if($j(this).siblings().css("display") != "block"){		
			$j(class_name).siblings().slideUp(timer);			
			$j(this).siblings().slideDown(timer);
		}else{			
			$j(this).siblings().slideUp(timer);
		}
		scrollingStopSwitch = true;
	});
}

function hoverEffectLeft1Main(button_element,except_element,hover_class,link_hover_class){
	$j(button_element).hover(function(){
		$j(except_element).animate({backgroundColor:"#FFF"},25);
		$j(except_element).find("span").animate({color:"#696969"},25);
		$j(this).animate({backgroundColor:"#638CC0"},200);
		$j(this).find("span").animate({color:"#FFF"},200);
	},function(){
		$j(except_element).animate({backgroundColor:"#FFF"},0);
		$j(except_element).find("span").animate({color:"#696969"},0);
	});
	
}
function hoverEffectLeft1(button_element,except_element,hover_class){
	$j(button_element).hover(function(){
			
			$j(this).addClass(hover_class);
			
	},function(){
			$j(this).removeClass(hover_class);
	});
		
}

function hoverEffectLeft2(button_element,hover_class){
	$j(button_element).hover(function(){
		$j(this).addClass(hover_class);
	},function(){
		$j(this).removeClass(hover_class);
	});
}

function rollDownSelectedMenu(a,b,c){
	$j(a).parent().css(b,c);
}
function rollDownSelectedMenuMain(a,b,c){
	$j(a).parent().css(b,c);
	$j(a).parent().siblings().toggleClass("opened");
}
function rollDownSelectedMenu2(a,b,c,e){
	$j(a).parent().css(b,c);
	$j(a).find("a").addClass(e);
	$j(a).parent().parent().find("h2").find("a").addClass(e);
}

function addClassNameOnH3_A(element,children,class_name){
	$j(element).find(children).addClass(class_name);
}

function addClassNameOnH3_B(element,children,class_name){
	$j(element).find(children).addClass(class_name);
}

function showAddressSpan(button_element,target_element,property,option1,option2){
	$j(button_element).hover(function(){
		$j(this).find(target_element).css(property,option1);
	},function(){
		$j(this).find(target_element).css(property,option2);
	});
}

/* flash */
function flash_movie(src, ids, width, height, wmode){
    var wh = "";
    if (parseInt(width) && parseInt(height)) 
        wh = " width='"+width+"' height='"+height+"' ";
    return "<object classid='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0' "+wh+" id="+ids+"><param name=wmode value="+wmode+"><param name=movie value="+src+"><param name=quality value=high><embed src="+src+" quality=high wmode="+wmode+" type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/shockwave/download/index.cgi?p1_prod_version=shockwaveflash' "+wh+"></embed></object>";
}

function pflash(src,width,height,etc) {
	document.write("<object classid=\"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000\" codebase=\"http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0\" width=\""+width+"\" height=\""+height+"\"><param name=\"movie\" value=\""+src+"?"+etc+"\"><param name=\"quality\" value=\"high\"><PARAM name=\"wmode\" value=\"transparent\"><param name=\"quality\" value=\"high\"><param name=\"scale\" value=\"noscale\" /><embed src=\""+src+"?"+etc+"\" wmode=\"transparent\" quality=\"high\" scale=\"noscale\"pluginspage=\"http://www.macromedia.com/go/getflashplayer\" type=\"application/x-shockwave-flash\" width=\""+width+"\" height=\""+height+"\"></embed></object>");
}


function doc_write(cont){
    document.write(cont);
}

function setCharAt(str,index,chr){
	if(index>str.length-1)return str;
	return str.substr(0,index)+chr+str.substr(index+1);
}