$(document).ready(function() {

    loadXmlDoc('/cms/video.xml');

});

function loadXmlDoc(xmlFile) {
    var xmlDoc;
    
    $.ajax({
        type: "GET",
        url: xmlFile,
        dataType: "xml",
        success: function(xml) {
            getThumbs(xml);
        }
    });
 
    return xmlDoc;
}

function setLeftReg(img) {
    img.src='/resources/images/photos_arrow_left_reg.jpg';
}
function setLeftHover(img) {
    img.src='/resources/images/photos_arrow_left_hov.jpg';
}
function setRightReg(img) {
    img.src='/resources/images/photos_arrow_right_reg.jpg';
}
function setRightHover(img) {
    img.src='/resources/images/photos_arrow_right_hov.jpg';
}

function getThumbs(xmlDoc) {
    var galleriesContainer = $('#content_thumbs');
    galleriesContainer.append('<a class="prevPage"><span  title="Previous Page"><img src="/resources/images/photos_arrow_left_reg.jpg" onmouseover="setLeftHover(this);" onmouseout="setLeftReg(this);" /></span></a>');
//    galleriesContainer.append('<a class="prev"><span title="Previous Column">&lt;</span></a>');
    galleriesContainer.append('<div class="scrollable"></div>');
//    galleriesContainer.append('<a class="next"><span title="Next Column">&gt;</span></a>');
    galleriesContainer.append('<a class="nextPage"><span title="Next Page"><img src="/resources/images/photos_arrow_right_reg.jpg" onmouseover="setRightHover(this);" onmouseout="setRightReg(this);" /></span></a>');
    galleriesContainer.append('<div class="clear_left"></div>');

    var scrollable = $('.scrollable');
    scrollable.append('<div class="items"></div>');
    
    var i = 0;
    var perItem = 9;
    $('movie', xmlDoc).each(function() {
    	if (i % perItem == 0) {
    	    $('.items').append('<div class="item"></div>');
    	}
    	
    	var movieSrc = $(this).attr('href');
    	var thumbnail = $(this).attr('thumbnail');
    	var tooltip = $(this).attr('tooltip');
    	
        var toAppend = '';
        toAppend += '<div><a href="javascript:fChangeVideo(\'' + movieSrc + '\');">';
        toAppend += '<img width="120" height="90" src="/resources/videogallery/' + thumbnail + '" title="' + tooltip + '">';
        toAppend += '</img>';
        toAppend += '</a></div>';
	
	$('.item:last').append(toAppend);
	
	i++;
    });
    
    $('.items').append('<div class="clear"></div>');
    
   
    // scrollable
    scrollable.scrollable({
        clickable: false,
        loop: true,
        size: 1
    });
	
}

function fChangeVideo(movieSrc) {
//alert('I am here:' + movieSrc + "; typeof=" + (typeof movieSrc));
//alert('before param value=' + $('#content_video').html());
//alert('before get attribute' + $('#changeParam').getAttribute('value'));
//alert('before embed src=' + $('#changeEmbed').attr('src'));
$('#changeParam').attr('value', movieSrc);
$('#changeEmbed').attr('src', movieSrc);
//alert('new param value=' + $('#changeParam').attr('value'));
//alert('new get attribute' + $('#changeParam').getAttribute('value'));
//alert('new embed src=' + $('#changeEmbed').attr('src'));
}