// Digg Widget
(function(){
function generateDiggContent(obj,container){
  if(obj.stories){
    var ul = $('<ul/>')      
    var stories = obj.stories;
    $.each(stories, function(i,story){
        var hasThumb = (this.thumbnail && this.thumbnail.src);
        var liClass = hasThumb ? 'has-img' : 'no-img'; 
        var li = $('<li class="'+liClass+'">');
           if(this.href){
            var a = $('<a/>');
            a.attr('href', this.href);
            a.attr('class', 'digg-count');
            a.attr('target', '_blank');
            a.append(this.diggs+' <span>diggs</span>');
            li.append(a);
           }
           if(hasThumb){
			var thumbSrc =  (this.thumbnail && this.thumbnail.src) ?  this.thumbnail.src : 'http://www.chicagonow.com/images/transparent_spacer.gif';
            var img = $('<img/>');
            img.attr('src', thumbSrc);
            img.attr('alt', this.title);
            img.attr('width', '30');
            img.attr('height', '30');
            img.attr('class', 'digg-img');
            var aImg = $('<a/>');
            aImg.attr('href', this.href);
            aImg.attr('target', '_blank');
            aImg.append(img);
            li.append(aImg);
           }
           if(this.title){
            var h4 = $('<h4 class="digg-h4"/>');            
            var h4A = $('<a/>');
            h4A.attr('href', this.href+'?OTC-widget');
            h4A.attr('target', '_blank');
            h4A.append(this.title);
            h4.append(h4A);            
            li.append(h4);
          }    
          ul.append(li)
      });
	container.append(ul);
  }
  else {
  container.append('<p class="no-digg">No Digg articles can be found!</p>');
  }    
}
  $.fn.jsonpTabs = function(render, options) {
    var $this  = $(this);
    var tabs   = $this.find('.digg-tabs li a');
    var panels = {};
    var selectedTab;
    var counter = 0;
    var head = $('head').get(0);
    options = $.extend({
      first: 0
    }, options);
    tabs.parent().click(function() {
	var childThisHref = this.firstChild.href;
      // Create panel
      if (!panels[childThisHref]) {
        panels[childThisHref] = $('<div class="loading">').insertAfter($this.children('.digg-tabs'));
        var panel = panels[childThisHref];
        var callbackName = 'jsonpTabs'+counter++;
        var url = childThisHref.replace(/callback=[^&]+(&?)/, 'callback=' + callbackName + '$1');
        var scr; 
        setTimeout(function(){
          scr = document.createElement("script");
        	scr.type = "text/javascript";
        	scr.charset = "utf-8";
        	scr.src = url;
        	scr.id = callbackName;
          head.appendChild(scr);
        }, 0);
        window[callbackName] = function(result) {
          // Remove script
          setTimeout(function (){
            head.removeChild(scr)        
          }, 0);          
         //head.removeChild(scr);
          // Unset callback
          window[callbackName] = null;
          // Render panel
          generateDiggContent(result,panel);
          panel.removeClass('loading');
          panel.addClass('digg-content');
        };
      }
      // Hide panels
      $.each(panels, function(i, panel) {
        panel.hide();
      });
      // Deselect tab
      if (selectedTab) {
        selectedTab.removeClass('selected');
      }
      // Show panel
      panels[childThisHref].show();
      // Cache tab
      selectedTab = $(this);
      // Select tab
      selectedTab.addClass('selected');
      return false;
    });
    // Select initial tab
    $(tabs.get(options.first)).parent().click();
  };
  })();
// apply jsonpTab to #digg-wdgt

$(function(){
	$('#digg-wdgt').jsonpTabs();
});

// Retrieve stories from Digg, populate tabs
$(function(){
	var $articleTools = $('.articleTools:last');
	(function(){	
		var $socialTools = $('#contentTools .socialTools');
		if($socialTools.length){
		var $digg = $socialTools.find('.digg a');
		var diggUrl = $digg.attr('href').replace(/.*url=([^&]+)&?.*/,'$1');
		var digSrc= 'http://services.digg.com/stories/?link='+diggUrl+'&type=javascript&callback=?';
		jsonpCall(digSrc,'digg-script');
	}
	})();

	(function(){
		var tb1 = $("#tabChange1");
		var tb2 = $("#tabChange2");
		tb1.bind("click keydown keypress", function(){
		changeMultimediaTab(1);
		return false
		 });
		tb2.bind("click keydown keypress", function(){
		changeMultimediaTab(2);
		return false;		
		});	
		function changeMultimediaTab(num) {
			$("#tab1, #tab2").attr("class", "off");
			$("#tabContent1, #tabContent2").attr("class", "off");
			$("#tab"+num).attr("class", "");
			$("#tabContent"+num).attr("class", "");
		}
	})();
	
(function() {
	$('<div class="border3"></div>').insertBefore('ul#subMenu');
	$('<div class="border4"></div>').insertAfter('ul#subMenu');
	$('<div class="line2"></div>' +
			'<div class="hline line3"></div>' +
			'<div class="hline"></div>').insertBefore
			('div.menuBorder');
	$("a.toShare").click( function() {
		$("ul#subMenu,.border3,.border4").show({height:"show",opacity:"show"},"slow");
		return false;
	});
	$("#subMenu").hover(function() {}, function() {
		$("ul#subMenu,.border3,.border4").hide({opacity:1.0},4000).slideUp(800);
		return false;
	});
})();
});