var showRef = function() {
    var referenceOverlayConf = {expose: '#2C2C2C',close: ".reference-close",start: {width:215, absolute:true, top:30, left:30 }};
    
    var overlay = $(this).attr('rel');
    console.log(overlay);
    $(overlay).overlay(referenceOverlayConf).load();
}


function warnUsers() {
	if($.browser.msie && $.browser.version < 7) {
		$('body').prepend('<div style="padding: 0 10px 0 10px; background-color:yellow;font-weight: bold;font-size:1.5em; color: black; border-bottom: 1px solid black; text-align: center;">You are using an outdated and insecure internet browser which our site has not been made to support.  Sorry for any inconvenience. <br />We recommend using Firefox <a href="http://www.mozilla.com/en-US/?from=sfx&amp;uid=0&amp;t=456"><img src="http://sfx-images.mozilla.org/affiliates/Buttons/Firefox3.5/80x15_square_blue.png" border="0" /></a></div>');
	}
}



$(function() { 
    $('.overlay').insertAfter('#container-fp');
    
    var referenceOverlayConf = {expose: '#2C2C2C',close: ".reference-close"};
    
//    api = $("img[rel]").overlay(referenceOverlayConf);
//	api = $("img[rel]").click(showRef);


	warnUsers();

//	$('div[id^=referencePreview]').overlay({api:true, expose: '#2C2C2C',close: ".reference-close",start: {width:215, absolute:true, top:30, left:30 }});

$('img[rel]').overlay(referenceOverlayConf);
    
    // initialize scrollable  
    $("div.scrollable").scrollable({ 
        size: 3, 
        items: '.references-container',   
    	hoverClass: 'hover',
    	clickable: false    	
    });       
    
 	$("#all-twitter").tweet({
            username: ["mocdk","christianjul","revsbech"],
            count: 8,
            avatar_size: 40,  
            loading_text: "loading tweets...",
            join_text: "auto",            
            auto_join_text_default: "I said:",
            auto_join_text_ed: "I",
            auto_join_text_ing: "I was",
            auto_join_text_reply: "I replied to",
            auto_join_text_url: "I was checking out"            
        });      
    
    
 	$("#je-twitter").tweet({
            username: "revsbech",
            count: 3,
            loading_text: "loading tweets...",
            join_text: "auto",            
            auto_join_text_default: "I said:",
            auto_join_text_ed: "I",
            auto_join_text_ing: "I was ",
            auto_join_text_reply: "I replied to",
            auto_join_text_url: "I was checking out"            
        });      

	$("#twitter-placeholder").tweet({
            username: "mocdk",
            count: 3,
            loading_text: "loading tweets...",
            join_text: "auto",            
            auto_join_text_default: "we said:",
            auto_join_text_ed: "we",
            auto_join_text_ing: "we were",
            auto_join_text_reply: "we replied to",
            auto_join_text_url: "we were checking out"            
        });
 	
  
//        
});