$(document).ready(init);

var currentBackground;
var currentContent;
var previousBackground;
var previousContent;
var currentID = 1;
var previousID = 1;
var halt = false;

/**
 *	Initializes the page
 */
function init(){
    currentBackground = $("img").filter("#bg_1");
    currentContent = $("div").filter("#sliding_content_1");
    previousBackground = $("img").filter("#bg_1");
    previousContent = $("div").filter("#sliding_content_1");
    setupBackgroundSlider();
    setTimeout('startAutomation()', 15000);
}

/**
 *	Sets up the background animation events
 */
function setupBackgroundSlider(){
    // slide 1
    $("a").filter(".slide_1").click(function(event){
        document.getElementById('overlayBG').style.display = 'none';
        event.preventDefault();
        previousID = currentID;
        currentID = 1;
        halt = true;
        animateTransition();
    });
    
    // slide 2
    $("a").filter(".slide_2").click(function(event){
        document.getElementById('overlayBG').style.display = 'none';
        event.preventDefault();
        previousID = currentID;
        currentID = 2;
        halt = true;
        animateTransition();
    });
    
    // slide 3
    $("a").filter(".slide_3").click(function(event){
        document.getElementById('overlayBG').style.display = 'none';
        event.preventDefault();
        previousID = currentID;
        currentID = 3;
        halt = true;
        animateTransition();
    });
    
    // slide 4
    $("a").filter(".slide_4").click(function(event){
        document.getElementById('overlayBG').style.display = 'none';
        event.preventDefault();
        previousID = currentID;
        currentID = 4;
        halt = true;
        animateTransition();
    });
    
    // slide 5
    $("a").filter(".slide_5").click(function(event){
        document.getElementById('overlayBG').style.display = 'none';
        event.preventDefault();
        previousID = currentID;
        currentID = 5;
        animateTransition();
    });
    
    // next Slide
    $("a").filter(".nextSlide").click(function(event){
        if (currentID < 5) {
            document.getElementById('overlayBG').style.display = 'none';
            event.preventDefault();
            previousID = currentID;
            currentID += 1;
            halt = true;
            animateTransition();
        }
    });
    
    
    // Previous Slide
    $("a").filter(".previousSlide").click(function(event){
        if (currentID > 1) {
            document.getElementById('overlayBG').style.display = 'none';
            event.preventDefault();
            previousID = currentID;
            currentID -= 1;
            halt = true;
            animateTransition();
        }
    });
}

/**
 *	Performs sliding transition animations
 */
function animateTransition(){
    $("img").filter("#bg_" + currentID).animate({
        "left": "0px"
    }, "slow", "linear");
    $("img").filter("#bg_" + previousID).animate({
        "left": "1400px"
    }, "slow", "linear", function(){
        $(this).css({
            'left': '-1400px'
        })
    });
    
    //alert("CurrentID" + $("div").filter("#sliding_content_" + currentID));
    //alert("PreviousID" + $("div").filter("#sliding_content_" + previousID));
    $("div").filter("#sliding_content_" + currentID).css({
        'z-index': '3000'
    }).animate({
        "left": "0px"
    }, "slow");
    $("div").filter("#sliding_content_" + previousID).css({
        'z-index': '2000'
    }).animate({
        "left": "-469px"
    }, "slow");
}

function progressTransition(){
    if (halt == false) {
    
    
    }
    
}

function startAutomation(){
    if (currentID < 5 && halt == false) {
        previousID = currentID;
        currentID += 1;
        $("img").filter("#bg_" + currentID).animate({
            "left": "0px"
        }, "slow", "linear");
        $("img").filter("#bg_" + previousID).animate({
            "left": "1400px"
        }, "slow", "linear", function(){
            $(this).css({
                'left': '-1400px'
            })
        });
        
        //alert("CurrentID" + $("div").filter("#sliding_content_" + currentID));
        //alert("PreviousID" + $("div").filter("#sliding_content_" + previousID));
        $("div").filter("#sliding_content_" + currentID).css({
            'z-index': '3000'
        }).animate({
            "left": "0px"
        }, "slow");
        $("div").filter("#sliding_content_" + previousID).css({
            'z-index': '2000'
        }).animate({
            "left": "-469px"
        }, "slow");
        setTimeout('startAutomation()', 15000);
    }
	else if(currentID == 5 && halt == false){
		previousID = currentID;
        currentID = 1;
		$("img").filter("#bg_" + currentID).animate({
            "left": "0px"
        }, "slow", "linear");
        $("img").filter("#bg_" + previousID).animate({
            "left": "1400px"
        }, "slow", "linear", function(){
            $(this).css({
                'left': '-1400px'
            })
        });
        
        //alert("CurrentID" + $("div").filter("#sliding_content_" + currentID));
        //alert("PreviousID" + $("div").filter("#sliding_content_" + previousID));
        $("div").filter("#sliding_content_" + currentID).css({
            'z-index': '3000'
        }).animate({
            "left": "0px"
        }, "slow");
        $("div").filter("#sliding_content_" + previousID).css({
            'z-index': '2000'
        }).animate({
            "left": "-469px"
        }, "slow");
		setTimeout('startAutomation()', 15000);
	}
}



/* function initToggleContent(){
 $("li.toggle").click(function(){
 // switch all tabs off
 $("li.active").removeClass("active");
 
 // switch this tab on
 $(this).addClass("active");
 
 // switch all contents off
 $("div.toggle_content").hide();
 
 // show selected content
 var content_show = $(this).attr("title");
 $("#" + content_show).show();
 });
 
 // show the first toggable tab and content
 $("li#toggle_option_1").eq(0).addClass("active");
 $("div#toggle_content_1").show();
 } */
function detectMacFirefox2(){
    var ua = navigator.userAgent.toLowerCase();
    if (/firefox[\/\s](\d+\.\d+)/.test(ua)) {
        var firefox_version = new Number(RegExp.$1);
        if (firefox_version < 3 && ua.indexOf('mac') != -1) {
            return true;
        }
    }
    return false;
}