function initGallery(){
    if(preloadimg=="yes"){
        for(x=0;x<imggallery.length;x++){
        var myimage=new Image()
        myimage.src=portfolio.projects[x].img
        }
    }

    thumbnailnum=portfolio.projects.length
    current_imgid=0
    currentwidth=300
    currentheight=329
}

function getstarted(id){
    var project = portfolio.projects[id];
    checknext(id)
    if(current_imgid!=id) {
       loadProjectDetails(project);
      current_imgid=id 
    } 
}

function loadfirstimage(imgID){
    var project = portfolio.projects[imgID];
    loadProjectDetails(project);
}

function loadProjectDetails(project) {
        var fadeloader=new Fx.Style('imgloader','opacity',{duration:fadespeed})
        var fadeinfo=new Fx.Style('project_info','opacity',{duration:fadespeed})
        var fadefirst=new Fx.Style('main_thumb','opacity',{duration:fadespeed})
        var titlefade=new Fx.Style('imgtitle','opacity',{duration:transspeed})
        
        if ($('project_info').style.visibility == '')
            fadeFrom = 0;
        else
            fadeFrom = 0.9999;
        
        titlefade.start(fadeFrom,0).chain(function() {
            $('imgtitle').innerHTML="<strong>"+project.name+"</strong>"
            if (project.projectUrl != '') {
                if (project.projectUrl.indexOf('available') < 0)
                     $('imgtitle').innerHTML+=": <a href=\""+project.projectUrl+"\" target=\"_blank\">"+project.projectUrl+"</a>";
            }
            
            titlefade.start(0,0.9999);
        });
        
        fadeinfo.start(fadeFrom, 0).chain(function() {
            $('ddProjName').innerHTML = project.name;
            $('ddProjClient').innerHTML = project.client;
            if (project.clientUrl != '')
                $('ddProjClient').innerHTML += " (<a href=\""+project.clientUrl+"\" target=\"_blank\">"+project.clientUrl+"</a>)";
            
            if (project.projectUrl == '')
                $('ddProjUrl').innerHTML = "Not available";
            else if (project.projectUrl.indexOf('available') > -1)
                $('ddProjUrl').innerHTML = project.projectUrl;
            else 
                $('ddProjUrl').innerHTML = "<a href=\""+project.projectUrl+"\" target=\"_blank\">"+project.projectUrl+"</a>";
                
            $('ddProjTech').innerHTML = project.tech;
            $('ddProjDescription').innerHTML = project.description;
            $('ddProjTasks').innerHTML = project.tasks;
            
            //fadefirst.start(0,0.9999);
        });
        
        fadefirst.start(fadeFrom, 0.9999).chain(function() {
            $('main_thumb').setStyle('display', 'none');
            var imageload=new Image()
            imageload.src=project.img;
            var height = project.height == 0 ? imageload.height : new Number(project.height);
            
            var setheight=new Fx.Style('main_image_wrapper','height',{duration:transspeed})
            setheight.start(currentheight,height+30).chain(function() {
                //console.log('set height done ' + new Date());
                $('main_thumb').innerHTML=returnimgcode(project); 
                $('main_thumb').setStyle('display', 'block'); 
                var showImg = new Fx.Style(project.imgID, 'opacity').start(0,0.9999);
                fadefirst.start(0,0.9999);
                fadeinfo.start(0,0.9999); 
            });
            currentheight=height+30;
        });
}

function nextimage(current_imgid){
    newimgid=Number(current_imgid)+1
    newwidth=imggallery[newimgid][1]
    newheight=imggallery[newimgid][2]
    newimgindex=imggallery[newimgid][8]
    newimgid=imggallery[newimgid][8]
    cwidth=imggallery[current_imgid][1]
    cheight=imggallery[current_imgid][2]
    checknext(newimgid)
    nextorprev=1
    getstarted(Number(newwidth),Number(newheight),'imgloader',Number(newimgindex),Number(newimgid),Number(current_imgid),Number(cwidth),Number(cheight))
}

function previmage(current_imgid){
newimgid=Number(current_imgid)-1
newwidth=imggallery[newimgid][1]
newheight=imggallery[newimgid][2]
newimgindex=imggallery[newimgid][8]
newimgid=imggallery[newimgid][8]
cwidth=imggallery[current_imgid][1]
cheight=imggallery[current_imgid][2]
checknext(newimgid)
nextorprev=1
getstarted(Number(newwidth),Number(newheight),'imgloader',Number(newimgindex),Number(newimgid),Number(current_imgid),Number(cwidth),Number(cheight))}