/**
 * Change project photo
 * @param project name
 * @param link number - for setting active link
 * @param new img src
 */
var MAX_PROJECT_PHOTOS = 10;
var PROJECT_IMG_CONTAINER_NAME = null;
var PROJECT_BACK_IMG_NAME = null;
var PROJECT_NEW_IMG_SRC = null;

function changeProjectPhoto(aProjectName, aLinkNumber, aNewImg)
{
    var container_front_name = aProjectName + '_img_container_front';
    var image_front_name = aProjectName + '_img_front';
    var image_back_name = aProjectName + '_img_back';
    var template_link_name = aProjectName + '_link_';
    var current_link_name = aProjectName + '_link_' + aLinkNumber;
    var active_link_class_name = 'num' + aLinkNumber + '-active';

    PROJECT_IMG_CONTAINER_NAME = container_front_name;
    PROJECT_BACK_IMG_NAME = aProjectName + '_img_back';
    PROJECT_NEW_IMG_SRC = aNewImg;

    //check click active photo
    if($(current_link_name).className == active_link_class_name)
        return;

    //change active menu item
    for(var i = 1; i <= MAX_PROJECT_PHOTOS; i++){
        link_name = template_link_name + '' + i;

        if( $(link_name) == null)
            break;

        $(link_name).className = 'num'+i;
        }

    $(template_link_name+aLinkNumber).className = 'num'+aLinkNumber+'-active';

    //hide front
    $(container_front_name).hide();

    //load new image to front container
    $(image_front_name).onload = slideDown;
    $(image_front_name).src = aNewImg;

        //change image back container
    setTimeout(function (aProjectName, aNewImg) {
            $(PROJECT_BACK_IMG_NAME).src = PROJECT_NEW_IMG_SRC;
        },5000,aProjectName, aNewImg);
}

function slideDown()
{
    Effect.SlideDown(PROJECT_IMG_CONTAINER_NAME);
}