var rotate_t = 0;

function update_view(element, update)
{
  var url = element.href
  
  var myRequest = new Request(
      {method: 'post', 
      url: url,
      onRequest: gal_showCommentsIndicator(update),
      onSuccess: function(transport)
      {
          response = transport || "Fail";
          $(update).innerHTML = response;
      }}).send();
}

function gal_showCommentsIndicator(elementID)
{
     var h = $(elementID).getStyle('height');
     $(elementID).innerHTML = '<img src="/img/ajax-loader.gif" style="border:none;">';
     $(elementID).setStyle('min-height',h);
}

function ajax_rotate(id)
{
  var url = '/media_galleries/rotate/';
  var params = "?data[MediaItem][id]=" + id;
        params += "&data[MediaItem][angle]="+ rotate_t;

  var myRequest = new Request(
      {method: 'post', 
      url: url+params,

      onSuccess: function(transport)
      {
          
      }}).send();
}

function delete_item(id, link)
{
  var rs = confirm('Are you sure?');
  if(rs)
  {
      var url = link.href
      var params = "?data[MediaItem][id]=" + id;
      var myRequest = new Request(
          {method: 'post', 
          url: url+params,
          onSuccess: function(transport)
          {
              response = transport || "Fail";

          }}).send();
      return true;    
  }
  else
      return false;
}

function rotate(id, p_deg)
{
  rotate_t = parseInt($('angle'+id).value);
  rotate_t = rotate_t + parseInt(p_deg); 
  
  if(rotate_t > 270) rotate_t = 0;
  if(rotate_t < -90) rotate_t = 180;
  $('angle'+id).value = rotate_t;
  
  if(document.getElementById('canvas'+id))
  {
    image = document.getElementById('image'+id);
    canvas = document.getElementById('canvas'+id);
    canvas.style.display = 'block';
    image.style.visibility = 'hidden';
    image.style.position = 'absolute';
    
    var canvasContext = canvas.getContext('2d');
    
    switch(rotate_t) 
    {
   		
   		case 90 :
   		  canvas.setAttribute('width', image.height);
   		  canvas.setAttribute('height', image.width);
   		  canvasContext.rotate(-90 * Math.PI / 180);
          canvasContext.drawImage(image, -image.width, 0);
   		  break;
   		case 180 :
   		  canvas.setAttribute('width', image.width);
   		  canvas.setAttribute('height', image.height);
   	      canvasContext.rotate(rotate_t * Math.PI / 180);
   		  canvasContext.drawImage(image, -image.width, -image.height);
   		  break;
   		case 270 :
   		case -90 :
   		  canvas.setAttribute('width', image.height);
   		  canvas.setAttribute('height', image.width);
   		  canvasContext.rotate(90 * Math.PI / 180);
   		  canvasContext.drawImage(image, 0, -image.height);
  		  break;
        default :
   	    case 0 :
          canvas.setAttribute('width', image.width);
   		  canvas.setAttribute('height', image.height);
   		  canvasContext.rotate(rotate_t * Math.PI / 180);
   		  canvasContext.drawImage(image, 0, 0);
   		  break;
    }
   		
  } 
  else
  {
  	var image = document.getElementById('image'+id);
  	switch(direction) 
    {
  	default :
    case 0 :
      image.style.filter = 'progid:DXImageTransform.Microsoft.BasicImage(rotation=0)';
      break;
    case 90 :
      image.style.filter = 'progid:DXImageTransform.Microsoft.BasicImage(rotation=3)';
      break;
    case 180 :
      image.style.filter = 'progid:DXImageTransform.Microsoft.BasicImage(rotation=2)';
      break;
    case 270 :
    case -90 :
      image.style.filter = 'progid:DXImageTransform.Microsoft.BasicImage(rotation=1)';
      break;
    }
   		
  }
 /*if(rotate_t != 0)
    ajax_rotate(id);*/
}

function rotate_this(id, p_deg) 
{
    $('image_id').value = id;
    $('p_deg').value = p_deg;
    $('rotate_form').submit();
}

function load_video(video_id, upload_path, entity_id, entity_type)
{
    var url = '/media_galleries/load_video/'+video_id;

    var myRequest = new Request(
      {method: 'post',
       url: url,
      data: {'data[entity_id]': entity_id,
      'data[entity_type]': entity_type},       
      onSuccess: function(transport)
      {
          response = transport || "Fail";
              
          $('movie_title').innerHTML = response;
          
          var s1 = new SWFObject('/player.swf','ply','333','264','9','#ffffff');
          s1.addParam('enablejs','true');
          //s1.addParam('vmode', 'transparent');
          //s1.addParam("wmode", "transparent");
          s1.addVariable('file', escape(upload_path+video_id+'.flv'));
	  s1.addVariable('allowFullScreen','true');
	  s1.addParam('allowfullscreen','true');
          s1.addVariable('type', 'flv');
          s1.addVariable('autostart', 'true');
          /*s1.addVariable('autostart','true');*/
          //s1.addVariable('vmode', 'transparent');
          s1.write('movie');
      },
      evalScripts: true}).send();
}

function set_now_playing(video_id)
{
    current_id = $('current_video').value;
    $('current_video').value = video_id;
    
    if($('now_playing_'+current_id) != null) $('now_playing_'+current_id).innerHTML = '';
    $('now_playing_'+video_id).innerHTML = '< Now Playing';
}

function load_other_videos(element, gallery_id, update)
{
  var url = element.href;

  var myRequest = new Request(
      {method: 'post', 
      url: url,
      data: {'data[gallery_id]': gallery_id,
        'data[current_video]': $('current_video').value,
      'data[location]': $('current_action').value},
      onSuccess: function(transport)
      {
          response = transport || "Fail";
          
          $(update).innerHTML = response;
      }}).send();
}