/**
select an image to be selected
id: filmstrip to update
value: image ID/value
*/
function selectFilmStripImage(id, value)
{
    $$('ul#'+id+'_list img').each(
        function(item)
        {
        item.firstChild
        item.className='';
        }
    );
    $(id).value=value;
    $(value).className='selected';
}

/**
switch between the range of advert images
*/
function updateAdvertImages(val)
{
    if (val=='double'){
        Element.hide('fold_img_single_container');
    	Element.show('fold_img_left_container');
    	Element.show('fold_img_right_container');
    }else
    {
        Element.show('fold_img_single_container');
        Element.hide('fold_img_left_container');
        Element.hide('fold_img_right_container');        
    }
}

function validateForm()
{
    args = new Array('headline','main_img','mast_img');
    msgs = new Array('a headline image','main image','a masthead image');
    document.isValidated = true;
    args.each(
        function (el, index){
            if (!$F(el))
            {
                prev = $(el).previousSiblings();
                alert('You need to select '+msgs[index]+'!');
                document.isValidated =  false;
            }
        }
    )
    
    if (!$F('fold_img_single') && !($F('fold_img_left') && $F('fold_img_right')) )
    {
        alert('You need to select advert images!');
        document.isValidated =  false;
    }
    return document.isValidated;
}

function mailmakerPreview()
{
    if (validateForm()){
	$('btnSave').disabled=true;

	$('imgPreview').src='/lib/mailmaker/loading.gif';
	new Ajax.Request(
			'/lib/mailmaker/preview.php', 
			{
				method: 'get', 
				parameters: Form.serialize('mailmaker'),
				onComplete: function(originalRequest){
				    $('imgPreview').src = '/lib/mailmaker/'+originalRequest.responseText;
//				    $('feedback').innerHTML=Form.serialize('mailmaker');
				    $('btnSave').disabled=false;

				}
			});
    }
}

function mailmakerSave()
{
new Ajax.Updater('feedback',
			'/lib/mailmaker/save.php',
			{
				method: 'get', 
				parameters: Form.serialize('mailmaker'),
				onComplete: function(originalRequest){
				    	$('btnSave').disabled=false;

				}
			});
}