document.observe('dom:loaded', setUp);

function setUp(){
	
	//Display link names on main page.
	$$('.main-link').each(function(element){
		element.observe('mouseover', linkNameDisplay);
		element.observe('mouseout', linkNameRemove);
	});
	
	//Handle back buttons
	$$('.back').each(function(element){
		element.observe('click', function(){history.back()});
	});
	
	//Create Carousel
	new YAHOO.extension.Carousel("carousel1", {
		prevButtonStateHandler: handlePrevButtonState,
		nextButtonStateHandler: handleNextButtonState,
		prevElement:            'carousel1-prev',
		nextElement:            'carousel1-next',
		numVisible:             3,
		animationSpeed:         0.5,
		scrollInc:              3,
		navMargin:              20,
		size:                   $$('#carousel1 .carousel-list li').length
	});
	
	//Display Carousel links in new window
	$$('.carousel-list li a').each(function(element){
		element.observe('click', function(e){
			e.stop();
			window.open(this.href, null, 'height=700,width=700');
		});
	});
	
}

//Show link names
function linkNameDisplay(){
	$('link-name').update(this.down('img').readAttribute('alt'));
}

//Hide link names
function linkNameRemove(){
	$('link-name').update('');
}

//YUI 
function handlePrevButtonState(type, args) {
    toggleButtonState(args[0], args[1], 'left');
}

function handleNextButtonState(type, args) {
    toggleButtonState(args[0], args[1], 'right');
}

function toggleButtonState(enabling, img, src) {
    var toggle;

    if(enabling) {
        img.removeClassName('disabled');
        toggle = 1;
    }
    else {
        img.addClassName('disabled');
        toggle = 0.3;
    }
    
    $(img).setOpacity(toggle);
}

function preview(LPTemplateID) {
    $('LPTemplateID').setValue(LPTemplateID);
    
    //iframe rendering not ready yet
    //$('rendered-template').src = '../LPTemplatePreview.asp?L=0&LPTemplateID=' + LPTemplateID;
    
    var preview = $('carousel-preview').hide();
    //YAHOO.page.container.wait.show();
    
    new Ajax.Updater('carousel-placeholder', 'LPTemplatePreview.asp?LPTemplateID=' + LPTemplateID, {
        evalScripts: true,
        onComplete: function(){
            preview.show();
            //YAHOO.page.container.wait.hide();
        }//.delay(0.6)
    });

    return false;
}

function rollover(over, btn) {
    if(this.hasClassName('disabled')) return;
    
    if(over) {
        this.src = 'images/' + btn + '-enabled-on.gif';
    }
    else {
        this.src = this._src;
    }
}