$(document).ready(function(){

    });

domReady(function()
{
    var instanceOne = new ImageFlow();
    instanceOne.init({
        ImageFlowID:"client_gallery",
        reflectPath:'/script/imageflow/',
        reflectionGET: '&bgc=ffffff&fade_start=30%'
    });
});

function slide_article(article_id) {
    if ($('.title','#'+article_id).hasClass('open')){
        $('.title','.single_article').removeClass('open');
        $('.title','#'+article_id).removeClass('open');
    }else{
        $('.title','.single_article').removeClass('open');
        $('.title','#'+article_id).addClass('open');
    }
    $('.content','#'+article_id).slideToggle(function(){
        if ($('.title','#'+article_id).hasClass('open')){
            $.scrollTo('.open','#'+article_id);
        }
    });
    $('.content','.single_article').hide();
}

function agencyToggle(page) {
    if ($('.title','#'+page).hasClass('open')){
        $('.title','.agency').removeClass('open');
        $('.title','#'+page).removeClass('open');
    }else{
        $('.title','.agency').removeClass('open');
        $('.title','#'+page).addClass('open');
    }
    $('.content','#'+page).slideToggle(function(){
        if ($('.title','#'+page).hasClass('open')){
            $.scrollTo('.open','#'+page);
        }
    });
    $('.content','.agency').hide();
}


function createImageDiv(obj){
    var imgSrc = $(obj).attr('rel').substr(5,$(obj).attr('rel').length);
    var imgName = $(obj).attr('alt');
    var imgPrice = $(obj).attr('price');

    imgContainer = $('#img_container');
    imgDescription = $('#img_description');
    var imgImage = $('#imgId');
    $(imgImage).attr('src',imgSrc);
    $(imgDescription).html('<h4><b>'+imgName+'</b><em>'+imgPrice+'</em></h4>');
    $('#img_popup').css('display','block');
    $('#img_container,#img_popup').click(function(){
        closeImageDiv();
        $(imgImage).attr('src','');
    });

    $(imgImage).load(function(){
        $(imgContainer).show();
        var imgW = $(imgImage).width();
        var imgH = $(imgImage).height();
        var wW = $(window).width();
        var wH = $(window).height();
        var posLeft = (wW-imgW)/2;
        var posTop = (wH-imgH)/2;

        $(imgContainer).css('left',posLeft+'px');
        $(imgContainer).css('top',posTop+'px');

        document.onkeydown = function(e){
            if ($('#img_container').css('display')=='block'){
                if (e == null) {
                    keycode = event.keyCode;
                }
                else {
                    keycode = e.which;
                }
                if(keycode == 27){
                    closeImageDiv();
                    $(imgImage).attr('src','');
                }
            }
        };
    })
}

function closeImageDiv(){
    $('#img_container').hide();
    $('#img_popup').hide();
}


function showMsgPopup(msg){

    popupContainer = $('#popup_container');
    popupBox = $('#popup_box');
    popupText = $('#popup_text');
    $(popupText).html(msg);
    $(popupContainer).show();
    $('#popup_container,#popup_box').click(function(){
        $(popupBox).hide();
        $(popupContainer).hide();
    }
    );
    var pW = $(popupBox).width();
    var pH = $(popupBox).height();
    var wW = $(window).width();
    var wH = $(window).height();
    var posLeft = (wW-pW)/2;
    var posTop = (wH-pH)/2;

    $(popupBox).css('left',posLeft+'px');
    $(popupBox).css('top',posTop+'px');

    $(popupBox).append("<div id=\"close_img_button\"><img src=\"/style/images/close_button.png\" alt=\"x\" /></div>");

    $(popupBox).show();

    document.onkeydown = function(e){
        detectEscapeKey(e);
    };
}




function showReferencePopup(obj){
    var refName = $(obj).attr('refName');
    var refImg = $(obj).attr('refImg');
    var refDesc = $(obj).attr('refDesc');

    popupContainer = $('#popup_container');
    popupBox = $('#popup_box');

    $(popupContainer).show();

    $('#popup_teamName').hide();
    $('#popup_teamText').hide();

    $('#popup_refName').show();
    $('#popup_refImg').show();
    $('#popup_refDesc').show();

    
    $('#popup_refName').html("<h5>"+refName+"</h5>");
    $('#popup_refImg').html("<img id=\"refImgSrc\" src=\"/gallery/"+refImg+"\" alt=\""+refName+"\" />");

    $('#refImgSrc').load(function(){
        

        $('#popup_container,#popup_box').click(function(){
            $(popupBox).hide();
            $(popupContainer).hide();
        }
        );
        
        $(popupBox).show();
        var pW = $('#refImgSrc').width() + 20;
        var pH = $(popupBox).height();
        var wW = $(window).width();
        var wH = $(window).height();
        var posLeft = (wW-pW)/2;
        var posTop = (wH-pH)/2;

        $(popupBox).css('left',posLeft+'px');
        $(popupBox).css('top',posTop+'px');

        $(popupBox).append("<div id=\"close_img_button\"><img src=\"/style/images/close_button.png\" alt=\"x\" /></div>");


        $('#popup_refDesc').width(pW-20);
        $('#popup_refDesc').html("<span>"+refDesc+"</span>");

    });

    document.onkeydown = function(e){
        detectEscapeKey(e);
    };
}





function detectEscapeKey(e){
    if ($(popupContainer).css('display')=='block'){
        if (e == null) {
            keycode = event.keyCode;
        } else {
            keycode = e.which;
        }
        if(keycode == 27){
            $(popupContainer).hide();
            $(popupBox).hide();
        }
    }
}



function showTeamPopup(obj){
    var teamName = $(obj).attr('teamName');
    var teamText = $(obj).attr('teamText');

    popupContainer = $('#popup_container');
    popupBox = $('#popup_box');


    $(popupContainer).show();

    $('#popup_refName').hide();
    $('#popup_refImg').hide();
    $('#popup_refDesc').hide();

    $('#popup_teamName').show();
    $('#popup_teamText').show();

    $('#popup_teamText').html(teamText);
    $('#popup_teamName').html("<h5>"+teamName+"</h5>");

    $('#popup_container,#popup_box').click(function(){
        $(popupBox).hide();
        $(popupContainer).hide();
    }
    );

    var pW = 750;
    var pH = $(popupBox).height();
    var wW = $(window).width();
    var wH = $(window).height();
    var posLeft = (wW-pW)/2-30;
    var posTop = (wH-pH)/2;

    $(popupBox).css('left',posLeft+'px');
    $(popupBox).css('top',posTop+'px');

    $(popupBox).append("<div id=\"close_img_button\"><img src=\"/style/images/close_button.png\" alt=\"x\" /></div>");

    $('#popup_teamText').width(pW);

    $(popupBox).show();


    document.onkeydown = function(e){
        detectEscapeKey(e);
    };
}