$(document).ready(function() {
    $('.arrow').cycle({
		fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
	});
	$("workNav").addClass("right")
});


//Right Arrow Slider Function

$(function() {
            $('#rightArrow').hover(
                function () {
                    var $this = $(this);
                    $('a',$this).stop(true,true).animate({
                            'left':'0'
                        }, 300);
                    
                },
                function () {
                    var $this = $(this);
                    $('a',$this).stop(true,true).animate({
                            'left':'-60px'
                        }, 300);
                   
                }
            );
        });

$(function() {
            $('#navRight').hover(
                function () {
                   // var $this = $(this);
                    $('#rightArrow a').stop(true,true).animate({
                            'left':'0'
                        }, 300);
                    
                },
                function () {
                   // var $this = $(this);
                    $('#rightArrow a').stop(true,true).animate({
                            'left':'-60px'
                        }, 300);
                   
                }
            );
        });


//Top Arrow Slider Function

$(function() {
            $('#topArrow').hover(
                function () {
                    var $this = $(this);
                    $('a',$this).stop(true,true).animate({
                            'top':'0'
                        }, 300);
                    
                },
                function () {
                    var $this = $(this);
                    $('a',$this).stop(true,true).animate({
                            'top':'60'
                        }, 300);
                   
                }
            );
        });

$(function() {
            $('#navTop').hover(
                function () {
                   // var $this = $(this);
                    $('#topArrow a').stop(true,true).animate({
                            'top':'0'
                        }, 300);
                    
                },
                function () {
                   // var $this = $(this);
                    $('#topArrow a').stop(true,true).animate({
                            'top':'60px'
                        }, 300);
                   
                }
            );
        });


//Left Arrow Slider Function

$(function() {
            $('#leftArrow').hover(
                function () {
                    var $this = $(this);
                    $('a',$this).stop(true,true).animate({
                            'left':'0'
                        }, 300);
                    
                },
                function () {
                    var $this = $(this);
                    $('a',$this).stop(true,true).animate({
                            'left':'60'
                        }, 300);
                   
                }
            );
        });

$(function() {
            $('#navLeft').hover(
                function () {
                   // var $this = $(this);
                    $('#leftArrow a').stop(true,true).animate({
                            'left':'0'
                        }, 300);
                    
                },
                function () {
                   // var $this = $(this);
                    $('#leftArrow a').stop(true,true).animate({
                            'left':'60px'
                        }, 300);
                   
                }
            );
        });


///////////// Hover Status On Work Page /////////////


$(function() {
            $('.totem a').hover(
                function () {
                   // var $this = $(this);
                    $('#totemCaption').stop(true,true).animate({
                            'left':'0'
                        }, 300);
                    
                },
                function () {
                   // var $this = $(this);
                    $('#totemCaption').stop(true,true).animate({
                            'left':'-38px'
                        }, 300);
                   
                }
            );
        });

$(function() {
            $('.audioSource a').hover(
                function () {
                   // var $this = $(this);
                    $('#asCaption').stop(true,true).animate({
                            'left':'0'
                        }, 300);
                    
                },
                function () {
                   // var $this = $(this);
                    $('#asCaption').stop(true,true).animate({
                            'left':'-38px'
                        }, 300);
                   
                }
            );
        });

$(function() {
            $('.beyondTheGlass a').hover(
                function () {
                   // var $this = $(this);
                    $('#beyondCaption').stop(true,true).animate({
                            'left':'0'
                        }, 300);
                    
                },
                function () {
                   // var $this = $(this);
                    $('#beyondCaption').stop(true,true).animate({
                            'left':'-38px'
                        }, 300);
                   
                }
            );
        });

$(function() {
            $('.drainright a').hover(
                function () {
                   // var $this = $(this);
                    $('#drainrightCaption').stop(true,true).animate({
                            'left':'0'
                        }, 300);
                    
                },
                function () {
                   // var $this = $(this);
                    $('#drainrightCaption').stop(true,true).animate({
                            'left':'-38px'
                        }, 300);
                   
                }
            );
        });

$(function() {
            $('.moxiegifts a').hover(
                function () {
                   // var $this = $(this);
                    $('#moxieCaption').stop(true,true).animate({
                            'left':'0'
                        }, 300);
                    
                },
                function () {
                   // var $this = $(this);
                    $('#moxieCaption').stop(true,true).animate({
                            'left':'-38px'
                        }, 300);
                   
                }
            );
        });

$(function() {
            $('.russelStover a').hover(
                function () {
                   // var $this = $(this);
                    $('#russelCaption').stop(true,true).animate({
                            'left':'0'
                        }, 300);
                    
                },
                function () {
                   // var $this = $(this);
                    $('#russelCaption').stop(true,true).animate({
                            'left':'-38px'
                        }, 300);
                   
                }
            );
        });

$(function() {
            $('.simplicit a').hover(
                function () {
                   // var $this = $(this);
                    $('#simplicitCaption').stop(true,true).animate({
                            'left':'0'
                        }, 300);
                    
                },
                function () {
                   // var $this = $(this);
                    $('#simplicitCaption').stop(true,true).animate({
                            'left':'-38px'
                        }, 300);
                   
                }
            );
        });

$(function() {
            $('.hangman a').hover(
                function () {
                   // var $this = $(this);
                    $('#hangmanCaption').stop(true,true).animate({
                            'left':'0'
                        }, 300);
                    
                },
                function () {
                   // var $this = $(this);
                    $('#hangmanCaption').stop(true,true).animate({
                            'left':'-38px'
                        }, 300);
                   
                }
            );
        });





//Navigation Position

function changePosition1()
{
document.getElementById("workNav").className += "right";
}

function changePosition2()
{
document.getElementById("aboutNav").className += "top";
}

function changePosition3()
{
document.getElementById("contactNav").className += "left";
}

window.onload = function(){

changePosition1();
changePosition2();
changePosition3();
}