$(document).ready(function(){
    RollImage();
    ContactForm();
    FlipFields();
    PopupMessage();
    $('.slideshow').cycle({
        fx: 'scrollLeft',
        speed: 1000,
        timeout: 3000
    });

});

function FlipFields(){

    $(".Finput").focusin(function (){
        $(this).addClass("FinputFlip");
    });
    $(".Finput").focusout(function (){
        $(this).removeClass("FinputFlip");
    });
}


function RollImage(){

    $('a[rel*=roll]').hover(function(){
        $(this).find('img').css("top", "-52px");
    },function(){
        $(this).find('img').css("top", "0px");
    });
	
    $('a[rel*=proll]').hover(function(){
        $(this).find('img').css("top", "-38px");
    },function(){
		
        $(this).find('img').css("top", "0px");
		
    });
}

function ContactForm(){

    //send email
    $('input[name=Submit]').click(function (){
        if(ValidateForm()){
            $(".success").html('<img src="/images/loader.gif" alt="info" /> Please wait while we prepare your message for sending!');
            $(".success").show("clip", {
                direction: "vertical"
            }, 1000);
            AjaxSend();
            
        }
        else {
            $(".failure").show("clip", {
                direction: "vertical"
            }, 1000).delay(3000).hide("clip", {
                direction: "vertical"
            }, 1000);
        }
        return false;
    });

    $('input[name=Close]').click(function (){
        $('#contact').slideUp();
        return false;
    });

    //toggle contact us for form
    $('.displayContact').toggle(function(){
        $('#contact').slideDown();
        return false;
    },function(){
        $('#contact').slideUp();
        return false;
    })
}

function ValidateForm(){
    var passed = true;
    $('input[type=text], textarea').each(function(){
        if(($(this).val().length) < 1){
            passed = false;
        }
    });
    return passed;
}

function PopupMessage(){
    $('a[rel*=tip]').mouseover(function(){
        var title = $(this).attr('title');
        var offset = $(this).find('img').offset();        

        $("#popMsg").html(title);
        $("#popMsg").css({
            top: offset.top +80,
            left: offset.left +23
        }).slideDown();

    });

    $('a[rel*=tip]').mouseout(function(){
        $("#popMsg").hide();
    });

    $('a[rel*=tip]').click(function(){
        var option = $(this).attr('href');
        var count = 0
        $('.portfolio:eq('+option+')').fadeIn(2000);
        $('.portfolio').each(function(){
            count++;
            if(!((count-1) == option)){
                if($(this).is(':visible')){
                    $(this).hide();
                }
            }
        });		
        return false
    })
}

function AjaxSend(){
    var name= $('input[name=name]').val();
    var contact= $('input[name=contact]').val();
    var email= $('input[name=email]').val();
    var query= $('textarea[name=query]').val();

    $.ajax({
        type: "POST",
        url: '/content/sendmail.php',
        dataType: 'html',
        data: 'name='+name+'&contact='+contact+'&email='+email+'&query='+query,

        success: function(html){
            $(".success").html();
            $(".success").html(html);
            $(".success").show("clip", {
                direction: "vertical"
            }, 1000);
            $('#contact').delay(4000).slideUp(function(){
                $(".success").hide();
            });
            
        },

        error: function(){
            $(".success").css({
                display:"none"
            });
            $(".failure").html('<img src="/images/error.png" width="32" height="32" alt="info" />Error occured whilst sending the message. Please try again');
            $(".failure").show("clip", {
                direction: "vertical"
            }, 1000);
        },

        complete: function(){

        }

    });
}