$(document).ready(function () {
	
	//initiates order app
	iphoneOrder();
	
	//hides all slides except one with class selected
	$(".slide").hide("").end("").find(".selectedSlide").show("");
	
	//gives all items with class slide an id
	$(".slide").attr("id", function (arr) {
          return "slide" + arr;
    })
	
	//gives all items with class selector an id
	$(".selector").attr("id", function (arr) {
			  return "selector" + arr;		  
	});
	
	//on click of selector hides all slides then shows one with same id
	$(".selector").click(function(event){
									
		var id = this.id.replace("selector" , 'slide');
		$(".slide, .landing").fadeOut("slow");
		$("#" + id).fadeIn("slow");
			
	});
	
	//jCarouselLite
	$(".jcarousel ").jCarouselLite({
        btnNext: ".next",
        btnPrev: ".prev",
        visible: 10
    });
	
	jcarouselHover();
	
});	

function jcarouselHover(){

	$(".jcarousel").find("img").mouseover(function(){
		$(".jcarousel").find("span").hide("");
		$(this).parent("a").find("span").show("").css("display","block");
		$(".jcarousel").find("a").removeClass("selected");
		$(this).parent("a").addClass("selected");
	});
	
	$(".jcarousel").find("img").mouseout(function(){
		$(".jcarousel").find("span").hide("");
		$(".jcarousel").find("a").removeClass("selected");
	});	
}




function iphoneOrder() {
	
	var firstPackage = $(".selectPackage").find("span:first").attr("class");
	
	$(".selectTariff").find("div").attr("id", function (number) {
		return "tariff" + number;		  
	});
	
	$(".selectPhone").find(".phoneOption").attr("id", function (number) {
		return "phoneOption" + number;		  
	});
	
	$(".selectNetwork").find(".o2").addClass("o2selected");
	$(".selectTariff, .selectPackage, .selectPhone").find(".orange").hide("");
	$(".selectPackage").find(".orange").hide("");
	$(".selectPackage").find(".o2:first").addClass("selected");
	$(".selectTariff").find("div").hide("");
	$(".selectTariff").find(".package18").show("");
	$(".selectTariff").find(".orange").hide("");
	$(".selectTariff").find(".package18:first").addClass("selected");
	$(".selectPhone").find(".phonePod").hide("");
	$(".selectPhone").find("div:first").children(".phonePod").show("");
	$(".phoneOption").find("div:first").addClass("selected");
	
	
	$(".selectNetwork div").click(function(){
		
		var network = $(this).attr("class").replace("selected","");
					
		if(network == "orange orange" || network == "o2 o2" ){
			//alert("nothing");
		}else{
		$(".selectNetwork").find("div").removeClass("o2selected");
		$(".selectNetwork").find("div").removeClass("orangeselected");
		$(this).addClass(network + "selected");
		$(".selectPackage").find("div").hide("");
		$(".selectPackage").find("." + network).show("");
		$(".selectPackage, .selectTariff").find("div").removeClass("selected");
		$(".selectPackage").find("div:first" + "." + network).addClass("selected");
		
		$(".selectTariff").find("div").hide("");
		$(".selectTariff").find("." + firstPackage + "." + network).show("");
		$(".selectTariff").find("div:first" + "." + firstPackage + "." + network).addClass("selected");
		$(".selectPhone").find(".o2 , .orange").hide("");
		$(".phonePod").show("");
		if ($(this).hasClass("orange")){
			$(".selectPhone").find("#phoneOption4").show("");
		}else{
			$(".selectPhone").find("#phoneOption0").show("");
		}	
		$(".phoneOption").find("div:first").addClass("selected");	
		
		$(".conditions").show("");
		}
	});	
	
	$(".selectPackage").find("div").click(function(){
		
		var network = $(this).attr("class");
		var packageType = $(this).find("span").attr("class");
		
		if($(this).hasClass(".selected")){
		}else{
		
		$(".selectPackage").find("div").removeClass("selected");
		$(this).addClass("selected");
		$(".selectTariff").find("div").removeClass("selected");		
		$(".selectTariff").find("div").hide("");
		$(".selectTariff").find("." + packageType + "." + network).show("");
		$(".selectTariff").find("div:first" + "." + network + "." + packageType).addClass("selected");
		
		var phoneOption = $(".selectTariff").find(".selected").attr("id").replace("tariff","phoneOption");
		$(".phoneOption").hide("");
		$("#" + phoneOption).show("");
		$("#" + phoneOption).find(".phonePod").show("");
		$("#" + phoneOption).find(".phonePod:first").addClass("selected");
		
		if (packageType == 'packagePG'){
			$(".conditions").hide("");
		} else {
			$(".conditions").show("");
		};
		
		}
		
	});
	
	$(".selectTariff").find("div").click(function(){
		var phoneOption = $(this).attr("id").replace("tariff","phoneOption");
		
		$(".selectTariff").find("div").removeClass("selected");
		$(this).addClass("selected");
		$(".phoneOption").hide("");
		$("#" + phoneOption).find(".phonePod").show("");
		$(".phonePod").removeClass("selected");
		$(".selectPhone").find("#" + phoneOption).show("");		
		$("#" + phoneOption).find(".phonePod:first").addClass("selected");
	});
	
	$(".phonePod").click(function(){
		$(".phonePod").removeClass("selected");
		$(this).addClass("selected");
	});
	

		
}