/*
Title:      Main JavaScript	

*/

// ------[ IE6 Cache Control (remove flicker on mouseover) ]------------------------------------------------- //	
try {
  document.execCommand('BackgroundImageCache', false, true);
} catch(e) {}

// ------[ Master Onload for all page. ]------------------------------------------------- //	
window.HostPapa = window.HostPapa || {};

HostPapa = { };

HostPapa.TLDCountry = {		
	Redirect : function () {			
		var prefix = "www";
		if(HostPapa.test == "1") {
			prefix = "dev";
		} 
		
		switch (this.value){
			case "BE":
				if(HostPapa.orderLanguage == "en") {
					$lang = "en";
				} else {
					$lang = "home";
				}

				document.location = "http://"+prefix+".hostpapa.eu/"+$lang+"/country/be";
				break;
				
			case "CA":
				if(HostPapa.orderLanguage == "fr") {
					$lang = "fr";
				} else {
					$lang = "";
				}			
				document.location = "http://"+prefix+".hostpapa.ca/" + $lang;
				break;
				
			case "FR":
				if(HostPapa.orderLanguage == "en") {
					$lang = "en";
				} else {
					$lang = "home";
				}			
				document.location = "http://"+prefix+".hostpapa.eu/"+$lang+"/country/fr";
				break;			
				
			case "NL":
				if(HostPapa.orderLanguage == "en") {
					$lang = "en";
				} else {
					$lang = "home";
				}			
				document.location = "http://"+prefix+".hostpapa.eu/"+$lang+"/country/nl";
				break;
				
			case "ES":
				if(HostPapa.orderLanguage == "en") {
					$lang = "en";
				} else {
					$lang = "home";
				}			
				document.location = "http://"+prefix+".hostpapa.eu/"+$lang+"/country/es";
				break;
				
			case "GB":
				document.location = "http://"+prefix+".hostpapa.co.uk/";		
				break;
				
			case "US":
				document.location = "http://"+prefix+".hostpapa.com/";			
				break;		
		}					
	}	
}

// ------[ Feature, for the featured items on the home ]------------------------------------------------- //	
HostPapa.Feature = {
	currentPage: 0,
	
	Init : function() {
		$('#feature .items li:gt(0)').hide();
		
		// Build the paging
		toInject = "";
		$('#feature .items li').each(function(i){
			toInject += "<li><a href='#' onclick='HostPapa.Feature.GoToPage("+i+");return false;'>"+(i+1)+"</a></li>";
		});
		
		$('#feature .paging').html(toInject);
		$('#feature .paging li:first').addClass('selected');
		
		$('#feature').hover(function(e){
			clearTimeout(slideshow);
			},
			function(){
				HostPapa.Feature.SetTimer();
		});
		
		HostPapa.Feature.SetTimer();
	},
	
	GoToPage : function(pageToShow,callback){
		clearTimeout(slideshow);
		
		// Fade out the current page
		$('#feature .items li:eq('+HostPapa.Feature.currentPage+')').fadeTo('normal',0,function(){
			$(this).hide();
			
			$('#feature .items li:eq('+pageToShow+')').css('opacity',0).show().fadeTo('normal',1);
		});
		
		// Select the correct paging item
		$('#feature .paging li.selected').removeClass('selected');
		$('#feature .paging li:eq('+pageToShow+')').addClass('selected');
		
		HostPapa.Feature.currentPage = pageToShow;
		
		if(callback) callback();
	},
	
	SetTimer : function(){
		slideshow = setTimeout(function(){
			nextPage = HostPapa.Feature.currentPage+1;
			if(nextPage == $('#feature .paging li').size()){
				nextPage = 0;
			}
			
			HostPapa.Feature.GoToPage(nextPage,function(){ HostPapa.Feature.SetTimer(); });
		},10000);
	}
};

// ------[ Phone Number Panel ]------------------------------------------------- //
HostPapa.Phone = {
	timer : null,
	
	Init : function() {		
		button = document.getElementById('header-phone-button');
		panel = document.getElementById('header-phone-list');
		
		button.panel = panel;
		panel.button = button;
		
		YAHOO.util.Event.addListener(button, "mouseover", HostPapa.Phone.Show);
		YAHOO.util.Event.addListener(panel, "mouseover", HostPapa.Phone.Show);
		YAHOO.util.Event.addListener(panel, "mouseout", HostPapa.Phone.Hide);
		
		HostPapa.Phone.SetCountryValue(HostPapa.Order.CountryState.countryValue);
		YAHOO.util.Event.addListener("ct_country", "change", HostPapa.Phone.SetCountryValue);	
	},
	
	Show : function() {									
		clearTimeout(HostPapa.Phone.timer);
		HostPapa.Phone.timer = null;
		
		YAHOO.util.Dom.setStyle(this.panel, "display", "block");	
	},
	
	Hide : function(e) {   								
		var timer = 1000;

		var fader = new YAHOO.util.Anim(this,
			{ opacity: {from: 1, to: 0 } },
			'1.0',  
			YAHOO.util.Easing.easeOut);  
		
		fader.onComplete.subscribe(function() {
			var el = this.getEl();
			
			YAHOO.util.Dom.setStyle(el, "display", "none");									
			YAHOO.util.Dom.setStyle(el, "opacity", "1");			
		});

		HostPapa.Phone.timer = setTimeout(function() { fader.animate(); }, timer);		
	}, 
	
	SetCountryValue : function(country) {
		country = (typeof(country) == 'string') ? country : this.value;	
		phoneplh = document.getElementById('header-phone-country');
		//phonebutton = document.getElementById('header-phone-button');
		
		if(country == "FR") {
			YAHOO.util.Dom.setStyle('header-phone-button', "display", "none");
			phone = document.getElementById('phone-FR');
			phoneplh.innerHTML = phone.innerHTML;	
			
		} else if(country == "ES") {
			YAHOO.util.Dom.setStyle('header-phone-button', "display", "none");
			phone = document.getElementById('phone-ES');		
			phoneplh.innerHTML = phone.innerHTML;
			
		} else if(country == "BE") {
			YAHOO.util.Dom.setStyle('header-phone-button', "display", "none");
			phone = document.getElementById('phone-BE');
			phoneplh.innerHTML = phone.innerHTML;
			
		} else if(country == "NL") {
			YAHOO.util.Dom.setStyle('header-phone-button', "display", "none");
			phone = document.getElementById('phone-NL');
			phoneplh.innerHTML = phone.innerHTML;
			
		} else {
			YAHOO.util.Dom.setStyle('header-phone-button', "display", "block");
			phoneplh.innerHTML = "";
		}
		
	}
};


// ------[ Feature, for the featured items on the home ]------------------------------------------------- //	
HostPapa.TabBrowser = {

	Init : function() {	
	  //Get all the LI from the #tabMenu UL
	  $('#tabMenu > li').click(function(){
			
		//perform the actions when it's not selected
		if (!$(this).hasClass('selected')) {    
		

		$('#tabMenu a').attr("href", "javascript:void(0);");
		
		
		//remove the selected class from all LI    
		$('#tabMenu > li').removeClass('selected');
		
		//After cleared all the LI, reassign the class to the selected tab
		$(this).addClass('selected');
		
		//Hide all the DIV in .boxBody
		$('.boxBody div').slideUp('1500');
		
		//Look for the right DIV index based on the Navigation UL index
		$('.boxBody div.boxContent:eq(' + $('#tabMenu > li').index(this) + ')').slideDown('1500');
		
	   }
	
	  }).mouseover(function() {
	
		//Add and remove class, Personally I dont think this is the right way to do it, 
		//if you have better ideas to toggle it, please comment    
		$(this).addClass('mouseover');
		$(this).removeClass('mouseout');   
		
	  }).mouseout(function() { 
		
		//Add and remove class
		$(this).addClass('mouseout');
		$(this).removeClass('mouseover');    
		
	  });
	
	  		
	 
	}
	
};

$(document).ready(function(){
	HostPapa.TabBrowser.Init();
});

// ------[ Feature, for the featured items on the home ]------------------------------------------------- //	
HostPapa.Carousel = {

	Init : function(id) {	
		jQuery(id).jcarousel({
			auto: 8,
			wrap: 'wrap',
			animation: 2000,
			initCallback: HostPapa.Carousel.mycarousel_initCallback
		});	
	
	},
	
	mycarousel_initCallback : function(carousel) {
		// Disable autoscrolling if the user clicks the prev or next button.
		carousel.buttonNext.bind('click', function() {
			carousel.startAuto(0);
		});
	
		carousel.buttonPrev.bind('click', function() {
			carousel.startAuto(0);
		});
	
		// Pause autoscrolling if the user moves with the cursor over the clip.
		carousel.clip.hover(function() {
			carousel.stopAuto();
		}, function() {
			carousel.startAuto();
		});
	}
	
	
};


// ------[ WebMail ]------------------------------------------------- //	
HostPapa.WebMail = {
	Init : function(id) {	
		form = document.getElementById("webmail");
		if(form) {
			form.onsubmit = HostPapa.WebMail.Submit;
		}	
	},
	
	Submit : function() { 		
		value = document.getElementById("domainname").value 
		
		if(value) {
			window.open("http://" + value + "/webmail", 'tools'); 		
		}
		
		return false;
	}
}

$(document).ready(function(){
	HostPapa.WebMail.Init();
});
// ------[ cPanel ]------------------------------------------------- //	
HostPapa.Cpanel = {
	Init : function(id) {	
		form = document.getElementById("cpanel");
		if(form) {
			form.onsubmit = HostPapa.Cpanel.Submit;
		}	
	},
	
	Submit : function() { 		
		value = document.getElementById("domainname").value 
		
		if(value) {
			window.open("http://" + value + "/cpanel", 'tools'); 		
		}
		
		return false;
	}
}

$(document).ready(function(){
	HostPapa.Cpanel.Init();
});