//Safari css fix
var detect = navigator.userAgent.toLowerCase();
if((detect.indexOf('safari'))!=-1) {document.write('<link href="css/FixSafari.css" rel="stylesheet" type="text/css" />');};

var delay = 300;
var isShowGetFree = false;
var separator = '~~##~~';

// show Get Free Quote
function showGetFree()
{
    if (typeof(hideGetFreeDelay) != 'undefined') clearTimeout(hideGetFreeDelay);

    if(!isShowGetFree)
    {
        p = document.getElementById('get_free');
        c = document.getElementById('get_free_tab');

        c.style.left = (p.offsetLeft - 102) + "px";
        c.style.top = (p.offsetTop + 14) + "px";

        $('#get_free_tab').fadeIn();

        c.onmouseover = showGetFree;
        c.onmouseout = hideGetFree;

        isShowGetFree = true;
    }
}

function hideGetFree()
{
    hideGetFreeDelay = setTimeout(
        function()
        {
            $('#get_free_tab').fadeOut('normal', function(){
                isShowGetFree = false;
            });
        }, delay
    );
}

// show dropdown menu
function showMenu(myId)
{
    p = document.getElementById(myId);
    sub = document.getElementById(myId + "_sub");

    $('#' + myId + '_sub').fadeIn();
    sub.style.top = (p.offsetTop - sub.clientHeight) + "px";

    if (typeof(hideDelay) != 'undefined') clearTimeout(hideDelay);
    if (typeof(hideSubDelay) != 'undefined') clearTimeout(hideSubDelay);
}

function delayHideMenu(myId)
{
    hideDelay = setTimeout(function(){hideMenu(myId)},delay);
}

function hideMenu(myId)
{
    $('#' + myId + '_sub').fadeOut();
}

function showSub()
{
    clearTimeout(hideDelay);
    if (typeof(hideSubDelay) !== 'undefined') clearTimeout(hideSubDelay);
}

function delayHideSub(myId)
{
    hideSubDelay = setTimeout(function(){hideSub(myId)},delay);
}

function hideSub(myId)
{
    $('#' + myId).fadeOut();
}

//form validator
function validate(form)
{
    f_obj = document.getElementById(form.id);

    if (f_obj.email.value == '')
    {
        alert('Please enter Email');
        f_obj.email.focus();
        return false;
    }

    if(f_obj.email.value != '' && f_obj.email.value.indexOf ("@",1) == -1)
    {
        alert('Please enter valid Email address');
        f_obj.email.focus();
        return false;
    }

    if (f_obj.contact_name.value == '')
    {
        alert('Please enter contact info');
        f_obj.contact_name.focus();
        return false;
    }

    if (f_obj.month.value !='' || f_obj.day.value !='' || f_obj.year.value !='')
    {
        if (f_obj.month.value =='' || f_obj.day.value =='' || f_obj.year.value =='')
        {
            alert ("Please select all date elements");
            return false;
        }
    }

    if (f_obj.captcha.value == '')
    {
        alert('Please enter text from image');
        f_obj.captcha.focus();
        return false;
    }
}


function doSendContact()
{
    formName = 'contactForm';

    loader = '#' + formName + 'Loader';
    result = '#' + formName + 'Result';
    wrap   = '#' + formName + 'Wrap';

    $(result).hide();
    $(loader).show();

    $.post("ajax.php", {request:'doSendContact', params:$("form[name='" + formName + "']").serialize()},
    function(data){
        $(loader).hide();
        data = data.split(separator);

        if(data[0] == 'ok')
        {
            $(wrap).hide();
        }

        $(result).show().html(data[1]);
    });
}


function deleteImage(id)
{
    $.post("ajax.php", {request:'deleteImage', id:id},
    function(data){
        $('#screen_image').html('');
    });
}


function customizeNavElements(i, pages)
{
    // Navigation
    if(i < 3) start = 1;
    else if((i + 2) >= pages) start = pages - 4;
    else start = i - 1;

    end = ((start + 4) <= pages) ? (start + 4) : pages;

    navi = "";
    for(k = start; k <= end; k++)
    {
        act = (k == (i + 1)) ? 'act' : '';
        navi += "<a href='javascript:void(0)' id='pfPage" + k + "' class='" + act + "' onclick='setPfPage(" + (k - 1) + ")'>" + k + "</a> | ";
    }
    $('#pfNavi').html(navi);


    // Prev / Next
    if(i == 0)
    {
        $('#pfPrev span').addClass('inactive');
    } else
    {
        $('#pfPrev span.inactive').removeClass('inactive');
    }

    if((i + 1) == pages)
    {
        $('#pfNext span').addClass('inactive');
    } else
    {
        $('#pfNext span.inactive').removeClass('inactive');
    }

    $(".pf_scrollable .descr div a").attr('rel', i + 1);
}


function updatePortfolio(cat, page, p_scroll)
{
    loader = "#pf_loader";
    cont = ".pf_wrap";

    $(cont).hide();
    $(loader).show();

    page_index = $('#page_index').val();

    $.post("ajax.php", {request:'updatePortfolio', cat:cat, page:page},
    function(data){
        $(loader).hide();
        $(cont).show().html(data);

        $("div.pf_scrollable").scrollable
        (
            {
                size:4,
                nextPage:"#pfNext",
                prevPage:"#pfPrev",
                globalNav: true,
                onSeek: function(){
                    customizeNavElements(this.getPageIndex(), this.getPageAmount());
                }
            }
        );
        setPfPage(p_scroll);
    });
}


function setPfPage(i)
{
    $("div.pf_scrollable").scrollable().setPage(i);
}


function setPfBeginPage(i)
{
    $("div.pf_scrollable").scrollable().begin();
}


function setPfEndPage(i)
{
    $("div.pf_scrollable").scrollable().end();
}


function getWindowSize()
{
    var myWidth = 0, myHeight = 0;
    if( typeof( window.innerWidth ) == 'number' )
    {
      myWidth = window.innerWidth;
      myHeight = window.innerHeight;
    } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) )
    {
      myWidth = document.documentElement.clientWidth;
      myHeight = document.documentElement.clientHeight;
    } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) )
    {
      myWidth = document.body.clientWidth;
      myHeight = document.body.clientHeight;
    }

    output = new Array();
    output['w'] = myWidth;
    output['h'] = myHeight;

    return output;
}


function appplyMonitorResolution()
{
    wSize = getWindowSize();
    w = wSize['w'];
    userWSize = 1024;

    wSizes = new Array(1024, 1152, 1280, 1366, 1440, 1600, 1680, 1920)
    for(i = 0; i < wSizes.length; i++)
    {
        if(w <= wSizes[i])
        {
            userWSize = wSizes[i];
            break;
        }
    }

    $('body').addClass('window' + userWSize);
}


function loadProject(obj)
{
    href = $(obj).attr('href');
    rel = $(obj).attr('rel');
    rel = (rel == '') ? 1 : rel;

    loc = href + '&pi=' + rel;
    window.location.href = loc;

    return false;
}