$(document).ready(function() 
{
   var placeholder = $('#pagetools');
    
    var c = '<span id="clip_placeholder">';
    c+='<a href="javascript:clips.show()" id="clip_action"><img align="absbottom" src="/media/icon_clip.gif" border="0" />'+ clips.lang('Clip') +'</a>';
    c+='</span>';
    placeholder.append(c);

});

var clips = {'items':[]};

clips.lang = function (msg)
{
  if(LANG[msg] != '') return LANG[msg];
  return msg;
}
clips.show = function()
{
  var p = $('#icons').offset();
  clips.load();
  $('#clip_panel').show();
  $('#add_clip_field').focus();
  $('#add_clip_field').val(CURRENT_PAGE_NAME);

  $('#clip_panel').css({ top: (p.top + 24) +'px', left: (p.left - 82) +'px' });
  
}
clips.hide = function()
{
  $('#clip_panel').hide();
}
clips.add = function()
{
  for(var i=0; i < clips.items.length; i++)
  {
      if(clips.items[i]['id'] == CURRENT_PAGE_ID) return;
  }
  clips.items.push({'id':CURRENT_PAGE_ID,'name':CURRENT_PAGE_NAME});
  clips.save();
  clips.render();
}
clips.remove = function(id)
{
  var nc = [];
  for(var i=0; i < clips.items.length; i++)
  {
      if(clips.items[i]['id'] == id) continue;
      nc.push(clips.items[i]);
  }
  clips.items = nc;
  clips.save();
  clips.render();
}

clips.render = function()
{
  var c = '<table width="100%">';
  for(var i=0; i < clips.items.length; i++)
  {
      c+='<tr>';
      c+='<td width="20"><input type="checkbox" checked id="clip_'+ clips.items[i]['id'] +'"></td>';
      c+='<td>'+ clips.items[i]['name'] +'</td>';
      c+='<td width="20"><a class="rem" href="javascript:clips.remove('+ clips.items[i]['id'] +')">[x]</a></td>';
      c+='</tr>';
  }
  c+='</table>';
  $('#clip_list').html(c);
}

clips.readCookie =function(name) 
{
	var nameEQ = name + "=";
	var ca = document.cookie.split(';');
	for(var i=0;i < ca.length;i++) {
		var c = ca[i];
		while (c.charAt(0)==' ') c = c.substring(1,c.length);
		if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
	}
	return null;
}

clips.load = function()
{
  var data = clips.readCookie('clips_data'); 
  if(!data) return;
  data = data.split(':#:');
  clips.items = [];
  for(var i=0; i < data.length; i++)
  {
      var item = data[i].split(':x:');
      clips.items.push({'id':item[0],'name':item[1]});
  }
  clips.render();
}


clips.save = function()
{
  var data= [];
  for(var i=0; i < clips.items.length; i++)
  {
     data.push( clips.items[i]['id'] +':x:'+ clips.items[i]['name'] );
  }
  var name= 'clips_data';
  var value = data.join(':#:');
  var date = new Date();
  date.setTime(date.getTime()+(300*24*60*60*1000));
  var expires = "; expires="+date.toGMTString();
  document.cookie = name+"="+value+expires+"; path=/";
}

clips.print_url = function()
{
  var id = [];
  for(var i=0; i < clips.items.length; i++)
  {
     var c = document.getElementById('clip_'+ clips.items[i]['id']);
     if(!c.checked) continue;
     id.push( clips.items[i]['id'] ); 
  }
  if(id.length == 0 ) return;

  var u = document.location.href;
  if(u.indexOf('#') > 0)
  {
    u = u.split('#');
    u = u[0];
  }
    
  u += (u.indexOf('?') >0)? '&':'?';
  u += 'alttemplate=print_clips&pages='+ id.join();
  return u;
}

clips.print = function()
{
  var u = clips.print_url();
  var w = window.open(u,'print','width=850,height=880,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,copyhistory=no');
  w.focus(); 
  
}
clips.pdf = function()
{
    var u = clips.print_url();
    var title = 'clips';
    var p = '/umbraco/plugins/pdf/export.aspx';
    p+='?title='+ escape(title);
    p+='&url='+ escape(u);
    document.location.href=p;
}