var WIDGETS={bebo:{id:'bebo',title:'Bebo',url:'./bebo.html?'+(new Date()).getTime(),height:'327px',removable:true,movable:true,header:true},breakingnews:{id:'breakingnews',title:'Breaking news',url:'./breakingnews.html?'+(new Date()).getTime(),height:'327px',removable:true,movable:true,header:true},explore:{id:'explore',title:'Explore',url:'./explore.html?'+(new Date()).getTime(),height:'227px',removable:true,movable:true,header:true},ebay:{id:'ebay',title:'eBay',url:'./ebay.html?'+(new Date()).getTime(),height:'327px',removable:true,movable:true,header:true},youtube:{id:'youtube',title:'YouTube',url:'./youtube.html?'+(new Date()).getTime(),height:'410px',removable:true,movable:true,header:true},hotmail:{id:'hotmail',title:'Hotmail',url:'./hotmail.html?'+(new Date()).getTime(),height:'327px',removable:true,movable:true,header:true},adone:{id:'adone',title:'Ad',url:'./ad1.html?'+(new Date()).getTime(),height:'354px',removable:false,movable:false,header:false},adtwo:{id:'adtwo',title:'Ad',url:'./ad2.html?'+(new Date()).getTime(),height:'354px',removable:false,movable:false,header:false},facebook:{id:'facebook',title:'Facebook',url:'./facebook.html?'+(new Date()).getTime(),height:'212px',removable:true,movable:true,header:true},googlesearch:{id:'googlesearch',title:'Google',url:'./googlesearch.html?'+(new Date()).getTime(),height:'137px',removable:true,movable:true,header:true},meteornews:{id:'meteornews',title:'Meteor news',url:'./meteornews.html?'+(new Date()).getTime(),height:'150px',removable:true,movable:true,header:true}}
var DEFAULT_LAYOUT='googlesearch,hotmail,explore,bebo|facebook,youtube,breakingnews|meteornews,adtwo,adone,ebay';var COOKIE_NAME='widget_layout';var COOKIE_OPTIONS={}
function markupForWidget(widget){return' \
  <div id="'+widget.id+'" class="widget"><div class="widget-inner" '+(widget.header?'':'style="padding-top:11px"')+'> \
   <div class="header" style="display: '+(widget.header?'block':'none')+'"> \
    <h2 '+(widget.movable?'class="handle"':'')+'>'+widget.title+'</h2> \
    <a href="#" class="reload" rel="'+widget.id+'_iframe">reload</a>'+
(widget.movable?'<a class="handle" href="#">move</a>':'')+
(widget.removable?'<a href="#" class="remove">remove</a>':'')+' \
   </div> \
    <div class="iframe_container" style="height: '+widget.height+'"> \
     <iframe name="'+widget.id+'_iframe" src="'+widget.url+'" width="100%" height="100%" scrolling="no" frameborder="0"></iframe> \
   </div> \
  </div></div>'}
function saveLayout(){var widgets=[];for(var i=0;i<3;i++){var rows=[];var divs=document.getElementById('column'+i).getElementsByTagName('div');for(var j=0;j<divs.length;j++)
if(divs[j].className=='widget')
rows.push(divs[j].id);widgets.push(rows.join(','));}
jQuery.cookie(COOKIE_NAME,widgets.join('|'),COOKIE_OPTIONS);}
function reloadFrames(){var userAgent=navigator.userAgent;if(userAgent==null||userAgent.indexOf('Firefox/')==-1)
return;var iframes=document.getElementsByTagName('iframe');for(var i=iframes.length;i--;){if(/#$/.test(iframes[i].src))
iframes[i].src=iframes[i].src.substr(0,iframes[i].src.length-1);else
iframes[i].src=iframes[i].src+'#';}}
jQuery(document).ready(function(){var TEST_COOKIE='test_cookie';jQuery.cookie(TEST_COOKIE,true);if(jQuery.cookie(TEST_COOKIE))
jQuery.cookie(TEST_COOKIE,null);else
alert('Cookies are currently disabled on your computer, which will result in this page not working correctly. Please enabled cookies to take full advantage of this page.');jQuery('#reset').click(function(){jQuery('#widgets .column').empty();var widgetLayout=DEFAULT_LAYOUT;jQuery.each(widgetLayout.split('|'),function(i,col){if(/^\s*$/.test(col))return;var column=jQuery('#column'+i);var html="";jQuery.each(col.split(','),function(j,row){if(markupForWidget(WIDGETS[row])==null)
return true;html+=markupForWidget(WIDGETS[row]);jQuery('#'+WIDGETS[row].id+'_checkbox').attr('checked',true);});column.append(html);});saveLayout();});jQuery.each(WIDGETS,function(i,widget){var html="";if(widget.removable)
html+='<li><input type="checkbox" id="'+widget.id+'_checkbox" rel="'+widget.id+'"/><label for="'+widget.id+'_checkbox">'+widget.title+'</label></li>';jQuery('#available_widgets ul').append(html);});jQuery('#available_widgets input[type=checkbox]').click(function(){if(jQuery(this).is(':checked')){var shortestColumn,shortestColumnHeight=9999999;jQuery('#widgets .column').each(function(i){var column=jQuery(this);if(column.height()<shortestColumnHeight){shortestColumn=column;shortestColumnHeight=column.height();}})
shortestColumn.height('auto').prepend(markupForWidget(WIDGETS[jQuery(this).attr('rel')]));}
else
jQuery('#'+jQuery(this).attr('rel')).remove();saveLayout();});jQuery('#available_widgets a').click(function(){jQuery(this).next().slideToggle(300);return false;});var widgetLayout=jQuery.cookie(COOKIE_NAME);if(widgetLayout==null)
widgetLayout=DEFAULT_LAYOUT;jQuery.each(widgetLayout.split('|'),function(i,col){var column=jQuery('#column'+i);var html="";if(!/^\s*$/.test(col)){jQuery.each(col.split(','),function(j,row){if(WIDGETS[row]==null)
return true;html+=markupForWidget(WIDGETS[row]);jQuery('#'+WIDGETS[row].id+'_checkbox').attr('checked',true);});}
column.append(html);});var max=0;jQuery('#widgets .column').each(function(){max=Math.max(max,jQuery(this).height('auto').height());});jQuery('#widgets .column').height(max+50);saveLayout();setTimeout('reloadFrames()',0);jQuery('.header .remove').livequery('click',function(event){var widget=jQuery(this).parent().parent().parent();jQuery('#'+widget.attr('id')+'_checkbox').attr('checked',false);widget.remove();saveLayout();return false;});jQuery('.header .reload').livequery('click',function(event){self.frames[jQuery(this).attr('rel')].location.reload();return false;});jQuery('#widgets .column').each(function(){jQuery(this).sortable({items:'.widget',tolerance:'pointer',placeholder:'placeholder',forcePlaceholderSize:true,handle:'.handle',helper:'clone',scroll:true,connectWith:jQuery.map(jQuery(this).siblings('#widget .column'),function(n){return'#'+n.id;}),start:function(event,ui){jQuery('iframe').hide();},stop:function(event,ui){var max=0;jQuery('#widgets .column').each(function(){max=Math.max(max,jQuery(this).height('auto').height());});jQuery('#widgets .column').height(max+50);jQuery('iframe').show()
saveLayout();}}).disableSelection();});});
