// JavaScript Document
		//ACCORDION
			$().ready(function() {
					$('#js-menu .kwicks').kwicks({
						max: 870,
						spacing:0,
						sticky : true,
						duration: 1500,
						easing: 'easeOutBounce'
						
					});
					});
					$().ready(function() {
						$('#kwick1').mouseover(function () {
							$('.banner1').hide();
							$('.banner2').show();
							$('.banner3').show();
						});
						$('#kwick2').mouseover(function () {
							$('.banner1').show();
							$('.banner2').hide();
							$('.banner3').show();
						});
						$('#kwick3').mouseover(function () {
							$('.banner1').show();
							$('.banner2').show();
							$('.banner3').hide();
						});
						$(window).load(function () {
						  $('.banner1').hide();
						});


					});

	//MENU ROTATOR				
					
					
					    var current = -1;

    function chngclass(hover, ishover) {
        document.getElementById(hover).className = "li-hover";
        for (var i = 0; i < 4; i++) {
            if (i != hover) {

                document.getElementById(i).className = "li-link";
            }
        }
        current = hover;
        if (ishover == 1) {
            stopinterval();
        }
    }
    function rotate() {
        current++;
        if (current > 3) { current = 0 };
        chngclass(current, 0);
    }
    var interval;
    function startinterval() { interval = setInterval(function () { rotate() }, 2000); }
    function stopinterval() { clearInterval(interval); }

    startinterval();

    // increase div

    $(function () {
        $("#i-0").click(function () {
            $("#blocks div").stop();
            $("#block2-0")
		.animate({ height: "15px" }, 10)
		.animate({ width: "680px" }, 1000)
        .animate({ height: "185px" }, 1000);
            $("#block2-4").css({ width: "0px", height: "0px" });
            $("#block2-3").css({ width: "0px", height: "0px" });
            $("#block2-2").css({ width: "0px", height: "0px" });
            $("#block2-1").css({ width: "0px", height: "0px" });
            $("#block2-5").css({ width: "0px", height: "0px" });
        });
    });
    $(function () {
        $("#i-1").click(function () {
            $("#blocks div").stop();
            $("#block2-1")
		.animate({ height: "15px" }, 10)
		.animate({ width: "680px" }, 1000)
        .animate({ height: "185px" }, 1000);
            $("#block2-4").css({ width: "0px", height: "0px" });
            $("#block2-3").css({ width: "0px", height: "0px" });
            $("#block2-2").css({ width: "0px", height: "0px" });
            $("#block2-5").css({ width: "0px", height: "0px" });
            $("#block2-0").css({ width: "0px", height: "0px" });
        });
    });
    $(function () {
        $("#i-2").click(function () {
            $("#blocks div").stop();
            $("#block2-2")
		.animate({ height: "15px" }, 10)
		.animate({ width: "680px" }, 1000)
        .animate({ height: "185px" }, 1000);
            $("#block2-4").css({ width: "0px", height: "0px" });
            $("#block2-3").css({ width: "0px", height: "0px" });
            $("#block2-5").css({ width: "0px", height: "0px" });
            $("#block2-1").css({ width: "0px", height: "0px" });
            $("#block2-0").css({ width: "0px", height: "0px" });
        });
    });
    $(function () {
        $("#i-3").click(function () {
            $("#blocks div").stop();
            $("#block2-3")
		.animate({ height: "15px" }, 10)
		.animate({ width: "680px" }, 1000)
        .animate({ height: "185px" }, 1000);
            $("#block2-4").css({ width: "0px", height: "0px" });
            $("#block2-5").css({ width: "0px", height: "0px" });
            $("#block2-2").css({ width: "0px", height: "0px" });
            $("#block2-1").css({ width: "0px", height: "0px" });
            $("#block2-0").css({ width: "0px", height: "0px" });
        });
		
    });
	 $(function () {
        $(".close-bot").click(function () {
            $("#blocks div").stop();
            $("#blocks div").css({ width: "0px", height: "0px" });

        });
		
    });