var numLetters = 0;
var numChoices = 5;
var imageDirectory = "images/letters/";
var imageSize = "70";
var transitionTime = 4000;
var isHomepage = false;

function getImageLetters() {

    numLetters =  $("[id^=letter]").css("cursor","pointer").click( onLetterClick ).size();
    
    var address = location.href;
    var pageIndex = address.indexOf(".com") + 5;
    if( address.substring(pageIndex) == "" || address.substring(pageIndex) == "index.php" )
    	isHomepage = true;
    
    showLetter(1);
}


function showLetter( index ) {

    if( index < numLetters ) {
        var imageSrc = imageDirectory + $("#letter" + index).attr("letter") + getImageNumber() + ".jpg";
        var image = new Image();
        image.src = imageSrc;
        image.onLoad = function() {
            var imageHtml = "<img src='" + imageSrc + "' width='" + imageSize + "' height='" + imageSize + "' style='height: 100%'>";
            if( isHomepage )
	            $("#letter" + index).hide().html( imageHtml ).slideDown("fast", function(){ showLetter( index + 1 ) });
	    else {
	    	$("#letter" + index).html( imageHtml );
	    	showLetter( index + 1 );
	    }
        }();
        
    }
    else
        setInterval( "changeLetter()", transitionTime );
}


function changeLetter() {

    var letterNumber = Math.floor(Math.random() * numLetters) + 1;    
    $("#letter" + letterNumber + " img").hide().attr("src", imageDirectory + $("#letter" + letterNumber).attr("letter") + getImageNumber(letterNumber) + ".jpg").fadeIn("slow");
}


function onLetterClick() {

    $("#" + this.id + " img").hide().attr("src", imageDirectory + $(this).attr("letter") + getImageNumber(this.id.substring(6)) + ".jpg").fadeIn("slow");

}


function getImageNumber( letterSeq ) {
    var newImageNumber = Math.floor(Math.random() * numChoices) + 1;
    if( letterSeq == null )
        return newImageNumber;
    else {
        var image = $("#letter" + letterSeq + " img");
        if(image.size() > 0 ) {
            var currentImageNumber = $.trim( image.attr("src").substring( imageDirectory.length + 1, imageDirectory.length + 2 ) );
            if( currentImageNumber == newImageNumber ) {
                newImageNumber++;
                if( newImageNumber > numChoices )
                    newImageNumber = 1;
                return newImageNumber;
            }
            else
                return newImageNumber;
        }
        else
            return getImageNumber();
    }
}