$(document).ready(function () {

    // TOP MENU 
    $('#topnavi li div').hide();
    $('#topnavi li div.boxtopmenu').width('480px');
    $('#topnavi li div.boxtopmenu').css({ left: '50%', margin: '0 0 0 -' + ($('#topnavi li div.boxtopmenu').width() / 2) + 'px' });
    $('ul.subtopmenu').each(function () {
        //$(this).children('li').css('width',150) 
    });
    $('#topnavi li').hover(

        function () {
            //show its submenu  
            $('div', this).show();

            //alert($(this).height()); 
            $(this).addClass('active');
            $(this).children('li').addClass('active');

        },
        function () {
            //hide its submenu  
            $('div', this).hide();
            $(this).removeClass('active');
            $(this).children('li').removeClass('active');
        }

    );
    // END TOP MENU 

    // SUBMENU
    $('div#bgdark').css(
					{
					    'background': 'black',
					    'width': '100%',
					    'height': $('li.tc2').height(),
					    'top': '0',
					    'left': '0',
					    'position': 'absolute',
					    'z-index': '2',
					    'display': 'none'
					});

    //$('div.boxsubmenu').css({ left: '30%', margin: '0 0 0 -' + ($('div.boxsubmenu').width() / 1.5) + 'px' });
	$('li.limenu').each(function () {

		var boxposition = $(this).position();
		var maxleft = $('div#frame div.tc2').position().left + 960;
		var currenleft = $(this).position().left + 500;
		if (currenleft > maxleft) {
			$(this).children('div.boxsubmenu').css({ left: '30%', margin: '0 0 0 -' + ($('div.boxsubmenu').width() / 1.05) + 'px' });
		} else {
			$(this).children('div.boxsubmenu').css({ left: '30%', margin: '0 0 0 -' + ($('div.boxsubmenu').width() / 15) + 'px' });
		}


	}
	);
    $('div.boxsubmenu').hover(
	function () {
	    $('div#bgdark').fadeTo(300, 0.2);
	},
	function () {
	    $('div#bgdark').css({ 'display': 'none' });
	});
    $('div#submenu ul.sublevel-1 li').hover(
	function () {
	    $('div', this).show();
	    $(this).addClass('active');
	},
	function () {
	    $('div', this).hide();
	    $(this).removeClass('active');

	}
	);



    // END SUBMENU

    // NEWS BOX

    $('ul.newsbox li').each(function () {
        $(this).hide();
    });
    $('ul.newsbox li:first').fadeIn(200);
    $('ul.newsbox li:first').addClass('active');
    newsrotate = function () {
        $("ul.newsbox li").removeClass('active'); //Remove all active class
        $newsactive.addClass('active'); //Add active class 
        $newsactive.fadeIn(500);
    };
    //Rotation  and Timing Event
    newsrotateSwitch = function () {
        play = setInterval(function () { //Set timer 
            $("ul.newsbox li.active").fadeOut(50);
            $newsactive = $('ul.newsbox li.active').next(); //Move to the next 
            if ($newsactive.length === 0) { //If paging reaches the end...
                $newsactive = $('ul.newsbox li:first'); //go back to first
            }
            newsrotate();
        }, 5000); //Timer speed in milliseconds (5 seconds)
    };

    newsrotateSwitch(); //Run function on launch	
    // END NEWS BOX

    // START BANNER SLIDE

    //Show the paging and activate its first link
    $(".paging").show();
    $(".paging a:first").addClass("active");

    //Paging  and Slider Function
    rotate = function () {
        var triggerID = $active.attr("rel") - 1; //Get number of times to slide
        $(".image_reel a").hide();
        $(".image_reel a:eq(" + triggerID + ")").fadeIn(1000);

        $(".paging a").removeClass('active'); //Remove all active class
        $active.addClass('active'); //Add active class (the $active is declared in the rotateSwitch function)

    };

    //Rotation  and Timing Event
    rotateSwitch = function () {
        play = setInterval(function () { //Set timer - this will repeat itself every 8 seconds
            $active = $('.paging a.active').next(); //Move to the next paging
            if ($active.length === 0) { //If paging reaches the end...
                $active = $('.paging a:first'); //go back to first
            }
            rotate(); //Trigger the paging and slider function
        }, 15000); //Timer speed in milliseconds (7 seconds) 8000
    };

    rotateSwitch(); //Run function on launch	

    //On Hover
    $(".image_reel a").hover(function () {
        clearInterval(play); //Stop the rotation
    }, function () {
        rotateSwitch(); //Resume rotation timer
    });

    //On Click
    $(".paging a").click(function () {
        $active = $(this); //Activate the clicked paging
        //Reset Timer
        clearInterval(play); //Stop the rotation
        rotate(); //Trigger rotation immediately
        rotateSwitch(); // Resume rotation timer
        return false; //Prevent browser jump to link anchor
    });

    // END BANNER SLIDE 

    // TABS CONTENT

    var tcontent = $('div.tabcontent');
    var tmenu = $('li.tabmenu');
    //$("ul.tabmenugroup li:first-child").addClass("active");
    //$('div.tabcontentgroup div:first-child').show();
    $(tmenu).each(function (i) {
        $(this).click(function () {
            releavetab();
            $(this).addClass("active");
            $(tcontent[i]).show();
        });

    });

    releavetab = function () {
        $(tcontent).hide();
        $(tmenu).removeClass("active")
    };

    // END TABS CONTENT

});
//