// For Sign Up Pop Up
function signIn(){openModal("/tournament/_content/modal/login.php");}
function logOut(){openModal("/tournament/_content/modal/logout.php");}
function signUp(){openModal("/tournament/_content/modal/register.php");}

function loginSuccessful(){}
function logoutSuccessful(){}


var modalIsOpen = false;

var pageDimensions = {width: 0, height: 0};
if(document.documentElement){
	pageDimensions.width = document.documentElement.offsetWidth;
	pageDimensions.height = document.documentElement.offsetHeight;
}
else if(window.innerWidth && window.innerHeight){
	pageDimensions.width = window.innerWidth;
	pageDimensions.height = window.innerHeight;
}

function openModal(url, childObj, callback){
		
	function modalInComplete(){

		if(childObj != undefined){
	
			modalWindow.removeClass('modalWindowLoading');
			modalWindow.addClass('modalWindow');
			
			modalWindow.css('opacity',"0");
			modalWindow.animate({opacity:"1"}, {duration: 500});

			modalWindow.append("<table style='width:100%; height: 100%;' cellpadding='0px' cellspacing='0px'><tr><td align='center' valign='middle' id='modalWindow_contentHolder'></td></tr></table>");
			
			if(childObj != ""){
				childObj.css('position',"relative");
				$('modalWindow_contentHolder').append(childObj);
			}
		}
		else{
			modalWindow.addClass('modalWindowLoading');

			function requestComplete(result, status){
				
				modalWindow.removeClass('modalWindowLoading');
				modalWindow.addClass('modalWindow');
	
				modalWindow.css('opacity',"0");
				modalWindow.animate({opacity:"1"}, {duration: 500});
		
				modalWindow.append("<table style='width:100%; height: 100%;' cellpadding='0px' cellspacing='0px'><tr><td align='center' valign='middle' id='modalWindow_contentHolder'>" + result + "</td></tr></table>");
			}
			
			$.ajax({url: url, cache: false, contentType: 'html', success: requestComplete});
		}
		if(callback != undefined){callback();}
	}
	
	if(!modalIsOpen){
		
		modalIsOpen = true;
		
		$('#header').css('visibility',"hidden");
		
		var modal = $("<div id='modal'></div>");
		modal.appendTo('body');
		
		var modalOverlay = $("<div id='modalOverlay'></div>");
		var modalWindow = $("<div id='modalWindow'></div>");

		modal.append(modalOverlay);
		modal.append(modalWindow);

		modal.css('height', pageDimensions.height + 'px');
		modalOverlay.css('height',"100%");

		modalOverlay.css('opacity',"0");
		modalOverlay.animate({opacity:"0.8"}, {duration: 500, complete: modalInComplete});
		
	}
	
}	


function closeModal(){

	$('#modalWindow').empty();

	//modalWindow.css('.opacity = "0";
	$('#modalWindow').animate({opacity:"0"}, {duration: 500, complete: completeFunc});	
	$('#modalOverlay').animate({opacity:"0"}, {duration: 500});

	function completeFunc(){
		$('#modal').remove();
		$('#header').css('visibility',"visible");
		modalIsOpen = false;
	}
}

$(document).ready(function(){
	
	$('#newsPressReleases .pageNav ul li a').click(function() {
	    $clicked = $(this);
	    $('.pageNav ul li').removeClass("selected");
	    $(document.body).removeClass();
	    $clicked.parent().addClass("selected");

	    var idToLoad = $(this).parent().attr("id").split('-');
	    
	    $("#content").find("div:visible").fadeOut("fast", function(){
	    	
	    	$('#content').find("#"+idToLoad[0]).fadeIn("fast");
	    });
	    
	    return false;
	});


	/*===================================================================================
	  PNG Fix
	===================================================================================*/
	$('#wrapper').pngFix();
	$('#footer').pngFix();
	$('#logos').pngFix();
	$('#tabs .tabcontent').pngFix();
	
	/*===================================================================================
	  Pre-Order Peek-A-Boo
	===================================================================================*/
	
	
	var preorderOne = {
	    preOrderOnedefaults: {
	    	preOrderOnemaxHeight:350,
	    	preOrderOnestate:'closed',
	    	preOrderOneoffsetTop:2
	    },
	    preorderOneinit: function(){
	    	$('#preOrderTriggerOne').hover(function(evt){
	    		preOrderOneblindOpen(this)
	    		// console.log("clicked");
	    	});
	    	$('#preOrderLayer').css({top: 1480 + "px"});
	    	$('#preOrderOne').css({top: 2 +"px"});
	    	$('.preOrderCap').css({top: 2 +"px"});
	    },
	    preOrderOnetoggleBlind: function(obj){
	    	if(this.preOrderOnedefaults.preOrderOnestate == 'closed'){
	    		this.preOrderOneblindOpen(obj)
	    	}else{
	    		this.preOrderOneblindClosed(obj)
	    	}
	    },
	    preOrderOneblindOpen: function(obj){
	    	var preOrderOnetopVal = this.preOrderOnedefaults.preOrderOneoffsetTop - this.preOrderOnedefaults.preOrderOnemaxHeight
	    	$(obj).stop().animate({
	    		height: this.preOrderOnedefaults.preOrderOnemaxHeight+'px',
	    		top: preOrderOnetopVal+'px'
	    	}, {"duration": 500, "easing": "easeOutQuart"});
	    	this.preOrderOnedefaults.preOrderOnestate = 'open'
	    },
	    preOrderOneblindClosed: function(obj){
	    	$(obj).stop().animate({
	    		height: 0,
	    		top: this.preOrderOnedefaults.preOrderOneoffsetTop+'px'	    		
	    	}, {"duration": 500, "easing": "easeOutQuart"});
	    	this.preOrderOnedefaults.preOrderOnestate = 'closed'
	    }
	}
	preOrderOneblindOpen = function(obj){
	    var preOrderOneparent = obj.parentNode;
	    preorderOne.preOrderOnetoggleBlind(preOrderOneparent)
	}
	
	preorderOne.preorderOneinit()
	
	var preorderTwo = {
	    preOrderTwodefaults: {
	    	preOrderTwomaxHeight:350,
	    	preOrderTwostate:'closed',
	    	preOrderTwooffsetTop:2
	    },
	    preorderTwoinit: function(){
	    	$('#preOrderTriggerTwo').hover(function(evt){
	    		preOrderTwoblindOpen(this)
	    		// console.log("clicked");
	    	});
	    	$('#preOrderLayer').css({top: 1480 + "px"});
	    	$('#preOrderTwo').css({top: 2 +"px"});
	    	$('.preOrderCap').css({top: 2 +"px"});
	    },
	    preOrderTwotoggleBlind: function(obj){
	    	if(this.preOrderTwodefaults.preOrderTwostate == 'closed'){
	    		this.preOrderTwoblindOpen(obj)
	    	}else{
	    		this.preOrderTwoblindClosed(obj)
	    	}
	    },
	    preOrderTwoblindOpen: function(obj){
	    	var preOrderTwotopVal = this.preOrderTwodefaults.preOrderTwooffsetTop - this.preOrderTwodefaults.preOrderTwomaxHeight
	    	$(obj).stop().animate({
	    		height: this.preOrderTwodefaults.preOrderTwomaxHeight+'px',
	    		top: preOrderTwotopVal+'px'
	    	}, {"duration": 500, "easing": "easeOutQuart"});
	    	this.preOrderTwodefaults.preOrderTwostate = 'open'
	    },
	    preOrderTwoblindClosed: function(obj){
	    	$(obj).stop().animate({
	    		height: 0,
	    		top: this.preOrderTwodefaults.preOrderTwooffsetTop+'px'	    		
	    	}, {"duration": 500, "easing": "easeOutQuart"});
	    	this.preOrderTwodefaults.preOrderTwostate = 'closed'
	    }
	}
	preOrderTwoblindOpen = function(obj){
	    var preOrderTwoparent = obj.parentNode;
	    preorderTwo.preOrderTwotoggleBlind(preOrderTwoparent)
	}
	
	preorderTwo.preorderTwoinit()
	
	var preorderThree = {
	    preOrderThreedefaults: {
	    	preOrderThreemaxHeight:350,
	    	preOrderThreestate:'closed',
	    	preOrderThreeoffsetTop:2
	    },
	    preorderThreeinit: function(){
	    	$('#preOrderTriggerThree').hover(function(evt){
	    		preOrderThreeblindOpen(this)
	    		// console.log("clicked");
	    	});
	    	$('#preOrderLayer').css({top: 1480 + "px"});
	    	$('#preOrderThree').css({top: 2 +"px"});
	    	$('.preOrderCap').css({top: 2 +"px"});
	    },
	    preOrderThreetoggleBlind: function(obj){
	    	if(this.preOrderThreedefaults.preOrderThreestate == 'closed'){
	    		this.preOrderThreeblindOpen(obj)
	    	}else{
	    		this.preOrderThreeblindClosed(obj)
	    	}
	    },
	    preOrderThreeblindOpen: function(obj){
	    	var preOrderThreetopVal = this.preOrderThreedefaults.preOrderThreeoffsetTop - this.preOrderThreedefaults.preOrderThreemaxHeight
	    	$(obj).stop().animate({
	    		height: this.preOrderThreedefaults.preOrderThreemaxHeight+'px',
	    		top: preOrderThreetopVal+'px'
	    	}, {"duration": 500, "easing": "easeOutQuart"});
	    	this.preOrderThreedefaults.preOrderThreestate = 'open'
	    },
	    preOrderThreeblindClosed: function(obj){
	    	$(obj).stop().animate({
	    		height: 0,
	    		top: this.preOrderThreedefaults.preOrderThreeoffsetTop+'px'	    		
	    	}, {"duration": 500, "easing": "easeOutQuart"});
	    	this.preOrderThreedefaults.preOrderThreestate = 'closed'
	    }
	}
	preOrderThreeblindOpen = function(obj){
	    var preOrderThreeparent = obj.parentNode;
	    preorderThree.preOrderThreetoggleBlind(preOrderThreeparent)
	}
	
	preorderThree.preorderThreeinit()
	/*===================================================================================
	  Footer Peek-A-Boo
	===================================================================================*/
	
	
	positionBar = function(value) {
		var trigger = {
			defaults: {
		    	maxHeight:190,
		    	state:'closed',
		    	offsetTop: value
		    },
		    init: function(){
		    	$('#trigger').hover(function(evt){
		    		blindOpen(this)
		    		this.defaults.state = 'open';
		    		// console.log('init');
		    	});
		    	$('.slider').css({top: value+"px"});
		    	$('#sliderCap').css({top: value + 17+"px"});
		    },
		    toggleBlind: function(obj){
		    	if(this.defaults.state == 'closed'){
		    		this.blindOpen(obj)
		    		this.defaults.state = 'open';
		    		// console.log('state == closed');
		    	}else{
		    		this.blindClosed(obj)
		    		this.defaults.state = 'closed';
		    		// console.log('not closed state = open');
		    	}
		    },
		    blindOpen: function(obj){
		    	var topVal = this.defaults.offsetTop - this.defaults.maxHeight
		    	$(obj).stop().animate({
		    		height: this.defaults.maxHeight+'px',
		    		top: topVal+'px'
		    	}, {"duration": 400, "easing": "easeOutQuart"});
		    	$('#logoGarden').fadeIn(400);
		    	// console.log('here');
		    },
		    blindClosed: function(obj){
		    	$(obj).stop().animate({
		    		height: 0,
		    		top: this.defaults.offsetTop+'px'	    		
		    	}, {"duration": 600, "easing": "easeOutQuart"});
		    	$('#logoGarden').fadeOut(650);
		    }
		}
		blindOpen = function(obj){
		    var parent = obj.parentNode;
		    trigger.toggleBlind(parent)

		}
		
		trigger.init()
	}
		if ($('#wrapper').hasClass('character'))
			positionBar(2392);
		
		if ($('#wrapper').hasClass('home'))
			var positionPeek = 1762;
	
		if ($('#wrapper').hasClass('characters'))
			var positionPeek = 932;
		
		if ($('#wrapper').hasClass('media'))
			var positionPeek = 832;
			
		if ($('#wrapper').hasClass('tournament'))
			var positionPeek = 702;
			
		if ($('#wrapper').hasClass('news'))
			var positionPeek = 1122;
			
		if ($('#wrapper').hasClass('reserve'))
			var positionPeek = 850;
	
	
});