var appscripts = function()
{
	if($('file_revealer'))
	{
		$('file_revealer').observe('click', showFile, false);
	}

	$$('div.thumb_container img').each( function(elem) {
		elem.observe('click', changeImage, false);
	} );
	
	$$('a.video_delete').each( function(elem) {
		elem.observe('click', deleteVideo, false);
	} );
	
	$$('img.image_delete').each( function(elem) {
		elem.observe('click', deleteImage, false);
	} );
}

var deleteVideo = function(event)
{
	if(confirm("Are you sure that you want to delete this video?"))
	{	
		if( this.id.indexOf('youtube')!=-1)
		{
			$('innovation_edit-form_youtube').value='';
			this.up('form').submit();
		}
		else
		{
			new Ajax.Request('/image_delete/delete_video?vid_id=' + this.rel,
			{
				method:'get',
				onSuccess: function(transport)
				{
					var str = transport.responseText;	
					if(!str.blank())
					{
						$('video-delete').innerHTML = '<div class="no_image_msg">No video uploaded</div>';
					}  	
				},
				onFailure: function()
				{ 
					alert('Video could not be deleted');
				}
			}
			);	}
		}
}

var deleteImage = function( event )
{	
	if(confirm("Are you sure that you want to delete this image?"))
	{	
		new Ajax.Request('/image_delete/delete_image?img_id=' + this.id,
		  {
		    method:'get',
		    onSuccess: function(transport)
			{
				var str = transport.responseText;	
				if(!str.blank())
				{
					$(str).previous('img.row_image').remove();
					$(str).up('div.row-content').innerHTML = '<div class="no_image_msg">No image uploaded</div>';
				}  	
		    },
		    onFailure: function()
			{ 
				alert('image could not be deleted');
			}
		  });
		
		//this.previous('img.row_image').remove();
	}
}


var changeImage = function( event )
{
	var img = event.element();
	if($('main_img'))
	{
		var thumb_arr = img.src.split('/');
		var main_arr = $('main_img').src.split('/');
	
		main_arr[main_arr.size() - 4] = thumb_arr[thumb_arr.size() - 4];
		var str = main_arr.toString().replace( /,/g , '/');

		$('main_img').src = str;
		highlight_thumb(img.up('div'));
	}
	
	event.stop();
}


function highlight_thumb(thumb)
{
	$$('div.thumb_container').each( function(elem) {
		elem.removeClassName('selected');		
	} );
	thumb.addClassName('selected');
}



var showFile = function( event )
{
	var cont = $('file_revealer').up('div');
	var div = cont.next('div.file_hide');
	div.removeClassName('file_hide');
}


document.observe('dom:loaded', appscripts, false);