//////Project Images Scroller Code////////////

$(function() {

$("#ProjectImage").imageScroller({
        next: "prev",
        prev: "next",
        frame: "ProjectImageContainer",
        width: 130,
        child: "a"
        
    });

});


/////////AJAX CODE/////////

function createRequestObject() {
    var requestobj;
    var browsertype = navigator.appName;
    try {
        requestobj = new XMLHttpRequest();
    }
    catch (ie) {
        try {
            requestobj = new ActiveXObject("Msxml2.XMLHTTP");
        }
        catch (othermicrosoft) {
            try {
                requestobj = new ActiveXObject("Microsoft.XMLHTTP");
            }
            catch (err) {
               alert('Error Fails To Create Ajax Request')
            }
        }
    }

    return requestobj;
}

var http = createRequestObject();


function LoadProject(id, projectcode) {

    document.getElementById("projectimg" + id).style.border = "1px solid #f2eff1";
    document.getElementById("projectname" + id).style.color = '#f2eff1';
    document.getElementById("projectname" + id).style.fontWeight = 'bold';
    document.getElementById("selected" + id).style.display = 'inline';
    document.getElementById("HiddenProjectId").value = id;
    
    if (document.getElementById("HiddenProjectCurrentId").value != id && document.getElementById("HiddenProjectCurrentId").value != "") {
        var currentid = document.getElementById("HiddenProjectCurrentId").value
        document.getElementById("projectimg" + currentid).style.border = "1px solid #f2eff1";
        document.getElementById("projectname" + currentid).style.color = '#f2eff1';
        document.getElementById("projectname" + currentid).style.fontWeight = 'normal';
        document.getElementById("selected" + currentid).style.display = 'none';
        document.getElementById("HiddenProjectCurrentId").value = id;

        document.getElementById("CurrentProjectHidden").value = projectcode;
        http.open('get', 'Ajax/MBindProject.aspx?ProjectCode=' + projectcode);
        http.onreadystatechange = handlebind;
        http.send(null);
    }
}

function handlebind()
{
    if(http.readyState==1)
    {
        document.getElementById("thumbs").innerHTML = "<font color='#f2eff1'>[Loading Photographs]</font>";
        document.getElementById("CreditLabel").innerHTML = ""
        document.getElementById("MainImagePanel").innerHTML = "<table cellpadding='0' cellspacing='0' border='0' width='540px'><tr height='360px' align='center' valign='middle'><td><img src='Images/loading.gif'></td></tr></table>";
    }
    if (http.readyState == 4) {
        document.getElementById("thumbs").innerHTML = "";
        var response = http.responseText;
        document.getElementById("thumbs").innerHTML = response;

        if (document.getElementById("InfoHidden").value != "") {
            var temp = document.getElementById("InfoHidden").value.split("Å");
            //var imghtml = '<img src="ImageHandler.ashx?dat=' + temp[0] + '" id="MainImage" style="border:1px solid #f2eff1;cursor:pointer;"  runat="server"  />';
            var imghtml = '<img src="' + temp[0] + '" id="MainImage" style="border:1px solid #f2eff1;cursor:pointer;"  runat="server"  />';
            document.getElementById("MainImagePanel").innerHTML = imghtml;
            document.getElementById("CreditLabel").innerHTML = " " + temp[1];            
            Init(document.getElementById("HiddenCurrentId").value)
        }
        else {
            document.getElementById("thumbs").innerHTML = ""
            document.getElementById("MainImagePanel").innerHTML = "<font color='#860000'><b>Sorry, No Images Found</b></font>";
            document.getElementById("CreditLabel").innerHTML = "";
        }
    }
}

////////////////////////////Fade Effect Code For Main Images///////////////////////////

function ShowMainImage(Ctrl, PhotoName, Photographer, foregroundID) {

    document.getElementById("CreditLabel").innerHTML = " " + Photographer;
       Ctrl.style.border = "2px solid #f2eff1";
    var TempId = Ctrl.id.split('InnerDiv');
    var imsrc = PhotoName;

    if (document.getElementById("HiddenCurrentId").value != TempId[1] && document.getElementById("HiddenCurrentId").value != "") {
        var id = document.getElementById("HiddenCurrentId").value
        document.getElementById("ThumbInnerDiv" + id).style.border = "2px solid #7b5d42";

        var foreground = document.getElementById(foregroundID);
        SetOpacity(foreground, 0);
        //foreground.src = 'ImageHandler.ashx?dat=' + imsrc;
        foreground.src = imsrc;
        if (foreground.timer) window.clearTimeout(foreground.timer);
        var startMS = (new Date()).getTime();
        foreground.timer = window.setTimeout("ChangeOpacity('" + foregroundID + "',1000," + startMS + ",0,100)", 10);

    }

    document.getElementById("HiddenId").value = Ctrl.id;
    document.getElementById("HiddenCurrentId").value = TempId[1]

}

function SetOpacity(object, opacityPct) {
    // IE.
    object.style.filter = 'alpha(opacity=' + opacityPct + ')';
    // Old mozilla and firefox
    object.style.MozOpacity = opacityPct / 100;
    // Everything else.
    object.style.opacity = opacityPct / 100;
}
function ChangeOpacity(id, msDuration, msStart, fromO, toO) {
    var element = document.getElementById(id);
    var opacity = element.style.opacity * 100;
    var msNow = (new Date()).getTime();
    opacity = fromO + (toO - fromO) * (msNow - msStart) / msDuration;
    if (opacity < 0)
        SetOpacity(element, 0)
    else if (opacity > 100)
        SetOpacity(element, 100)
    else {
        SetOpacity(element, opacity);
        element.timer = window.setTimeout("ChangeOpacity('" + id + "'," + msDuration + "," + msStart + "," + fromO + "," + toO + ")", 1);
    }
}

function FadeIn(id) {
    var element = document.getElementById(id);
    if (element.timer) window.clearTimeout(element.timer);
    var startMS = (new Date()).getTime();
    element.timer = window.setTimeout("ChangeOpacity('" + id + "',1000," + startMS + ",0,100)", 1);
}
function FadeOut(id) {
    var element = document.getElementById(id);
    if (element.timer) window.clearTimeout(element.timer);
    var startMS = (new Date()).getTime();
    element.timer = window.setTimeout("ChangeOpacity('" + id + "',1000," + startMS + ",100,0)", 1);
}

function OnOver(Ctrl) {
    if (document.getElementById("HiddenId").value != Ctrl.id)
        Ctrl.style.border = "2px solid #f2eff1";
}

function OnOut(Ctrl) {
    if (document.getElementById("HiddenId").value != Ctrl.id)
        Ctrl.style.border = "2px solid #7b5d42";
}

function Init(id) {
    document.getElementById("ThumbInnerDiv" + id).style.border = "2px solid #f2eff1";
}

//////Projectimages Mouseover///////////

function Over(id) {
    if (document.getElementById("HiddenProjectId").value != id) {
        document.getElementById("projectimg" + id).style.border = "1px solid #c0ac9a";
        document.getElementById("projectname" + id).style.color = '#c0ac9a';
        document.getElementById("projectname" + id).style.fontWeight = 'normal';
    }
}

function Out(id) {
if (document.getElementById("HiddenProjectId").value != id) {
    document.getElementById("projectimg" + id).style.border = "1px solid #f2eff1";
    document.getElementById("projectname" + id).style.color = '#f2eff1';
    document.getElementById("projectname" + id).style.fontWeight = 'normal';
    }
}