var root = "http://www.klompsbouw.nl";

// JavaScript Document
$(document).ready(function(){

    $('h1').html('<a href="'+root+'"><img id="logo" src="http://klompsbouw.nl/images/logo.png" width="311" height="120" alt="Klomps Bouw Nederland bv" title="Klomps Bouw Nederland bv" /></a>');


    //top_foto cycle
    $(".cycle").cycle({
        timeout: 4000,
        speed: 3000
    });

    $('.cycle_menu').cycle({
        fx:     	'fade',
        speed: 	3000,
        prev:   	'#prev1',
        next:   	'#next1',
        timeout: 	4000
    });

	var menuCycle = $('.cycle_buttons_0').html();
    $('.cycle_buttons_1').html(menuCycle);
	$('.cycle_buttons_2').html(menuCycle);


    $('.cycle_buttons_0 .menu0').cycle({
        fx:     'scrollHorz',
        startingSlide: 0,
        prev:   '#prev1',
        next:   '#next1',
        cleartype:     $.support.opacity,
        timeout: 4000
    });

    $('.cycle_buttons_1 .menu0').cycle({
        fx:     'scrollHorz',
        startingSlide: 1,
        prev:   '#prev1',
        next:   '#next1',
        cleartype:     $.support.opacity,
        timeout: 4000
    });

    $('.cycle_buttons_2 .menu0').cycle({
        fx:     'scrollHorz',
        startingSlide: 2,
        prev:   '#prev1',
        next:   '#next1',
        cleartype:     $.support.opacity,
        timeout: 4000
    });


    $('.menu0, #prev1, #next1').mouseover(function(){
        $('#prev1, #next1').css('display','block');
        $('.cycle_buttons_0 .menu0').cycle('pause');
        $('.cycle_buttons_1 .menu0').cycle('pause');
        $('.cycle_buttons_2 .menu0').cycle('pause');
        $('.cycle_menu').cycle('pause');
    });

    $('.menu0, #prev1, #next1').mouseleave(function(){
        $('#prev1, #next1').css('display','none');
        $('.cycle_buttons_0 .menu0').cycle('resume');
        $('.cycle_buttons_1 .menu0').cycle('resume');
        $('.cycle_buttons_2 .menu0').cycle('resume');
        $('.cycle_menu').cycle('resume');
    });


    $('.actueel_container').cycle({
        fx:     'scrollHorz',
        pager:  '.actueel_pages',
        speed:   500,
        timeout: 0
    });

    var eltNr = $('.pagenr').attr('rel');
    var pageNr = 0;
    if(eltNr > 2){
        pageNr = Math.ceil(eltNr/4)-1;
    }

    //alert(pageNr);
    $('.ref_container').cycle({
        fx:     'scrollHorz',
        startingSlide: pageNr,
        pager:  '.ref_pages',
        speed:   500,
        timeout: 0
    });

    $('.vacatures_container').cycle({
        fx:     'scrollHorz',
        pager:  '.vacatures_pages',
        speed:   500,
        timeout: 0
    });

    $(document).pngFix();
    externalLinks();
    kontaktForm();

});


function externalLinks() {
    if (!document.getElementsByTagName) return;
    var anchors = document.getElementsByTagName("a");
    for (var i=0; i < anchors.length; i++) {
        var anchor = anchors[i];
        if (anchor.getAttribute("href") && anchor.getAttribute("rel") == "extern"){
            anchor.target = "_blank";
        }else
        if (anchor.getAttribute("rel") == "extern_maps"){
            anchor.target = "_blank";
            anchor.href = "";/*Google maps link:  Has to be altered for each site*/
        }
    }
}


function kontaktForm(){

    $('#via').change(function(){
        var via = $('#via').val();

        switch (via) {
            case 'Empfehlung':
                $('.viaUrl').hide();
                $('.empfehlungVon').show();
                break;
            case 'Verlinkung von einer anderen Seite':
                $('.empfehlungVon').hide();
                $('.viaUrl').show();
                break;
            default :
                $('.empfehlungVon, .viaUrl').hide();

        }

    //alert(via);
    });


}


/* $(".cycle_buttons .menu0").carouFredSel({
        auto                : true,
        delay				: 200,
        items               : 5,
        direction           : "left",
        scroll : {
            items           : 1,
            effect          : "easeOutBounce",
            duration        : 2000,
            pauseOnHover    : true
        },
        prev : {
            button      : "#prev1",
            key         : "left"
        },
        next : {
            button      : "#next1",
            key         : "right"
        }
    });*/