// JScript File

function hover(el) 
{
    var imgId = el.id;
    
    imgId = (imgId.replace(/ctl00_/, ""));    
     
    el.src="Images/buttons/"+ imgId +"_over.jpg";
    //alert(imgId);

        el.onmouseout=function() {
        el.src="Images/buttons/"+ imgId +"_up.jpg";
        }
}

var currService = "service_1";

function service(sender)
{
    var linkId = sender.id;
    var arSplit = linkId.split("_");
        
   document.getElementById(currService).style.display = "none";
   currService = "service_" + arSplit[1];
   document.getElementById("service_" + arSplit[1]).style.display = "block"; 
    
   getSingleHeight();
}

var currAboutus = "aboutus_1";

function aboutus(sender)
{
    var linkId = sender.id;
    var arSplit = linkId.split("_");
        
   document.getElementById(currAboutus).style.display = "none";
   currAboutus = "aboutus_" + arSplit[1];
   document.getElementById("aboutus_" + arSplit[1]).style.display = "block"; 
    
   getHeight();
}

function getHeight()
{
    var leftTop = document.getElementById('leftTop').offsetHeight;
    var leftBtm = document.getElementById('leftBtm').offsetHeight;
    var rightHeight = document.getElementById('rightDiv').offsetHeight;
    var innerrightHeight = document.getElementById('innerrightDiv').offsetHeight;
    var rightDiv = document.getElementById('rightDiv');
    var innerrightDiv = document.getElementById('innerrightDiv'); 
    
    var leftHeight = leftTop + leftBtm + 12;
    var heightDiff = leftHeight - rightHeight;
   
    //if(leftHeight > rightHeight){
        rightDiv.style.height = rightHeight - 2 + heightDiff + 'px';
        innerrightDiv.style.height = innerrightHeight + heightDiff + 'px';
    //}
   //else
   //{
   //     rightDiv.style.height = '583px';
   //     innerrightDiv.style.height = '459px';   
   //}  
}

function getSingleHeight()
{
    var leftHeight = document.getElementById('leftDiv').offsetHeight;
    var rightHeight = document.getElementById('rightDiv').offsetHeight;
    var innerrightHeight = document.getElementById('innerrightDiv').offsetHeight;
    var leftDiv = document.getElementById('leftDiv'); 
    var rightDiv = document.getElementById('rightDiv');
    var innerrightDiv = document.getElementById('innerrightDiv'); 
    
    var heightDiff = leftHeight - rightHeight;
   
    //if(leftHeight >= rightHeight){
        rightDiv.style.height = rightHeight - 2 + heightDiff + 'px';
        innerrightDiv.style.height = innerrightHeight + heightDiff + 'px';
    //} 
   //else
   //{
    //    rightDiv.style.height = '583px';
      //  innerrightDiv.style.height = '459px';   
   //} 
}

function changeImg(projectNo, imageNo)
{
    var mainImg = document.getElementById('ctl00_ContentPlaceHolder1_imgMain');
    //mainImg = (mainImg.replace(/ctl00_ContentPlaceHolder1_/, ""));     
    
   newImg = projectNo + "_" + imageNo;
    
   mainImg.src="Images/project_main/" + newImg + ".jpg"; 
}

    
    var transitionlength=3;
    var timebetweentransitions=7000;
       
    function generateLinkArray(service, images)
    { 
        var varAd = new Array()
        var imgLink = "images/services/"+ service +"_";
        var imgNo; 
       
        for (i=0; i<images; i++)
        {
        imgNo = i + 1;  
        varAd[i] = imgLink +  imgNo + ".jpg"
        }
        
        return varAd;
    }
   
    function loadSlide(imageURL, service) {

        if (document.all) {
	        document.getElementById('slide_' + service).style.filter="blendTrans(duration=" + transitionlength + ")"
	        document.getElementById('slide_' + service).filters.blendTrans.Apply()
	    }

        document.getElementById('slide_' + service).src = imageURL
	
	    if (document.all) {
	        document.getElementById('slide_' + service).filters.blendTrans.Play()
	    }
    
        t = setTimeout("nextSlide(ry, srv, img)",timebetweentransitions)
    }

    function nextSlide(curr_slide, service, images) 
    {        
        var varAd = new Array()
        var imgLink = "images/services/"+ service +"/";
        var imgNo;
       
        for (i=0; i<images; i++)
        {
        imgNo = i + 1;  
        varAd[i] = imgLink +  imgNo + ".jpg"
        }
        
        var totalImages;
        totalImages = images - 1;
        
    	if(curr_slide< totalImages){
	        curr_slide+=1
	    }
	    else{
	        curr_slide=0
	    }
	    
	    ry=curr_slide;
	    srv=service;
	    img=images;
	    
	    loadSlide(varAd[curr_slide], service)
    }
   
   var translength=0.25;
      
       function transOn(divID){
                       
           //var imgUrl = imgUrl;
           var div = document.getElementById(divID);
           //div.style.backgroundImage= 'url(' + imgUrl + ')';
           //div.style.border='1px solid white';
           
            
           if (div.filters)
           {
                div.style.filter="blendTrans(duration=" + translength + ")";
	            div.filters.blendTrans.Apply();
	       }
            
          //div.style.backgroundImage= 'url(' + imgUrl + ')';
          div.style.border='1px solid white';
         div.style.display = 'block'; 
	       
	       
	       if (div.filters)
	       {
	            div.filters.blendTrans.Play()
	       }
	       
       } 
      
      function transOut(divID){
            
            var div = document.getElementById(divID);
                       
            if (div.filters) 
            {
	            div.style.filter="blendTrans(duration=" + translength + ")";
	            div.filters.blendTrans.Apply();
	        }

            //div.style.backgroundImage= 'none';
            div.style.border='none';
            div.style.display = 'none';
	
	        if (div.filters) 
	        {
	            div.filters.blendTrans.Play()
	        }
      }