// JavaScript Document

$(document).ready(function(){

	$("div[id^=tab_content_2]").css("display","none");

	$("#tab_menu a").mouseover(function(){

		tab_id = this.id;

		num = tab_id.substring(tab_id.lastIndexOf("_")+1,tab_id.length);

		//alert(num);

		$("div[id^=tab_content]").css("display","none");

		$("#tab_content_"+num).css("display","block");

		$("#tab_top").removeClass("tab_1");

		$("#tab_top").removeClass("tab_2");

		$("#tab_top").addClass("tab_"+num);

	});



	$("#tab_menu a").click(function(){$(this).blur();});

	if (document.getElementById('demol1') && document.getElementById('demol11') && document.getElementById('demol12')) {
        Marquee(3,20,"demol1","demol11","demol12");
    }

});



if(typeof(HTMLElement)!="undefined")

{

	HTMLElement.prototype.contains=function(obj)

	{

		while(obj!=null&&typeof(obj.tagName)!="undefind"){

		if(obj==this) return true;

		obj=obj.parentNode;

		}

		return false;

	};

}



	function getEvent() {

        if(document.all)  return window.event;

        func=getEvent.caller;

        while(func!=null){

            var arg0=func.arguments[0];

            if(arg0)

            {

              if((arg0.constructor==Event || arg0.constructor ==MouseEvent) || (typeof(arg0)=="object" && arg0.preventDefault && arg0.stopPropagation))

              {

              return arg0;

              }

            }

            func=func.caller;

        }

        return null;

    }



	function changeMenu(top_menu_id,menu_num,menu_count){

		/*alert(top_menu_id);

		alert(menu_num);

		alert(menu_count);*/

		var top_menu = $("#"+top_menu_id);

		for(i=1;i<=menu_count;i++){

			//alert(num);

			var sub_top_menu = $("#sub_top_menu_"+i);

			//alert(sub_top_menu);

			if(i==menu_num){

				sub_top_menu.css("display","block");

			}else{

				sub_top_menu.css("display","none");

			}

		}

	}



	function recover(sub_menu_id,menu_count){

		var target = document.getElementById(sub_menu_id);

		var ev = getEvent();

		if (navigator.appName=='Microsoft Internet Explorer') {

            if(!target.contains(ev.toElement)){

				for(i=1;i<=menu_count;i++){

					var sub_top_menu = $("#sub_top_menu_"+i);

						sub_top_menu.css("display","none");

				}

			}

        }else if (navigator.appName=='Netscape') {

			if(!target.contains(ev.relatedTarget)){

				for(i=1;i<=menu_count;i++){

					var sub_top_menu = $("#sub_top_menu_"+i);

						sub_top_menu.css("display","none");

				}

			}

        }

	}



function Marquee(direction, speed, id, id1, id2) {
    var demo = document.getElementById(id);
    var demo1 = document.getElementById(id1);
    var demo2 = document.getElementById(id2);
    switch (direction) {
    case 1:
        MarqueeToTop(speed, demo, demo1, demo2);
        break;
    case 2:
        MarqueeToDown(speed, demo, demo1, demo2);
        break;
    case 3:
        MarqueeToLeft(speed, demo, demo1, demo2);
        break;
    case 4:
        MarqueeToRight(speed, demo, demo1, demo2);
        break;
    }
    function MarqueeToTop(speed, demo, demo1, demo2) {
        var MyMarTop = setInterval(MarqueeTop, speed);
        demo2.innerHTML = demo1.innerHTML;
        demo.onmouseover = function() {
            clearInterval(MyMarTop);
        }
        demo.onmouseout = function() {
            MyMarTop = setInterval(MarqueeTop, speed);
        }
        function MarqueeTop() {
            if (demo2.offsetHeight - demo.scrollTop <= 0) {
                demo.scrollTop -= demo1.offsetHeight;
            } else {
                demo.scrollTop++;
            }
        }
    }
    function MarqueeToDown(speed, demo, demo1, demo2) {
        var MyMarDown = setInterval(MarqueeDown, speed);
        demo2.innerHTML = demo1.innerHTML;
        demo.scrollTop = demo.scrollHeight;
        demo.onmouseover = function() {
            clearInterval(MyMarDown);
        }
        demo.onmouseout = function() {
            MyMarDown = setInterval(MarqueeDown, speed);
        }
        function MarqueeDown() {
            if (demo1.offsetTop - demo.scrollTop >= 0) {
                demo.scrollTop += demo2.offsetHeight;
            } else {
                demo.scrollTop--;
            }
        }
    }
    function MarqueeToLeft(speed, demo, demo1, demo2) {
        var MyMarLeft = setInterval(MarqueeLeft, speed);
        demo2.innerHTML = demo1.innerHTML;
        demo.onmouseover = function() {
            clearInterval(MyMarLeft);
        }
        demo.onmouseout = function() {
            MyMarLeft = setInterval(MarqueeLeft, speed);
        }
        function MarqueeLeft() {
            if (demo2.offsetWidth - demo.scrollLeft <= 0) {
                demo.scrollLeft -= demo1.offsetWidth;
            } else {
                demo.scrollLeft++;
            }
        }
    }
    function MarqueeToRight(speed, demo, demo1, demo2) {
        var MyMarRight = setInterval(MarqueeRight, speed);
        demo2.innerHTML = demo1.innerHTML;
        demo.onmouseover = function() {
            clearInterval(MyMarRight);
        }
        demo.onmouseout = function() {
            MyMarRight = setInterval(MarqueeRight, speed);
        }
        function MarqueeRight() {
            if (demo.scrollLeft <= 0) {
                demo.scrollLeft += demo2.offsetWidth;
            } else {
                demo.scrollLeft--;
            }
        }
    }
}


