var s_color1    = '';
var s_color2    = '';
var b_color2    = false;
//
function extraContent(b_isFirst){
    if(!b_isMobile){
        var i_numWidth = Math.ceil($(window).width()/210);
        var i_numHeight = Math.ceil($(window).height()/210);
        if(i_numWidth%2){i_numWidth += 1;}
        if(i_numHeight%2){ } else {i_numHeight += 1;}
        var i_numTotal = i_numWidth*i_numHeight;
        var i_numTotalNow = parseInt($('#extra').attr('totalTiles'));
        if(i_numTotal < i_numTotalNow){
            i_numTotal = 0;
        }
        if(i_numTotal > 0){
            var i_minWidth = i_numWidth*210;
            var i_minHeight = i_numHeight*210;
            $('#extra').css({
                'height':i_minHeight+'px',
                'width':i_minWidth+'px',
                'margin-top': '-'+(i_minHeight/2)+'px',
                'margin-left': '-'+(i_minWidth/2)+'px'
            });
            for(var i_tile=0; i_tile<i_numTotal; i_tile++){
                $('#extra').append('<div><h1></h1><h2></h2><h3></h3><h4></h4></div>');
            }
            $('#extra').attr('totalTiles',i_numTotal);
        }
        $('#main .t, #main .r, #main .b, #main .l').each(function(index){
            if($(this).width() > 200 && $(window).width() > $(this).width()){
                $(this).css('width',$(window).width()+'px');
            }
            if($(this).height() > 200 && $(window).height() > $(this).height()){
                $(this).css('height',$(window).height()+'px');
            }
        });
    }
    $('#extra div').css({
        'background-color':s_color2
    });
}
function changeTiles(b_isFirst){
    s_bgColor = randomColor();
    $('#main div .tile').each(function(index){
        if(b_isFirst){
            $(this).append('<h1></h1><h2></h2><h3></h3><h4></h4><div class="hover"></div>');
            $(this).attr({
                'start_width':$(this).width(),
                'start_height':$(this).height()
            });
        }
        s_color1 = randomColor();
        b_color2 = colorBW(s_color1.replace('#',''));
        if(b_color2){
            s_color2 = '#000000';
        } else {
            s_color2 = '#ffffff';
        }
        //
        $('img',this).each(function(index){
            if($(this).attr('extra_img') == 'zwartwit'){
                $(this).attr('src',$(this).attr('src').replace('_zwart.png','.png').replace('_wit.png','.png').replace('.png',(b_color2 ? '_zwart' : '_wit')+'.png'));
            }
        });
        //
        $('.backToHomeTiles span',this).each(function(index){
            $(this).css('background-image','url(styles/default/img/home_back_bg.php?c='+s_color1.replace('#','')+'&w='+ ($(this).attr('class') == 'logo' ? '84' : '37')+'&h=37'+')');
            var s_colorBth = randomColor();
            if($(this).attr('class') == 'logo'){
                $(this).append('<img src="styles/default/img/mid_logo_klein_'+(colorBW(s_color1.replace('#','')) == '' ? 'zwart' : 'wit' )+'.png" border="0" />');
            }
            $(this).css('background-color',s_colorBth);
        });
        //
        $(this).css({
            'background-color':s_color1,
            'color':s_color2
        });
        $('.hover',this).css({
            'background-color':s_color1
        });
        $('a',this).css({
            'color':s_color2
        });
        $('.p1, .p2, .img',this).css({
            'top':'0px',
            'bottom':'auto',
            'left':'0px',
            'right':'auto'
        });
        if($(this).parent().attr('class') == 'mid'){
            if(colorBW(s_color1.replace('#',''))){
                $('p',this).css('background-image','url(styles/default/img/mid_logo_zwart.png)');
            } else {
                $('p',this).css('background-image','url(styles/default/img/mid_logo_wit.png)');
            }
        }
        //
        if($(this).attr('tile_type') == 'image' || $(this).attr('tile_type') == 'video' || b_isMobile){
            var s_position = false;
        } else {
            var s_position = $(this).attr('tile_position');
            var s_setSizeTopBot1 = false;
            var s_setSizeTopBot2 = false;
            var s_setSizeLftRgt1 = false;
            var s_setSizeLftRgt2 = false;
        }
        if(s_position != undefined && s_position){
            var s_tileScale = $('.p1, .p2, .img',this).attr('tile_scale');
            //
            var b_setToDefaultTopBot = true;
            var b_setToDefaultLftRgt = true;
            //
            if(Math.floor(Math.random()*2) == 0 && s_tileScale != 'horizontal' || s_tileScale == 'vertical'){
                b_setToDefaultTopBot = false;
            }
            if(Math.floor(Math.random()*2) == 0 && s_tileScale != 'vertical' || s_tileScale == 'horizontal'){
                b_setToDefaultLftRgt = false;
            }
            //
            if(s_position.indexOf("t") > -1 || s_position.indexOf("b") > -1){
                s_setSizeTopBot1 = {
                    'height':(b_setToDefaultTopBot ? $(this).attr('start_height') : $(window).height())+'px',
                    'top':(s_position.indexOf("t") > -1 ? 'auto' : '0px'),
                    'bottom':(s_position.indexOf("t") > -1 ? '0px' : 'auto')
                };
                s_setSizeTopBot2 = {
                    'top':(s_position.indexOf("t") > -1 ? 'auto' : '0px'),
                    'bottom':(s_position.indexOf("t") > -1 ? '0px' : 'auto')
                };
            }
            if(s_position.indexOf("l") > -1 || s_position.indexOf("r") > -1){
                s_setSizeLftRgt1 = {
                    'width':(b_setToDefaultLftRgt ? $(this).attr('start_width') : $(window).width())+'px',
                    'left':(s_position.indexOf("l") > -1 ? 'auto' : '0px'),
                    'right':(s_position.indexOf("l") > -1 ? '0px' : 'auto')
                };
                s_setSizeLftRgt2 = {
                    'left':(s_position.indexOf("l") > -1 ? 'auto' : '0px'),
                    'right':(s_position.indexOf("l") > -1 ? '0px' : 'auto')
                };
            }
            //
            if(s_setSizeTopBot1){$(this).css(s_setSizeTopBot1);}
            if(s_setSizeTopBot2){$('.p1, .p2, .img',this).css(s_setSizeTopBot2);}
            if(s_setSizeLftRgt1){$(this).css(s_setSizeLftRgt1);}
            if(s_setSizeLftRgt2){$('.p1, .p2, .img',this).css(s_setSizeLftRgt2);}
        }
    });
    extraContent(b_isFirst);
    $('body').css('background-color',s_bgColor);
    $('#main h1, #main h2, #main h3, #main h4, #extra h1, #extra h2, #extra h3, #extra h4').css('background-image','url(styles/default/img/hoek.php?c='+s_bgColor.replace('#','')+')');
}
var s_bgColor = '';
$(window).resize(function() {
    extraContent(false);
});
$(document).ready(function(){
    $('body').append('<div id="extra" totalTiles="0"></div>');
    $('.prev, .next','#main div .tile .navi').html('');
    $('.prev, .next','#main div .tile .navi').mouseover(function(){
        $('#main div .tile .'+$(this).attr('class')+'Bg').css({
            'opacity':'0.2',
            'filter':'alpha(opacity=20)'
        });
    });
    $('.prev, .next','#main div .tile .navi').mouseout(function(){
        $('#main div .tile .'+$(this).attr('class')+'Bg').css({
            'opacity':'1',
            'filter':'alpha(opacity=100)'
        });
    });
    //
    $('#main .mid').click(function(){
        changeTiles(false);
    });
    //
    changeTiles(true);
    if(b_isMobile){
        var t = setTimeout("changeTiles(false)",5000);
    }
});