var increasingImage;
var decreasingImage;
var currentParent;

//Accepts the focused div object and expands its width
function Increase(){
    if((increasingImage.width < '150') && (increasingImage != decreasingImage)){
        var sizeJump = increasingImage.width * 1.03;
        increasingImage.width = sizeJump;
        window.setTimeout(Increase, 10);
        }
    }
    
function Decrease(){
    if(decreasingImage.width > '100'){
        var sizeJump = decreasingImage.width * 0.97;
        decreasingImage.width = sizeJump;
        window.setTimeout(Decrease, 10);
        }
    }
    
function Expand(me){
    var images = document.getElementsByClassName('images');
    increasingImage = me;
       	    
	for (var a = 0; a < images.length; a++)
	    if ((images[a] != increasingImage) && (images[a].style.width > 100))
	        images[a].style.width = 100;

    Increase();
    document.getElementById('VideoName').innerHTML = me.alt;
    document.getElementById('VideoName').style.display = 'block';
    }
    
//Accepts the unfocusing div object and re-condenses its width
function Condense(me){
    decreasingImage = me;
    //Decrease();
    decreasingImage.width = '100';
    document.getElementById('VideoName').innerHTML = '';
    document.getElementById('VideoName').style.display = 'none';
    }
    
function ClearIncreasing(){
    increasingImage = 1;
}

function CreateClasses(){
    if (document.getElementsByClassName == undefined) {
        document.getElementsByClassName = function(className)
        {
	        var hasClassName = new RegExp("(?:^|\\s)" + className + "(?:$|\\s)");
	        var allElements = document.getElementsByTagName("*");
	        var results = [];

	        var element;
	        for (var i = 0; (element = allElements[i]) != null; i++) {
		        var elementClass = element.className;
		        if (elementClass && elementClass.indexOf(className) != -1 && hasClassName.test(elementClass))
			        results.push(element);
	        }

	        return results;
        }
    }
}

CreateClasses();