$("document").ready(function() {
    var hashes = ["home-page", "news-page", "bio-page", "series-page", "sponsors-page", "contact-page", "gallery-page"];
    var backgrounds = $(".background");
    $.each(backgrounds, function(index, value) {
        theMargin = parseInt($(this).css("left"), 10);
        newMargin = theMargin + (320 * index);
        $(this).css("left", -newMargin)
    });

    function offScreen() {
        var elements = $(".element");
        $.each(elements, function(index, value) {
            var winWidth = $(window).width();
            var elOffset = $(this).offset();
            if (elOffset.left > winWidth) {
                $(this).hide()
            } else {
                $(this).show()
            }
        })
    }
    function navReveal() {
        var ua = $.browser;
        if (ua.msie && ua.version.slice(0, 3) < "9") {} else {
            var navEls = $(".navigation");
            $.each(navEls, function(index, value) {
                var navOffset = $(this).offset();
                if (navOffset.left < 800) {
                    $(this).stop(true, false).animate({
                        opacity: 1
                    }, 1200)
                } else {
                    $(this).stop(true, true).animate({
                        opacity: 0
                    })
                }
            })
        }
    }
    function parallax(el, position) {
        leftMargin = ($("#container").scrollLeft() * 0.25) - (position * (1240 * 0.25));
        leftMargin2 = leftMargin * -1.6;
        el.find(".background").css({
            left: (leftMargin)
        });
        el.find(".middle").css({
            left: (leftMargin2 + (6 * position))
        })
    }
    var lastScrollLeft = 0;
    $("#container").scroll(function() {
        offScreen();
        navReveal();
        parallax($(".one"), 0);
        parallax($(".two"), 1);
        parallax($(".three"), 2);
        parallax($(".four"), 3);
        parallax($(".five"), 4);
        parallax($(".six"), 5);
        parallax($(".seven"), 6)
    });
    $(function() {
        $("#slider_footer").slider({
            animate: true,
            value: 0,
            min: 0,
            max: 6,
            step: 1,
            slide: function(event, ui) {
                $("#amount").val("$" + (100 / ui.value));
                $("#container").stop(true, true).animate({
                    scrollLeft: ui.value * 1240
                }, 3200, "easeOutBack");
                window.location.hash = hashes[ui.value]
            }
        })
    });

    function navClick(myNav, navVal, extra) {
        myNav.click(function() {
            $("#slider_footer").slider({
                value: navVal
            });
            $("#container").stop(true, true).animate({
                scrollLeft: 1240 * navVal
            }, 1200, "easeOutBack");
            window.location.hash = hashes[navVal]
        })
    }
    var navbuttons = $(".nav_el");
    $.each(navbuttons, function(index, value) {
        navClick($(this), index)
    });
    navClick($(".nav_el_home"), 0);
    navClick($(".nav_el_news"), 1);
    navClick($(".nav_el_bio"), 2);
    navClick($(".nav_el_series"), 3);
    navClick($(".nav_el_sponsors"), 4);
    navClick($(".nav_el_contact"), 5);
    navClick($(".nav_el_gallery"), 6);
    theFooter = $("#footer");

    function footerLove() {
        if (($(window).height() - 83) >= 650) {
            theFooter.css("top", "650px")
        } else {
            $("#bug").text($(window).height() - 83);
            theFooter.removeAttr("style")
        }
    }
    footerLove();
    $(window).resize(function() {
        footerLove()
    });
    var OH = $("#news_archive").outerHeight(true);
    var CH = $("#news_articles").find(".container").height();

    function theHash() {
        var hashStr = window.location.hash;
		var hashArr = hashStr.split("/");
		var hash = hashArr[0];
        switch (true) {
        case (hash == "#home-page"):
            $("#slider_footer").slider({
                value: 0
            });
            $("#container").stop(true, true).animate({
                scrollLeft: 1240 * 0
            }, 1200, "easeOutBack");
            break;
        case (hash == "#news-page"):
            $("#slider_footer").slider({
                value: 1
            });
            $("#container").stop(true, true).animate({
                scrollLeft: 1240 * 1
            }, 1200, "easeOutBack", function(){
				var hashID = "#"+hashArr[1];
				$(".news_item").filter(hashID).trigger('click');
			});
            break;
        case (hash == "#bio-page"):
            $("#slider_footer").slider({
                value: 2
            });
            $("#container").stop(true, true).animate({
                scrollLeft: 1240 * 2
            }, 1200, "easeOutBack");
            break;
        case (hash == "#series-page"):
            $("#slider_footer").slider({
                value: 3
            });
            $("#container").stop(true, true).animate({
                scrollLeft: 1240 * 3
            }, 1200, "easeOutBack");
            break;
        case (hash == "#sponsors-page"):
            $("#slider_footer").slider({
                value: 4
            });
            $("#container").stop(true, true).animate({
                scrollLeft: 1240 * 4
            }, 1200, "easeOutBack");
            break;
        case (hash == "#contact-page"):
            $("#slider_footer").slider({
                value: 5
            });
            $("#container").stop(true, true).animate({
                scrollLeft: 1240 * 5
            }, 1200, "easeOutBack");
            break;
        case (hash == "#gallery-page"):
            $("#slider_footer").slider({
                value: 6
            });
            $("#container").stop(true, true).animate({
                scrollLeft: 1240 * 6
            }, 1200, "easeOutBack");
            break;
        default:
            $("#slider_footer").slider({
                value: 0
            });
            $("#container").stop(true, true).animate({
                scrollLeft: 1240 * 0
            }, 1200, "easeOutBack")
        }
    }
    var loadMe = $("#bio").find(".container").jScrollPane().data("jsp");
    var loadContents = $("#bio").find(".jspContainer");
    var loadMeTitle = $("#bio").find(".yellow_bar");
    loadMe.getContentPane().load("bio-history.php", function() {
        loadMe.reinitialise();
        $(".bio_history").css({
            color: "#fdd700"
        })
    });
    $(".bio_history").bind("click", function() {
        closeGallery();
        loadContents.hide();
        loadMe.getContentPane().load("bio-history.php", function() {
            loadContents.fadeIn();
            loadMe.reinitialise();
            $(".bio_history").css({
                color: "#fdd700"
            });
            $(".bio_milestones").css({
                color: "#ffffff"
            });
            $(".bio_offtrack").css({
                color: "#ffffff"
            });
            loadMeTitle.text("Driver History")
        })
    });
    $(".bio_milestones").bind("click", function() {
        closeGallery();
        loadContents.hide();
        loadMe.getContentPane().load("bio-milestones.php", function() {
            loadContents.fadeIn();
            loadMe.reinitialise();
            $(".bio_history").css({
                color: "#ffffff"
            });
            $(".bio_milestones").css({
                color: "#fdd700"
            });
            $(".bio_offtrack").css({
                color: "#ffffff"
            });
            loadMeTitle.text("Driver Milestones")
        })
    });
    $(".bio_offtrack").bind("click", function() {
        closeGallery();
        loadContents.hide();
        loadMe.getContentPane().load("bio-offtrack.php", function() {
            loadContents.fadeIn();
            loadMe.reinitialise();
            $(".bio_history").css({
                color: "#ffffff"
            });
            $(".bio_milestones").css({
                color: "#ffffff"
            });
            $(".bio_offtrack").css({
                color: "#fdd700"
            });
            loadMeTitle.text("Off Track Info")
        })
    });
    var NewsMe = $("#news_articles").find(".container").jScrollPane().data("jsp");
    var NewsMeTitle = $("#news_articles").find(".yellow_bar");
    var NewsArticle = $("#news_article").jScrollPane().data("jsp");
    var NewsArticleContainer = $("#news_display");
    NewsArticleContainer.hide();
    var newsClose = $("#news_close");
    NewsMe.getContentPane().load("news.php", function() {
        $(".news_item").bind("click", function() {
            var newsID = $(this).attr("id");
            var newsLoad = "news.php?id=" + newsID;
            NewsArticle.getContentPane().load(newsLoad, function() {
                NewsArticleContainer.hide().fadeIn();
                NewsArticle.scrollTo(0, 0);
                NewsArticle.reinitialise()
            })
        });
        newsClose.click(function() {
            NewsArticleContainer.hide()
        });
        var readmore = $("#home_rule").find("span");
        var readID = "news.php?id=" + readmore.attr("id");
        readmore.click(function() {
            window.location.hash = "#news-page";
            theHash();
            NewsArticle.getContentPane().load(readID, function() {
                NewsArticleContainer.hide().fadeIn();
                NewsArticle.scrollTo(0, 0);
                NewsArticle.reinitialise()
            })
        });
        NewsMe.reinitialise()
    });
    $(".news_all").bind("click", function() {
        $(".news_item").slideDown("slow", function() {
            NewsMe.reinitialise()
        });
        $(".news_all").css({
            color: "#fdd700"
        });
        $(".news_articles").css({
            color: "#ffffff"
        });
        $(".news_releases").css({
            color: "#ffffff"
        });
        $(".news_pre_reports").css({
            color: "#ffffff"
        });
        $(".news_qualifies").css({
            color: "#ffffff"
        });
        $(".news_post_reports").css({
            color: "#ffffff"
        });
        $(".news_announcements").css({
            color: "#ffffff"
        });
        NewsMeTitle.text("All News Items")
    });
    $(".news_articles").bind("click", function() {
        $(".news_item").slideUp("fast");
        $(".news_article").slideDown("slow", function() {
            NewsMe.reinitialise()
        });
        $(".news_all").css({
            color: "#ffffff"
        });
        $(".news_articles").css({
            color: "#fdd700"
        });
        $(".news_releases").css({
            color: "#ffffff"
        });
        $(".news_pre_reports").css({
            color: "#ffffff"
        });
        $(".news_qualifies").css({
            color: "#ffffff"
        });
        $(".news_post_reports").css({
            color: "#ffffff"
        });
        $(".news_announcements").css({
            color: "#ffffff"
        });
        NewsMeTitle.text("News Articles")
    });
    $(".news_releases").bind("click", function() {
        $(".news_item").slideUp("fast");
        $(".news_release").slideDown("slow", function() {
            NewsMe.reinitialise()
        });
        $(".news_all").css({
            color: "#ffffff"
        });
        $(".news_articles").css({
            color: "#ffffff"
        });
        $(".news_releases").css({
            color: "#fdd700"
        });
        $(".news_pre_reports").css({
            color: "#ffffff"
        });
        $(".news_qualifies").css({
            color: "#ffffff"
        });
        $(".news_post_reports").css({
            color: "#ffffff"
        });
        $(".news_announcements").css({
            color: "#ffffff"
        });
        NewsMeTitle.text("Press Releases")
    });
    $(".news_pre_reports").bind("click", function() {
        $(".news_item").stop(true, true).slideUp("fast");
        $(".news_pre_report").stop(true, true).slideDown("slow", function() {
            NewsMe.reinitialise()
        });
        $(".news_all").css({
            color: "#ffffff"
        });
        $(".news_articles").css({
            color: "#ffffff"
        });
        $(".news_releases").css({
            color: "#ffffff"
        });
        $(".news_pre_reports").css({
            color: "#fdd700"
        });
        $(".news_qualifies").css({
            color: "#ffffff"
        });
        $(".news_post_reports").css({
            color: "#ffffff"
        });
        $(".news_announcements").css({
            color: "#ffffff"
        });
        NewsMeTitle.text("Race Advances")
    });
    $(".news_post_reports").bind("click", function() {
        $(".news_item").stop(true, true).slideUp("fast");
        $(".news_post_report").stop(true, true).slideDown("slow", function() {
            NewsMe.reinitialise()
        });
        $(".news_all").css({
            color: "#ffffff"
        });
        $(".news_articles").css({
            color: "#ffffff"
        });
        $(".news_releases").css({
            color: "#ffffff"
        });
        $(".news_pre_reports").css({
            color: "#ffffff"
        });
        $(".news_qualifies").css({
            color: "#ffffff"
        });
        $(".news_post_reports").css({
            color: "#fdd700"
        });
        $(".news_announcements").css({
            color: "#ffffff"
        });
        NewsMeTitle.text("Post Race Reports")
    });
    $(".news_announcements").bind("click", function() {
        $(".news_item").stop(true, true).slideUp("fast");
        $(".news_sponsor").stop(true, true).slideDown("slow", function() {
            NewsMe.reinitialise()
        });
        $(".news_all").css({
            color: "#ffffff"
        });
        $(".news_articles").css({
            color: "#ffffff"
        });
        $(".news_releases").css({
            color: "#ffffff"
        });
        $(".news_pre_reports").css({
            color: "#ffffff"
        });
        $(".news_qualifies").css({
            color: "#ffffff"
        });
        $(".news_post_reports").css({
            color: "#ffffff"
        });
        $(".news_announcements").css({
            color: "#fdd700"
        });
        NewsMeTitle.text("Sponsor Announcements")
    });
    var loadSeries = $("#series").find(".container").jScrollPane().data("jsp");
    var seriesContent = $("#series").find(".jspContainer");
    var seriesTitle = $("#series").find(".yellow_bar");
    loadSeries.getContentPane().load("series.php .schedule", function() {
        loadSeries.reinitialise();
        $(".series_schedule").css({
            color: "#fdd700"
        })
    });
    $("#series_fixed_title").load("series.php #schedule_title_fixed");
    $(".series_schedule").bind("click", function() {
        $("#series_fixed_title").load("series.php #schedule_title_fixed");
        seriesContent.hide();
        loadSeries.getContentPane().load("series.php .schedule", function() {
            seriesContent.fadeIn();
            loadSeries.reinitialise();
            $(".series_schedule").css({
                color: "#fdd700"
            });
            $(".series_standings").css({
                color: "#ffffff"
            });
            seriesTitle.text("Schedule")
        })
    });
    $(".series_standings").bind("click", function() {
        $("#series_fixed_title").load("series.php #standings_fixed");
        seriesContent.hide();
        loadSeries.getContentPane().load("series.php #standings_results", function() {
            seriesContent.fadeIn();
            loadSeries.reinitialise();
            $(".series_schedule").css({
                color: "#ffffff"
            });
            $(".series_standings").css({
                color: "#fdd700"
            });
            seriesTitle.text("Results")
        })
    });
    var GloadMe = $("#gallery").find(".container").jScrollPane().data("jsp");
    var GloadContents = $("#gallery").find(".jspContainer");
    var GloadMeTitle = $("#gallery").find(".yellow_bar");
    var GalleryList = $("#gallery_article").jScrollPane().data("jsp");
    var GalleryListContainer = $("#gallery_display");
    GalleryListContainer.hide();
    var galleryClose = $("#gallery_close");
    galleryClose.click(function() {
        GalleryListContainer.hide()
    });
    GloadMe.getContentPane().load("gallery.php", function() {
        $(".gallery_button").bind("click", function() {
            var galleryID = $(this).attr("id");
            var galleryLoad = "gallery.php?id=" + galleryID;
            GalleryList.getContentPane().load(galleryLoad, function() {
                GalleryListContainer.hide().fadeIn();
                $("#gallery_article").find("ul.gallery_ul").fadeIn();
                $("#gallery_article").find("div.div_list").hide();
                $("a.the_gallery").attr("rel", "gallery").fancybox();
                GalleryList.scrollTo(0, 0);
                GalleryList.reinitialise()
            })
        });
        GloadContents.fadeIn();
        GloadMe.reinitialise()
    });

    function closeGallery() {
        galleryClose.trigger("click")
    }
    
    //Contact Hero Card 
     $(".con_contact").css('color','#ffd700');
    $(".con_hero").bind("click", function() {
     $(".con_hero").css('color','#ffd700');
     $(".con_contact").css('color','#ffffff');
    	$('.hero_info').fadeIn();
    	$('#contactForm').hide();
    	$('#legal').hide();
    });
    $(".con_contact").bind("click", function() {
        $(".con_contact").css('color','#ffd700');
     $(".con_hero").css('color','#ffffff');
	   	$('.hero_info').fadeOut();
    	$('#contactForm').show();
    	$('#legal').show();
    });
    
    var scrollPanes = $(".scroll-pane").jScrollPane();
    $(".jspDrag").focus(function() {
        $(this).css("background-color", "#ffd007")
    }).mouseup(function() {
        $(this).css("background-color", "#444444")
    });
    var twitter_api_url = "http://search.twitter.com/search.json";
    var twitter_user = "MichaelAnnett";
    $.ajaxSetup({
        cache: true
    });
    $.getJSON(twitter_api_url + "?callback=?&rpp=1&q=from:" + twitter_user, function(data) {
        $.each(data.results, function(i, tweet) {
            if (tweet.text !== undefined) {
                var date_tweet = new Date(tweet.created_at);
                var date_now = new Date();
                var date_diff = date_now - date_tweet;
                var hours = Math.round(date_diff / (1000 * 60 * 60));
                var tweet_html = tweet.text;
                $("#home_tweet").html(tweet_html)
            }
        })
    });
    $("#footer_soon").hide();
    $("#shop").mouseenter(function() {
        $("#footer_soon").stop(true, true).fadeIn()
    }).mouseleave(function() {
        $("#footer_soon").stop(true, true).fadeOut()
    });
    $("li.nav_el_shop").mouseenter(function() {
        $("#footer_soon").stop(true, true).fadeIn()
    }).mouseleave(function() {
        $("#footer_soon").stop(true, true).fadeOut()
    });

    function customizeForDevice() {
        var ua = navigator.userAgent;
        var checker = {
            iphone: ua.match(/(iPhone|iPod|iPad)/),
            blackberry: ua.match(/BlackBerry/),
            android: ua.match(/Android/),
            winmo: ua.match(/Windows Phone/)
        };
        if (checker.android) {
            $("body").css({
                width: "1400px !important",
                height: "933px !important"
            });
            $("#container").css({
                width: "1400px !important",
                height: "933px !important",
                "background-color": "#ffd700"
            });
            $("#footer").css("width", "1400px")
        } else {
            if (checker.iphone) {
                $("body").css({
                    width: "1400px !important",
                    height: "933px !important"
                });
                $("#container").css({
                    width: "1400px !important",
                    height: "933px !important",
                    "background-color": "#ffd700"
                });
                $("#footer").css({
                    "width": "1400px"
                })
            } else {
                if (checker.blackberry) {
                    $("body").css({
                        width: "1400px !important",
                        height: "933px !important"
                    });
                    $("#container").css({
                        width: "1400px !important",
                        height: "933px !important",
                        "background-color": "#ffd700"
                    });
                    $("#footer").css("width", "1400px")
                } else {
                    if (checker.winmo) {
                        alert("Sorry this page is not optimized for Windows Mobile. Continue at your own risk.");
                        $("body").css({
                            width: "1800px !important",
                            height: "933px !important"
                        });
                        $("#container").css({
                            width: "1400px !important",
                            height: "933px !important",
                            "background-color": "#ffd700"
                        });
                        $("#footer").css("width", "1400px")
                    } else {}
                }
            }
        }
    }
	theHash();
    customizeForDevice();
});