nowdiv = 0;
function opacity(id, opacStart, opacEnd, millisec) { 
    //speed for each frame 
    var speed = Math.round(millisec / 105); 
    var timer = 0; 

    //determine the direction for the blending, if start and end are the same nothing happens 
    if(opacStart > opacEnd) { 
        for(i = opacStart; i >= opacEnd; i--) { 
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); 
            timer++; 
        } 
    } else if(opacStart < opacEnd) { 
        for(i = opacStart; i <= opacEnd; i++) 
            { 
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); 
            timer++; 
        } 
    } 
} 

//change the opacity for different browsers 
function changeOpac(opacity, id) { 
    var object = document.getElementById(id).style; 
    object.opacity = (opacity / 100); 
    object.MozOpacity = (opacity / 100); 
    object.KhtmlOpacity = (opacity / 100); 
    object.filter = "alpha(opacity=" + opacity + ")"; 
} 

function shiftOpacity(id, millisec) { 
        document.getElementById(id).style.visibility = 'visible';
        opacity(id, 0, 100, millisec); 
        
} 

//boldMenu
function boldMenu() 
{
    dir = document.getElementById("ctl00_ContentPlaceHolder1_tdir").value;
    document.getElementById("m" + dir).style.color = "#666666";
    document.getElementById("a" + dir).style.color = "#666666";
} 

function changeDiv(div)
{
    if(nowdiv != 0)
    {
        document.getElementById(nowdiv).style.visibility = 'hidden';
        document.getElementById("m" + nowdiv).style.color = '#e1e1e1';
    }
    document.getElementById(div).style.visibility = 'visible';
    document.getElementById("m" + div).style.color = '#666666';
    nowdiv = div;
}

// menu js

var timeout = 10;
var closetimer = 0;
var ddmenuitem = 0;
var ddmenuitemchose = 0;
var smenu = 0;

// open hidden layer
function mopen(id) {
    // cancel close timer
    mcancelclosetime();

    // get new layer and show it
    ddmenuitemchose = document.getElementById('projecctsMenuChoose');

    if (ddmenuitemchose) ddmenuitemchose.style.visibility = 'hidden';
    ddmenuitem = document.getElementById(id);
    ddmenuitem.style.visibility = 'visible';

}
// close showed layer
function mclose() {
    if (ddmenuitem) ddmenuitem.style.visibility = 'hidden';
    if (ddmenuitemchose) ddmenuitemchose.style.visibility = 'visible';
}

// go close timer
function mclosetime() {
    closetimer = window.setTimeout(mclose, timeout);
}

// cancel close timer
function mcancelclosetime() {
    if (closetimer) {
        window.clearTimeout(closetimer);
        closetimer = null;
    }
}

// close layer when click-out
document.onclick = mclose;


/* slider */
var IntervalId;
var numImg = 0;
var totalImg = 5;
var run = true;

$(document).ready(function () {
    $('img.regular').hover(function () {
        $(this).stop().animate({ "opacity": "0" }, "slow");
    }, function () {
        $(this).stop().animate({ "opacity": "1" }, "slow");
    });

    $('div.projectImage img').click(function () {
        $('input#ctl00_ContentPlaceHolder1_butNextImage').trigger('click');
    });

    var prm = Sys.WebForms.PageRequestManager.getInstance();
    prm.add_endRequest(function (s, e) {
        $('div.projectImage img').click(function () {
            $('input#ctl00_ContentPlaceHolder1_butNextImage').trigger('click');
        });

    });

    function IsMobile() {
        var result = (/iphone|ipad|ipod|android|blackberry|mini|windows\sce|palm/i.test(navigator.userAgent.toLowerCase()));
        return result;
    }

    if ($('div#HPcontent').length > 0 && IsMobile()) {
        var m_gallery = '<div class="index-main slider-gal" style="height: 381px; ">'
        + '<ul class="slider-gal">'
	    + '<li><img alt="" src="/_Images/hp-flash/img1.jpg" ></a></li>'
        + '<li><img alt="" src="/_Images/hp-flash/img2.jpg" ></a></li>'
        + '<li><img alt="" src="/_Images/hp-flash/img3.jpg" ></a></li>'
        + '<li><img alt="" src="/_Images/hp-flash/img4.jpg" ></a></li>'
        + '<li><img alt="" src="/_Images/hp-flash/img5.jpg" ></a></li>'
        + '<li><img alt="" src="/_Images/hp-flash/img6.jpg" ></a></li>'
        + '</ul>'
        + '<img src="/_Images/hp-flash/img1.jpg" id="imgIn"></a><img src="/_Images/hp-flash/img1.jpg" id="imgNow" style="display: none; ">'
        + '</div>';



        $('div#HPcontent').html(m_gallery);

        SlideShow();
    }

});



function SlideShow() {
   
    IntervalId = setInterval('SlideShowImg()', 1500);
    slideShow = true;
}


function SlideShowImg() {    
    var dirimg = numImg + 1;    
    if (dirimg > totalImg) {
        m_item = 0;
    }
    else {
        m_item = dirimg - 1;
    }
    
    img_src = $('ul.slider-gal li:eq(' + m_item + ')').children('img').attr('src');
    
    $("img#imgNow").show();

    run = false;
    $("img#imgIn").attr({ src: img_src }).load(function () {

        $("img#imgNow").fadeOut('slow', function () {
            $("img#imgNow").attr({ src: $("img#imgIn").attr("src") });
        });
        run = true;

    });

    if (dirimg == totalImg) {
        numImg = 0;
    }
    else {
        numImg = dirimg;
    }


}