var iImagesTotal = 4;
var i_current_social_index = 0


jQuery(document).ready(function(){
/*
    if ( $.browser.msie ) {
        var zIndexNumber = 1000;
	$('div').each(function() {
		$(this).css('zIndex', zIndexNumber);
		zIndexNumber -= 10;
	});
    }
*/
    
    jQuery('#loadercounter').html('0 van de ' + iImagesTotal);
    $.loadImages([images.s_layer1, images.s_layer2, images.s_layer3,images.s_layer4], ImagesLoaded ,Loaded)

    //SetCurrentSocial();
    setInterval( "SetCurrentSocial()", 5000 );
})
function SetCurrentSocial() {
    if($('#homesocialboard_message').length > 0)
    {
        $('#homesocialboard_picture img').attr('src',o_current_social.s_user_picture);
        $('#homesocialboard_message_inner').attr('href',o_current_social.s_link)
        $('#homesocialboard_message_inner').html(o_current_social.s_message);
        $('#homesocialboard_username').html(o_current_social.s_username);
    }
    
    if(i_current_social_index == 4)
        i_current_social_index = 0;
    else
        i_current_social_index++;
    o_current_social = social.twitter[i_current_social_index];
    
    $.loadImages([o_current_social.s_user_picture],fake,fake)
}
function fake() {

}
function Loaded(iCounter,iCurrentImage) {
    jQuery('#loadercounter').html(iCounter + ' van de ' + iImagesTotal);
}

function ImagesLoaded(aImages){
    // Insert the html into the parallax effect
    jQuery('#parallax').html('\
        <div id="layer4" class="layer" style="background:url('+images.s_layer4+')">\
        </div>\
        <div id="layer3" class="layer" style="background:url('+images.s_layer3+')">\
            <a style="z-index:2000" onclick="_gaq.push([\'_trackEvent\', \'boomgaardnavigatie\',\'contact/nieuwsbrief\']);" id="menu_item_link_38_highlight" name="menu_item_link_38_highlight" href="contact/nieuwsbrief"><div id="menu_item_link_38_highlight_inner"><div id="menu_item_link_38_highlight_inner_inner"></div></div></a>\
            <a style="z-index:2000" onclick="_gaq.push([\'_trackEvent\', \'boomgaardnaviegatie\',\'commercials\']);" id="menu_item_link_39_highlight" name="menu_item_link_39_highlight" href="commercials"><div id="menu_item_link_39_highlight_inner"><div id="menu_item_link_39_highlight_inner_inner"></div></div></a>\
        </div>\
        <div id="layer2" class="layer" style="background:url('+images.s_layer2+')">\
            <a style="z-index:2000" onclick="_gaq.push([\'_trackEvent\', \'boomgaardnavigatie\',\'alles-over-jillz\']);" id="menu_item_link_37_highlight" name="menu_item_link_37_highlight" href="alles-over-jillz"><div id="menu_item_link_37_highlight_inner"><div id="menu_item_link_37_highlight_inner_inner"></div></div></a>\\n\
            <div id="homesocialboard">\
                <div id="homesocialboard_message"><table cellspacing="0" cellpadding="0"><tr><td><a target="_blank" id="homesocialboard_message_inner" href="'+o_current_social.s_link+'">'+o_current_social.s_message+'</a></td></tr></table></div>\
                <div id="homesocialboard_picture"><img src="'+o_current_social.s_user_picture+'" /></div>\
                <div id="homesocialboard_username">'+o_current_social.s_username+'</div>\
                <a id="homesocialboard_link" href="'+s_web_root+'social\/twitter"></a>\
            </div>\
        </div>\
        <div id="layer1" class="layer" style="background:url('+images.s_layer1+')">\
        </div>\
    ');
    /*
    jQuery('#parallax').html('\
        <div id="layer4" class="layer" style="background:url('+images.s_layer4+')">\
        </div>\
        <div id="layer3" class="layer" style="background:url('+images.s_layer3+')">\
            <a style="z-index:2000" onclick="_gaq.push([\'_trackEvent\', \'boomgaardnavigatie\',\'contact/nieuwsbrief\']);" id="menu_item_link_38_highlight" name="menu_item_link_38_highlight" href="contact/nieuwsbrief"></a>\
            <a style="z-index:2000" onclick="_gaq.push([\'_trackEvent\', \'boomgaardnaviegatie\',\'commercials\']);" id="menu_item_link_39_highlight" name="menu_item_link_39_highlight" href="commercials"></a>\
            <a class="tooltip" style="z-index:2000;display:none;" id="ui-tooltip-commercials" name="ui-tooltip-commercials"></a>\
            <a class="tooltip" style="z-index:2000;display:none;" id="ui-tooltip-newsletter" name="ui-tooltip-newsletter"></a>\
        </div>\
        <div id="layer2" class="layer" style="background:url('+images.s_layer2+')">\
            <a class="tooltip" style="z-index:2000;display:none;" id="ui-tooltip-products" name="ui-tooltip-products"></a>\
            <a style="z-index:2000" onclick="_gaq.push([\'_trackEvent\', \'boomgaardnavigatie\',\'alles-over-jillz\']);" id="menu_item_link_37_highlight" name="menu_item_link_37_highlight" href="alles-over-jillz"></a>\
        </div>\
        <div id="layer1" class="layer" style="background:url('+images.s_layer1+')">\
        </div>\
    ');
    */

    // PRELOADER HERE
    jQuery('#parallax .layer').parallax({
        //decay: 0.94,
        mouseport: jQuery('#parallax'),
        //frameDuration : 50
        takeoverFactor : 0,
        takeoverThresh : 0,
        //linkExposesEdges : false
        yparallax : false
    });
                              

    jQuery( '#parallax .layer' ).trigger({ type: 'move',x: 0.57});

if (swfobject.hasFlashPlayerVersion("9") && !$.browser.msie)
{
     swfobject.embedSWF(
             s_web_root + "var/storage/parallax/home/btn_home_overJillz.swf"
            ,"menu_item_link_37_highlight_inner"
            ,"346"
            ,"283"
            ,"9"
            ,false
            ,{}
            ,{
                   align : "TL"
                  ,menu : false
                  ,wmode : 'transparent'
             }
      );

    swfobject.embedSWF(
             s_web_root + "var/storage/parallax/home/btn_home_nieuwsbrief.swf"
            ,"menu_item_link_38_highlight_inner"
            ,"171"
            ,"158"
            ,"9"
            ,false
            ,{}
            ,{
                   align : "TL"
                  ,menu : false
                  ,wmode : 'transparent'
             }
      );

     swfobject.embedSWF(
             s_web_root + "var/storage/parallax/home/btn_home_commercials.swf"
            ,"menu_item_link_39_highlight_inner"
            ,"208"
            ,"272"
            ,"9"
            ,false
            ,{}
            ,{
                   align : "TL"
                  ,menu : false
                  ,wmode : 'transparent'
             }
      );

}

    
    $('#menu_item_link_37_highlight_inner_inner').mouseenter(function(){
        $('#menu_item_link_37_highlight_inner_inner').className = 'active';
    })
    $('#menu_item_link_37_highlight').mouseleave(function(){
        $('#menu_item_link_37_highlight_inner_inner').className = '';
    })

    $('#menu_item_link_38_highlight_inner_inner').mouseenter(function(){
        $('#menu_item_link_38_highlight_inner_inner').className = 'active';
    })
    $('#menu_item_link_38_highlight').mouseleave(function(){
        $('#menu_item_link_38_highlight_inner_inner').className = '';
    })

    $('#menu_item_link_39_highlight_inner_inner').mouseenter(function(){
        $('#menu_item_link_39_highlight_inner_inner').className = 'active';
    })
    $('#menu_item_link_39_highlight').mouseleave(function(){
        $('#menu_item_link_39_highlight_inner_inner').className = '';
    })
}