/*
Created By: Damaris Zarco 
Last Modified By: Greg Hansen 5/21/10
*/

/*SLIDING BANNER
VARIABLES TO MODIFY:
TIME: for the timing between each transition
TRANSITION: the kind of transition between each slide. These are the available transitions:
*  blindX
* blindY
* blindZ
* cover
* curtainX
* curtainY
* fade
* fadeZoom
* growX
* growY
* scrollUp
* scrollDown
* scrollLeft
* scrollRight
* scrollHorz
* scrollVert
* shuffle
* slideX
* slideY
* toss
* turnUp
* turnDown
* turnLeft
* turnRight
* uncover
* wipe
* zoom
Current Transition: fade
*/
var images = [];
var time = 10000;
var transition = "fade";
var bannerIsLoaded = false;

$(document).ready(function() {
    if (bannerIsLoaded == false) {
        doAjax();
    }
});


function doAjax() {
    $.ajax({
        url: "scripts/currentXML.xml",
        type: "GET",
        dataType: "xml",
        error: function() {
            alert("An error occurred while loading XML file");
        },
        success: function(xml) {
            xmlDoc = $(xml);
            $(xml).find('highlight').each(function() {

                //create the array of images
                var image = $(this).attr('imgName');
                images[images.length] = image;

                var div = $('<div></div>')
                //.prependTo("#divJSBanner");
                .addClass("itemWrapper")
                .appendTo("#divJSBanner");
    
                var overlay = $('<div></div>')
                .attr("id", "divJSText")
                .appendTo(div);
                
                var cap = $('<div></div>')
                .attr("id", "caption")
                .addClass("caption")
                .html($(this).attr('title'))
                .appendTo(overlay);

                 if ($(this).find('subtitle').text().length >= 1) {
                    var subtitle = $('<div></div>')
                    .attr("id", "subtitle")
                    .addClass("subtitle")
                    .html($(this).find('subtitle').text());
                    subtitle.appendTo(overlay);
                }

                var desc = $('<div></div>')
                .attr("id", "description")
                .addClass("description")
                .html($(this).find('description').text())
                .appendTo(overlay);

                var learnMore = $('<a></a>')
                .attr("href", $(this).find('url').text())
                .attr("class", "learnMore")
                .appendTo(overlay);
				
				if ($(this).attr('title').length >= 24) {
					learnMore.css({ position: 'absolute',top:'217px'});
				}
				
                var link = $('<a></a>')
                .attr("href", $(this).find('url').text())
                .appendTo(div);

                var newImg = $('<img></img>')
                .attr("src", "images/banner/" + image)
                .attr("class", "image")
                .appendTo($(link));
            }); //xml
    
            //TRANSITIONS
            $('#divJSBanner')
                .cycle({
                    fx: transition,
                    speed: 'slow',
                    timeout: time,
                    pager: '#navigation'
                }); //cycle
                

        }
    });           //close $.ajax(
}