//var kitbuilder_address = "http://www.pelada.com.au/content/kitbuilder/"
var kitbuilder_address = web_address+"content/kitbuilder/"

var BuildKit = {

	start : function(){
		
		BuildKit.KitBagToggle ();
		
		//BuildKit.LoadKitInfo ();
		BuildKit.GetKitInfo ();

		BuildKit.GetKitOptions ('garment');
		BuildKit.GetKitOptions ('garment_a');
		
		BuildKit.optionsdiv ();
		
		BuildKit.GetTeamSheet();
		
	},
	
	
	// load kit bag top
	LoadKitBagTop : function () {
		
		var kitbagurl = kitbuilder_address+"kitbag.asp";
		var kitbagdiv = $('kitbagtop').empty().addClass('loading');
		
		new Ajax(kitbagurl, {
			method: 'get',
			data: 'kitbag=top&cache='+ $random(1,99999),
			update: kitbagdiv,
			onComplete: function() {
				kitbagdiv.removeClass('loading');
				BuildKit.KitBagToggle();
				BuildKit.GetKitOptions('garmentkbt') ;

			}	
		}).request();					

	},

	
	// Kitbag toggle div
	KitBagToggle : function () {
		
		var mySlide = new Fx.Slide('outer_kitbagtop', {mode: 'vertical'});
		
		// hide kitbag first, also hidden in css
		mySlide.hide();
		
		// change css style, but still not visible on page
		$('outer_kitbagtop').setStyle('display', 'block');
		
		// toggle on click;
		$('toggle').addEvent('click', function(e){
				
			$('toggle').toggleClass('kitbagon');
			
			var kitbagurl = kitbuilder_address+"kitbag.asp";
			var kitbagdiv = $('kitbagtop').addClass('loading');
			
			new Ajax(kitbagurl, {
				method: 'get',
				data: 'kitbag=top&cache='+ $random(1,99999),
				update: kitbagdiv,
				onComplete: function() {
					kitbagdiv.removeClass('loading');
					
					BuildKit.GetKitOptions('garmentkbt') ;
					
					mySlide.toggle();
					
		
					// hide kitbag when clicking on tabs
					$$('.garment').each(function(item){
					
						item.addEvent('click', function(e) {
														
							mySlide.slideOut();
							$('toggle').removeClass('kitbagon');							
						
						});
					
					});
					
					// hide kitbag when clicking on kitbag top
					$$('.garmentkbt').each(function(item){
					
						item.addEvent('click', function(e) {
														
							mySlide.slideOut();
							$('toggle').removeClass('kitbagon');							
						
						});
					
					});
					
					// hide kitbag when clicking on kitbag main
					$$('.garmentkb').each(function(item){
					
						item.addEvent('click', function(e) {
														
							mySlide.slideOut();
							$('toggle').removeClass('kitbagon');							
						
						});
					
					});
					
					
					// toggle on click;
					$('minimise').addEvent('click', function(e){
							
						$('toggle').toggleClass('kitbagon');
						
						mySlide.toggle();
						
					});		
	
				}	
			}).request();					
			
			
		});		
		
	},

	
	// load intial kit info
	LoadKitInfo : function () {
	
		var kitright = $('kitright').empty().addClass('loading');
		var url = kitbuilder_address+"kithome.asp";
		
		new Ajax(url, {
			method: 'get',
			data: 'cache='+ $random(1,99999),
			update: kitright,
			onComplete: function() {
				
				kitright.removeClass('loading');
				
				BuildKit.LoadKitImage ('kithome');
				
				if($('kit_intro')){
					BuildKit.ImageGallery(0);
				}
				
				BuildKit.GetKitOptions ('items');
				BuildKit.GetKitOptions ('nextgarment');

				BuildKit.resetImageSession();
				
				// set height of kit_left based on height of kit right
				kit_introy = $('kit_intro').getSize().size.y;
				kitoptionsy = $('kitoptions').getSize().size.y;
				outer_kitinfoy = $('outer_kitinfo').getSize().size.y;
				
				kitleft_height = kit_introy + kitoptionsy + outer_kitinfoy + 2;
				
				$('kitleft').setStyle('height', kitleft_height);	
				
				//BuildKit.intro_guide.delay(1000);
				
				BuildKit.SetShortSleeveOption();
				
			}	
		}).request();	
		
	},
	
	// load kit info from kithome tab
	GetKitInfo : function () {
		
		var kithome = $('kithome');
		
		kithome.addEvent('click', function(e) {
										   
			BuildKit.ShowKitBody('block');										   
										   
			BuildKit.removeTabclass();	
			kithome.addClass('current');
			
			BuildKit.LoadKitInfo();
			
		});
		
	},
	
	
	// load main kit image
	LoadKitImage : function (sectionid, facing) {
		
		var kiturl = kitbuilder_address+"image.asp";
		var kitimg = $('kitleft').empty().addClass('loading');
		
		new Ajax(kiturl, {
			method: 'get',
			data: 'imageid=' + sectionid  + '&facing=' + facing + '&cache='+ $random(1,99999),
			update: kitimg,
			evalScripts: true,
			onComplete: function() {
				kitimg.removeClass('loading');
				
				BuildKit.showgarment2();
				
				BuildKit.showsponsor_garment(sectionid,facing);
				BuildKit.showbadge_garment('check');
				BuildKit.shownumbers_garment('check',facing);
				
				BuildKit.enlarge_kit_image('true');
				

			}	
		}).request();					

	},
	
	
	// Kitbag main accordion
	MyKitBagMain : function (){
		var accordion = new Accordion('h3.kitinfo_acc', 'div.kitinfo_acc', {
			opacity: false,
			alwaysHide: true,
			show: true,
			onActive: function(toggler, element){
				toggler.addClass('cur_kit');
				
			},
		 
			onBackground: function(toggler, element){
				toggler.removeClass('cur_kit');
			},
			
			
			onComplete: function(element){
				
				BuildKit.GetKitOptions('garmentkb') ;
				
			}
			
			
		}, $('kitbag'));
	},
	
	
	// Get kit options on right, when clicking on tabs/kitbag/next option
	GetKitOptions : function (classtype) {
		$$('.'+classtype+'').each(function(item){
		
			item.addEvent('click', function(e) {
			
			if($('outer_sh_sk_intro')){
				$('outer_sh_sk_intro').removeClass('hide');
			}
				
				var itemid = item.getProperty('id');

				// check if coming from kit home //
				if(classtype=='items'){
					var id_array=itemid.split("_");
					var itemid = id_array[1]+'_'+id_array[2];
					
					new Ajax(kitbuilder_address+"_SetImageSession.asp", {
						method: 'get',
						data: 'imageid=' + id_array[0]+'_'+id_array[1] + '&cache='+ $random(1,99999)
					}).request();					
					
				};
				
				var total_cat = item.getProperty('value');
				
				var sectionid = item.getProperty('title');
				
				var facing = item.getProperty('rel');
				var id2_array=facing.split("_");
				var facing = id2_array[0];
				var next_id = id2_array[1];
				
				if(classtype=='nextgarment'){
					var total_cat = id2_array[2];
				};
				
				var show_option = item.getProperty('type');
				
				if(show_option == "" || show_option == "button"){
					var show_option = 0;
				};
				
				if(classtype != "garment"  &&  next_id != "" ){
					var total_cat = item.getProperty('name');
				};
				
				BuildKit.ShowKitBody('block');							
				
				BuildKit.removeTabclass();
				
				if(classtype != "garment"  &&  next_id != ""){
					
					var tab_array=itemid.split("_");
					$('tab_'+tab_array[1]).addClass('current');
					
				}else{
					item.addClass('current');
				};
				
				
				// load kit options
				if(next_id == ""){
					BuildKit.LoadTeamsheet();	
				}else{
					BuildKit.LoadKitOptions(itemid, show_option, total_cat, facing, sectionid, next_id);
				};
				
				
			});
		
		});
	},

	// load kit options on right
	LoadKitOptions : function (itemid, show_option, total_cat, facing, sectionid, next_id){
		
		
		
		if(sectionid != 'kithome'){
			var url = kitbuilder_address+"kitoptions.asp";
			var kitright = $('kitright').empty().addClass('loading');
			
			// change colours
			new Ajax(url, {
				method: 'get',
				data: 'catid=' + itemid + '&next_id=' + next_id + '&cache='+ $random(1,99999),
				update: kitright,
				onComplete: function() {
					
						// load image
						BuildKit.LoadKitImage(sectionid, facing);
					
						kitright.removeClass('loading');
						
						BuildKit.GetCustomiseOptions(itemid);
						
						BuildKit.optionsdiv(show_option, sectionid);
						BuildKit.suboptionsdiv(show_option, sectionid);
						
						// quick hack to highlight current garment when clicking from kithome
						if($(sectionid)){
							
							BuildKit.remove_g_class();
							$(sectionid).addClass('currentimg');
							
						}
						//
						
						// quick hack as total_cat is not always coming throigh correctly
						// hardcoded total_cat it works!
						if(sectionid != 'goalkeeper'){
							for (i=0;i<=5;i++){
								BuildKit.ImageGallery(i);
							};
						};
						
						BuildKit.showgarment(sectionid, itemid, facing);
						BuildKit.showgarment2(sectionid);
						
						// scroll to tabs	
						var scroll = new Fx.Scroll(window, {
							wait: false,
							duration: 500,
							offset: {'x': 0, 'y': 0},
							transition: Fx.Transitions.Quad.easeInOut
						});	
					
						scroll.toElement('kittabs');
						//
						
						
						BuildKit.GetKitOptions ('nextgarment');
						
						BuildKit.resetImageSession();
						
						BuildKit.StyleAddtoBasket('grey');
						
						BuildKit.SetShortSleeveOption();
						
						}	
			}).request();	
		}
		
	},
	
	// get js functions for options
	GetCustomiseOptions : function (itemid){
		
		new Ajax(kitbuilder_address+"_js_customise_options.asp", {
			method: 'get',
			data: 'catid=' + itemid + '&cache='+ $random(1,99999),
			evalScripts: true
		}).request();					
		
	},
	
	//open accordian when clicking on other links
	OpenOptions : function(){
		

		$$('.selectcolour').each(function(item){
								   
			item.addEvent('click', function(e) {
											
				var accordion = new Accordion('dt.acc', 'dd.acc', {
					opacity: false,
					display: 0,
					show: false,
		
					onActive: function(toggler, element){
						
						toggler.removeProperty('style');
						
						toggler.removeClass('on');
						element.removeClass('on');
						
						toggler.addClass('cur_option');
						
						element.setStyle('padding-top','5px');
						element.setStyle('padding-bottom','5px');
						element.setStyle('border-bottom','1px solid #a4b8f1');
						
					},
				 
					onBackground: function(toggler, element){
						toggler.removeClass('cur_option');
						show_option = 0;
						
						element.setStyle('height', element['offsetHeight']);  /* turn off auto */
						
						element.setStyle('padding-top','0');
						element.setStyle('padding-bottom','0');
						element.setStyle('border-bottom','0');
					},
					
					onComplete: function(element){
						
						// deal with dynamic content
						var el = $(this.elements[this.previous]);
						if (el.offsetHeight>0) el.setStyle('height','auto');
						
					}
					
					
				}, $('kitoptions'));
					
					
			});
			
			
		});
		
	},

	// kit options accordion
	optionsdiv : function (show_option,sectionid){
		
		// need to get proper section id, as a colour code gets past in sectionid from kithome
		// but doesn't refresh if choose another colour. need to split to get the actual sectionid, like kittabs
		if(sectionid){
			var sectionid_array=sectionid.split("_");
			var sectionid = sectionid_array[0];
		}
		//
		
		var accordion = new Accordion('dt.acc', 'dd.acc', {
			opacity: false,
			display: show_option,
			show: false,

			onActive: function(toggler, element){
				
				toggler.removeProperty('style');
				
				toggler.removeClass('on');
				element.removeClass('on');
				
				toggler.addClass('cur_option');
				

				element.setStyle('padding-top','5px');
				element.setStyle('padding-bottom','5px');
				element.setStyle('border-bottom','1px solid #a4b8f1');
				
				if(show_option == 0){
					
					if(element.id == 'sponsor_front_div'){
						BuildKit.LoadKitImage(sectionid, "front");
						BuildKit.Sponsor_Actions('front');
					};
					
					if(element.id == 'sponsor_back_div'){
						BuildKit.LoadKitImage(sectionid, "back");
						BuildKit.Sponsor_Actions('back');
					};
					
					if(element.id == 'badge_front_div'){
						BuildKit.LoadKitImage(sectionid, "front");
						BuildKit.Badge_Actions();
					};
					
					if(element.id == 'numbers_back_div'){
						BuildKit.LoadKitImage(sectionid, "back");
					};
					
					if(element.id == 'numbers_front_div'){
						BuildKit.LoadKitImage(sectionid, "front");
					};
					
					if(element.id == 'initials_front_div'){
						BuildKit.LoadKitImage(sectionid, "front");
					};
					
					if(element.id == 'clubname_back_div'){
						BuildKit.LoadKitImage(sectionid, "back");
					};
					
					
				};
				
				
			},
		 
			onBackground: function(toggler, element){
				toggler.removeClass('cur_option');
				show_option = 0;
				
				element.setStyle('height', element['offsetHeight']);  /* turn off auto */
				
				element.setStyle('padding-top','0');
				element.setStyle('padding-bottom','0');
				element.setStyle('border-bottom','0');
			},
			
			onComplete: function(element){
				
				// deal with dynamic content
				var el = $(this.elements[this.previous]);
				if (el.offsetHeight>0) el.setStyle('height','auto');
				
				$('kitoptions_overlay').setStyle('display','none');
				$('kitoptions').setStyle('visibility','visible');
				
				// scroll to tabs	
				var scroll = new Fx.Scroll(window, {
					wait: false,
					duration: 500,
					offset: {'x': 0, 'y': 0},
					transition: Fx.Transitions.Quad.easeInOut
				});	
			
				scroll.toElement('kittabs');
				
			}
			
			
		}, $('kitoptions'));
	},
	
		
	// sub kit options accordion
	suboptionsdiv : function (show_option, sectionid){
		
		var accordion = new Accordion('h3.acc2', 'div.acc2', {
			opacity: false,
			display: show_option,
			onActive: function(toggler, element){
				toggler.addClass('cur_option');
				
			},
		 
			onBackground: function(toggler, element){
				toggler.removeClass('cur_option');
				element.setStyle('height', element['offsetHeight']); 
			},
			
			
			onComplete: function(element){
				
				var el = $(this.elements[this.previous]);
				if(el){
					if (el.offsetHeight>0) el.setStyle('height','auto');
				}
								
			}
			
		}, $('kitoptions'));
	},
	
	ImageGallery : function (total_cat){
		
		// check if id exists 
		if($('inner_gallery_'+total_cat)){
			
			// scrolling gallery
			var scroll = new Fx.Scroll('inner_gallery_'+total_cat, {
				wait: false,
				duration: 3500,
				transition: Fx.Transitions.Quad.easeInOut
			});
			 
			$('scrollright_'+total_cat).addEvent('mouseover', function(event) {
				event = new Event(event).stop();
				scroll.toRight();
			});
			
			$('scrollright_'+total_cat).addEvent('mouseout', function(event) {
				scroll.stop();
			});
			
			$('scrollleft_'+total_cat).addEvent('mouseover', function(event) {
				event = new Event(event).stop();
				scroll.toLeft();
			});
		
			$('scrollleft_'+total_cat).addEvent('mouseout', function(event) {
				scroll.stop();
			});
			
			
			$('scrollright_'+total_cat).addEvent('click', function(event) {
				event = new Event(event).stop();
				scroll.toRight();
			});
			
			
			$('scrollleft_'+total_cat).addEvent('click', function(event) {
				event = new Event(event).stop();
				scroll.toLeft();
			});
		
			
			var getid = $$('.currentimg').getProperty('id');
			var getrel = $$('.currentimg').getProperty('rel');
			 
			if(getid != ''){
				
				// scroll to current image in gallery
				var scroll2 = new Fx.Scroll('inner_gallery_'+total_cat, {
					wait: false,
					duration: 0
				});
				
				scroll2.toElement(''+getid+'');
			}
			
			
			
		}
		
		
	},
	
	gallerytips : function(){
		
		var Tips2 = new Tips($$('.galtip'), {
			initialize:function(){
				this.fx = new Fx.Style(this.toolTip, 'opacity', {duration: 500, wait: false}).set(0);
			},
			onShow: function(toolTip) {
				this.fx.start(1);
			},
			onHide: function(toolTip) {
				this.fx.start(0);
			},
			fixed: true,
			offsets: {'x': 10, 'y': -40}
		});
		

	},
	
	// show garment in placeholder
	showgarment : function(sectionid, itemid, facing){
		$$('.items').each(function(item){
		
			item.addEvent('click', function(e) {
			
				var url = kitbuilder_address+"image.asp";
				var kitimg = $('kitleft').empty().addClass('loading');
				
				if(item.id != 'goalkeeper shorts_CRD001'){
					BuildKit.remove_g_class();
				};
				
				new Ajax(url, {
					method: 'get',
					data: 'imageid=' + item.id + '&cache='+ $random(1,99999),
					update: kitimg,
					evalScripts: true,
					onComplete: function() {
						
						var id_array=sectionid.split("_");
						var setid = id_array[2];
						
						$$('.nextb').each(function(item){
						  item.setProperty('disabled','true')
						});	
						
						$$('.removeb').each(function(item){
						   item.setProperty('disabled','')
						});	
						
						kitimg.removeClass('loading');
						item.addClass('currentimg');
						
						BuildKit.showgarment2();
						
						BuildKit.GetCustomiseOptions(itemid);
						
						BuildKit.showsponsor_garment(itemid,facing);
						
						BuildKit.enlarge_kit_image('true');
						
						// scroll to customisation div	
						var scroll = new Fx.Scroll(window, {
							wait: false,
							duration: 500,
							offset: {'x': 0, 'y': 0},
							transition: Fx.Transitions.Quad.easeInOut
						});	
					
						scroll.toElement('nextsteps');
						
						$$('dt.acc').each(function(item){
						   
						   if(item.id != "dt_garment"){
							   
								var dropFx = item.effect('color', {wait: true}); 
								dropFx.start('#4162b4');
								
								item.addClass('on');
						   }
						
						});	
						
						$$('dt.acc span').each(function(item){
						   
						    if(item.id != "span_garment"){
								item.addClass('on');
							}
						});	
						
						var nxt_bg = $('nextsteps');
						
						var nxt_bgFx = nxt_bg.effect('background-color', {wait: true});
						nxt_bgFx.start('daffb4');
						
						var nxt_bg_inner = $('nextsteps_inner');
						
						var nxt_bgFx = nxt_bg_inner.effect('background-color', {wait: true});
						nxt_bgFx.start('e9ffd3');
						
						var nxt_bgFx = nxt_bg_inner.effect('color', {wait: true});
						nxt_bgFx.start('000');
						
						
						if($('nextsteps2')){
							var nxt_bg = $('nextsteps2');
							
							var nxt_bgFx = nxt_bg.effect('background-color', {wait: true});
							nxt_bgFx.start('daffb4');
							
							var nxt_bg_inner = $('nextsteps_inner2');
							
							var nxt_bgFx = nxt_bg_inner.effect('background-color', {wait: true});
							nxt_bgFx.start('e9ffd3');
							
							var nxt_bgFx = nxt_bg_inner.effect('color', {wait: true});
							nxt_bgFx.start('000');
						};


						if($('customise_arrow')){
							$('customise_arrow').setProperty('src',web_address+'img/icons/arrow_down_green.gif')
						};
						
						$$('.subnextb').each(function(item){
						   item.setProperty('disabled','');
						});	
						
						BuildKit.StyleAddtoBasket('green');						
						
						BuildKit.OpenOptions();
						
					}	
				}).request();					
			
			});
		
		});
	},
	
	// show garment in placeholder 2 - switch between image/full kit
	showgarment2 : function(){
		$$('.items_subkit').each(function(item){
		
			var getrel = item.getProperty('rel');
			var url = kitbuilder_address+"image.asp";
			
			item.addEvent('click', function(e) {
			
				var kitimg = $('kitleft').empty().addClass('loading');
				
				new Ajax(url, {
					method: 'get',
					data: 'showfullimg=true&imageid=' + item.id + '&facing=' + getrel + '&cache='+ $random(1,99999) ,
					update: kitimg,
					evalScripts: true,
					onComplete: function() {
							kitimg.removeClass('loading');
							
							BuildKit.showgarment2();
							
							BuildKit.showsponsor_garment(item.id,getrel);
							BuildKit.showbadge_garment('check');
							BuildKit.shownumbers_garment('check',getrel);
							
							BuildKit.fullkitimage_large();
							
							BuildKit.enlarge_kit_image('true');
							
							}	
				}).request();					
			
			});
		
		});
	},
	
	// sponsor actions
	Sponsor_Actions : function (sponsorposition){
		
		new Ajax(kitbuilder_address+'_check_sponsorlogo.asp', {
			method: 'get',
			data: 'sponsorposition=' + sponsorposition +'&cache='+ $random(1,99999),
			onComplete: function(response) {
				
					if(response == 'false'){
						
						if($('sponsor_'+sponsorposition+'_img')){
							
						//show overlay - only if no logo
						$('sponsor_'+sponsorposition+'_img').setStyle('display','block');	
						$('sponsor_'+sponsorposition+'_img').addClass('overlay');
						
						}
						
					}
					
				}	
		}).request();					
		
	},
	
	// badge actions
	Badge_Actions : function (){
		
		new Ajax(kitbuilder_address+'_check_badge.asp', {
			method: 'get',
			data: 'cache='+ $random(1,99999) ,
			onComplete: function(response) {
				
					if(response == 'false'){
						
						if($('badge_front_img')){
						//show overlay - only if no badge
						$('badge_front_img').setStyle('display','block');	
						$('badge_front_img').addClass('overlay');
						}
						
					};
					
				}	
		}).request();					
		
	},
	
	// Get sponsor upload form
	GetSponsorUpload : function (sectionid, sponsorposition){
		
		var url = kitbuilder_address+"sponsor_upload.asp";
		var uploaddiv = $('sponsor_' + sponsorposition + '_inner');
			
		new Ajax(url, {
			method: 'get',
			data: 'sponsorposition=' + sponsorposition + '&cache='+ $random(1,99999),
			update: uploaddiv,
			onComplete: function() {
					BuildKit.sponsorupload(sectionid, sponsorposition);
					
					BuildKit.showsponsor (sectionid,sponsorposition);
					
					BuildKit.upload_guide();
					
					BuildKit.remove_white_bg(sectionid,"sponsor",sponsorposition);
					
					BuildKit.OpenOptions();
					
				}	
		}).request();					
		
	},
	
	// Get badge upload form
	GetBadgeUpload : function (sectionid){
		
		var url = kitbuilder_address+"badge_upload.asp";
		var uploaddiv = $('badge_front_inner');
			
		new Ajax(url, {
			method: 'get',
			data: 'cache='+ $random(1,99999),
			update: uploaddiv,
			onComplete: function() {
				
				BuildKit.badgeupload(sectionid);	
				BuildKit.showbadge_select(sectionid);
				
				BuildKit.showbadge_garment('check');
				BuildKit.showbadge(sectionid);
				
				BuildKit.remove_white_bg(sectionid,"badge","front");
				
				BuildKit.delete_selected_badge(sectionid, "front");
				
				BuildKit.OpenOptions();
					
				}	
		}).request();					
		
	},
		
	// sponsor upload
	sponsorupload : function (sectionid , sponsorposition){
		
		//var input = $(sectionid + '_' + sponsorposition + '_photoupload-filedata-1');
		
		//var uplooad = new FancyUpload(input, {
			//swf: web_address+'control/js/Swiff.Uploader.swf',
			//swf: kitbuilder_address+'uncached_swf.php',
			//queueList: sectionid + '_' + sponsorposition + '_photoupload-queue',
			//container: $('content'),
			//itemidvar: sectionid,
			//sponsorpositionvar: sponsorposition,
			//onAllComplete: function () { this.clearList(true); } 
		//});
	
	},
	
	// badge upload
	badgeupload : function (sectionid){
		
		//var input = $('badge_photoupload-filedata-1');
		
		//var uplooad = new FancyUpload(input, {
			//swf: web_address+'control/js/Swiff.Uploader.swf',
			//swf: kitbuilder_address+'uncached_swf.php',
			//queueList: 'badge_photoupload-queue',
			//itemidvar: sectionid,
			//sponsorpositionvar: "front",
			//onAllComplete: function () { this.clearList(true); } 
		//});
	
	},

	// show sponsor in options div
	showsponsor : function (sectionid , sponsorposition) {
		
		if($(sectionid + '_' + sponsorposition + '_sponsordiv_th')){
			var url = kitbuilder_address+"sponsor.asp";
			var div = $(sectionid + '_' + sponsorposition + '_sponsordiv_th').empty().addClass('loading_small');
			
				new Ajax(url, {
					method: 'get',
					data: 'sponsorposition=' + sponsorposition + '&cache='+ $random(1,99999),
					update: div,
					evalScripts: true,
					onComplete: function(response) {
						
							div.removeClass('loading_small');
							
							BuildKit.deletesponsor(sponsorposition,div,sectionid);
							
							BuildKit.upload_guide();
							
							BuildKit.add_comment(sectionid,sponsorposition, "sponsor");
							BuildKit.add_sponsor_text(sectionid,sponsorposition, "sponsor");
						
						}	
				}).request();					
		}
		
			
	},
	
	// show badge in options div
	showbadge : function (sectionid) {
		
		if($('badge_th')){
			var url = kitbuilder_address+"badge.asp";
			var div = $('badge_th').empty().addClass('loading_small');
			
				new Ajax(url, {
					method: 'get',
					data: 'cache='+ $random(1,99999),
					update: div,
					onComplete: function(response) {
						
							div.removeClass('loading_small');
							
							BuildKit.deletebadge(sectionid);
							
							// hide reset div and reset radio buttons - badge selected
							if($('deletebadge')){
								
								BuildKit.call_delete_selected_badge();
								
							};
							
							BuildKit.add_comment(sectionid,"front","badge");
						
						}	
				}).request();					
		}
		
			
	},
	
	// show sponsor on garment
	showsponsor_garment : function (sectionid , sponsorposition) {
		
		if($('sponsor_'+sponsorposition+'_img')){
			var url = kitbuilder_address+"sponsor_garment.asp";
			var div = $('sponsor_'+sponsorposition+'_img').empty().addClass('loading_small');
			
				new Ajax(url, {
					method: 'get',
					data: 'sponsorposition=' + sponsorposition + '&cache='+ $random(1,99999),
					update: div,
					onComplete: function(response) {
							div.removeClass('loading_small');
							
							if(response != ''){
								div.setStyle('background','none');
								div.setStyle('border','0');
							};
							
						}	
				}).request();					
		}
		
			
	},
	
	// show badge - from select options
	showbadge_select : function(sectionid){
		$$('.badge_type').each(function(item){
		
			item.addEvent('click', function(e) {
											
				new Ajax(kitbuilder_address+'_check_badge.asp', {
					method: 'get',
					data: 'cache='+ $random(1,99999),
					onComplete: function(response) {
						
							if(response == 'true'){
								
								alert('You have uploaded a badge. Please reset your uploaded badge if you wish to select one our styles.')
								item.checked = '';
		
							}else{
								BuildKit.showbadge_garment(item.id);
								BuildKit.LoadKitImage(sectionid, "front");
								
								BuildKit.delete_selected_badge(sectionid, "front");
								
								if($('deletebadge_sel_div').getStyle('display') == 'none'){
									$('deletebadge_sel_div').setStyle('opacity', 0);
									$('deletebadge_sel_div').style.display = 'block';
									$('deletebadge_sel_div').effect('opacity').start(0,1);
								}
								
							}
							
						}	
				}).request();					
											
			
			});
		
		});
	},
	
	// show badge on garment
	showbadge_garment : function(itemid){
		
		if($('badge_front_img')){
		
			var url = kitbuilder_address+"badge_garment.asp";
			var div = $('badge_front_img').empty().addClass('loading_small');
			
			new Ajax(url, {
				method: 'get',
				data: 'badgetype=' + itemid + '&cache='+ $random(1,99999)
			}).request();	
		
		}
		
	},
			
	
	// delete sponsor
	deletesponsor : function (sponsorposition,sponsordiv_th,sectionid){
		
		if( $('deletesponsor_'+sponsorposition)){

		var deleteurl = kitbuilder_address+"deletesponsor.asp";
		var deletesponsor = $('deletesponsor_'+sponsorposition);
		
		deletesponsor.addEvent('click', function(e) {
										   
			new Ajax(deleteurl, {
				method: 'get',
				data: 'sponsorposition='+sponsorposition + '&cache='+ $random(1,99999),
				onComplete: function() {
					
						sponsordiv_th.setHTML('');
						
						$('sponsor_'+sponsorposition+'_img').setHTML('');
						
						$$('.button_style').removeClass('active_but');
						
						BuildKit.LoadKitImage(sectionid, sponsorposition);
						
						BuildKit.delete_comment(sectionid, sponsorposition, "sponsor");
						
						$(sectionid+'_'+sponsorposition+'_sponsor_text').setStyle('display','block')
						
					}	
			}).request();					
			
		});

		}
		
	},
	
	// delete badge
	deletebadge : function (sectionid){
		
		if($('deletebadge')){

			var url = kitbuilder_address+"deletebadge.asp";
			var id = $('deletebadge');
			var div_th = $('badge_th');
			
			id.addEvent('click', function(e) {
											   
				new Ajax(url, {
					method: 'get',
					data: 'cache='+ $random(1,99999),
					onComplete: function() {
						
							div_th.setHTML('');
							$('badge_front_img').setHTML('');
							
							$$('.button_style').removeClass('active_but');
							
							BuildKit.LoadKitImage(sectionid, "front");
							
							// reset radio buttons
							$$('.badge_type').each(function(item){
								item.checked = 0;
							});
							
							
						}	
				}).request();					
				
			});

		}
		
	},
	
	// Get numbers
	GetNumbers : function (sectionid, position){
		
		var url = kitbuilder_address+"numbers.asp";
		var div = $('numbers_' + position + '_inner');
			
		new Ajax(url, {
			method: 'get',
			data: 'position=' + position + '&cache='+ $random(1,99999),
			update: div,
			onComplete: function() {

					BuildKit.shownumbers_select(sectionid,position);
					BuildKit.shownumbers_garment(position);
					
					BuildKit.delete_numbers(sectionid, position);
					
					BuildKit.OpenOptions();
					
				}	
		}).request();					
		
	},
	
	// show numbers - from select options
	shownumbers_select : function(sectionid,position){
		
		$$('.number_type').each(function(item){
		
			item.addEvent('click', function(e) {
											
				BuildKit.shownumbers_garment(item.id, position);						
			
				BuildKit.LoadKitImage(sectionid, position);
				
				BuildKit.delete_numbers(sectionid, position);
				
				if($('deletenumbers_div').getStyle('display') == 'none'){
					$('deletenumbers_div').setStyle('opacity', 0);
					$('deletenumbers_div').style.display = 'block';
					$('deletenumbers_div').effect('opacity').start(0,1);
				};
			
			});
		
		});
	},
	
	// show numbers on garment
	shownumbers_garment : function(itemid, position){
		
		if($('numbers_'+position+'_img')){
			
			var url = kitbuilder_address+"numbers_garment.asp";
			var div = $('numbers_'+position+'_img').empty().addClass('loading_small');
		
			new Ajax(url, {
				method: 'get',
				data: 'numbertype=' + itemid + '&position=' + position + '&cache='+ $random(1,99999),
				update: div,
				onComplete: function(response) {
					
					div.removeClass('loading_small');
					
					if(response != ''){
						div.setStyle('background','none');
					};
					
						
				}	
			}).request();	
												
		
		}
		
	},
	
	// delete numbers
	delete_numbers : function (sectionid, position){
		
		if($('deletenumbers')){
			$('deletenumbers').addEvent('click', function(e) {
											   
				new Ajax(kitbuilder_address+"_resetnumbers.asp", {
					method: 'get',
					data: 'sectionid=' + sectionid + '&position=' + position + '&cache='+ $random(1,99999),
					onComplete: function() {
						
							BuildKit.LoadKitImage(sectionid, position);
							
							// hide reset div
							var myFx = new Fx.Style('deletenumbers_div', 'opacity');
							myFx.start(1,0).chain(function(){
								$('deletenumbers_div').style.display = 'none';
							});
							
							// reset radio buttons
							$$('.number_type').each(function(item){
								item.checked = 0;
							});
							
							
						}	
				}).request();					
				
			});
		}
		
		
	},
	
	// add event for delete selected badge
	delete_selected_badge : function (sectionid, position){
		
		if($('deletebadge_sel')){
			$('deletebadge_sel').addEvent('click', function(e) {
											   
					BuildKit.call_delete_selected_badge();
					
					BuildKit.LoadKitImage(sectionid, position);
				
			});
		}
		
		
	},
	
	// delete selected badge function
	call_delete_selected_badge : function (){
		
		new Ajax(kitbuilder_address+"_badgeselected.asp", {
			method: 'get',
			data: 'cache='+ $random(1,99999),
			onComplete: function() {
				
					// hide reset div
					var myFx = new Fx.Style('deletebadge_sel_div', 'opacity');
					myFx.start(1,0).chain(function(){
						$('deletebadge_sel_div').style.display = 'none';
					});
					
					// reset radio buttons
					$$('.badge_type').each(function(item){
						item.checked = 0;
					});
					
					
				}	
		}).request();					
		
		
	},
	
	
	// Get initials
	GetInitials : function (sectionid, position){
		
		var url = kitbuilder_address+"initials.asp";
		var div = $('initials_' + position + '_inner');
			
		new Ajax(url, {
			method: 'get',
			data: 'position=' + position + '&cache='+ $random(1,99999),
			update: div,
			onComplete: function() {

					BuildKit.showinitials_garment('check', position);
					
				}	
		}).request();					
		
	},
		
	// show initials on garment
	showinitials_garment : function(itemid, position){
		
		if($('initials_'+position+'_img')){
			
			var url = kitbuilder_address+"initials_garment.asp";
			var div = $('initials_'+position+'_img').empty().addClass('loading_small');
		
			new Ajax(url, {
				method: 'get',
				data: 'numbertype=' + itemid + '&position=' + position + '&cache='+ $random(1,99999),
				update: div,
				onComplete: function(response) {
					
					div.removeClass('loading_small');
					
					if(response != ''){
						div.setStyle('background','none');
					};
					
						
				}	
			}).request();	
												
		
		}
		
	},
	
	// Get club name
	GetClubName : function (sectionid, position){
		
		var url = kitbuilder_address+"clubname.asp";
		var div = $('clubname_' + position + '_inner');
			
		new Ajax(url, {
			method: 'get',
			data: 'position=' + position + '&cache='+ $random(1,99999),
			update: div,
			onComplete: function() {

					BuildKit.showClubName_garment('check',position);
					
				}	
		}).request();					
		
	},
		
	// show clubname on garment
	showClubName_garment : function(itemid, position){
		
		if($('clubname_'+position+'_img')){
			
			var url = kitbuilder_address+"clubname_garment.asp";
			var div = $('clubname_'+position+'_img').empty().addClass('loading_small');
		
			new Ajax(url, {
				method: 'get',
				data: 'numbertype=' + itemid + '&position=' + position + '&cache='+ $random(1,99999),
				update: div,
				onComplete: function(response) {
					
					div.removeClass('loading_small');
					
					if(response != ''){
						div.setStyle('background','none');
					};
					
						
				}	
			}).request();	
												
		
		}
		
	},
	
	// intro guide pop up
	intro_guide : function (){
		
		var getcookie = Cookie.get("getstarted");
		var getcookie_sess = Cookie.get("getstarted_session");
		
		if(getcookie != 1){
			
			if(getcookie_sess != 1){
				
				MOOdalBox.open(
					kitbuilder_address+"_getstarted_iframe.asp","<a href='#' id='mb_close_link2'><img src='"+web_address+"img/titles/getstarted_link.gif' /></a>","420 420"
				);	
				
				// set cookie for session
				Cookie.set('getstarted_session', '1', {duration: 0, path: "/"});
				
				
			}
			
		}
		
			
	},
	
	// intro guide set permanent cookie
	intro_guide_setcookie : function (){
		
		$('hideguide').addEvent('click', function() {
			Cookie.set('getstarted', '1', {duration: 365, path: "/"});
		});		
			
	},
	
	// upload guide pop up
	upload_guide : function (){
		
		// upload guide
		$$('.uploadguide').each(function(item){
			item.addEvent('click', function(e) {
											   
				MOOdalBox.open(
					kitbuilder_address+"upload_guide.asp","","350,260"
				);	
				
			});
		});
		//
					
	},
	
	// remove white bg
	remove_white_bg : function (sectionid,option,position){
		
		var removewhitebg_chk = $(sectionid+'_'+option+'_'+position+'_remove_whitebg');
		if(removewhitebg_chk){
			removewhitebg_chk.addEvent('click', function(e) {
				
			
			if(removewhitebg_chk.checked==true){
				removewhitebg = 1	
			}else{
				removewhitebg = 0	
			}
				
			new Ajax(kitbuilder_address+'_setwhitebg.asp', {
				method: 'get',
				data: 'formvalue='+removewhitebg+'&sectionid=' + sectionid + '&option=' + option + '&position=' + position + '&cache='+ $random(1,99999),
				//update: $('testcheck'+sectionid+option),
				onComplete: function(response) {
					
					
						
				}	
			}).request();	
				
				
			});
		}
					
	},
	
	
	// Add comment for options
	add_comment : function (sectionid,sponsorposition,option){ 
	
		var savecomment = $(sectionid+'_'+sponsorposition+'_'+option+'_savecomment');
		var commentarea = $(sectionid+'_'+sponsorposition+'_'+option+'_commentarea');
		var savemessage = $(sectionid+'_'+sponsorposition+'_'+option+'_savemessage');
		var url = kitbuilder_address+"_savecomment.asp";
		
		
		if(savecomment){
			
		savemessage.setHTML('');
		
		savecomment.addEvent('click', function() {
											   
			var comment = commentarea.value;
											   
			savecomment.disabled = true;
			savemessage.setHTML('');

			var fx = commentarea.effects({duration: 200, transition: Fx.Transitions.Quart.easeOut});	
			
			fx.start({
				'background-color': 'ccc'
			}).chain(function(){
				this.start.delay(0, this, {
					'background-color': '#ccc'
				});
			}).chain(function() {
				
				new Ajax(url, {
					method: 'get',
					data: 'sectionid=' + sectionid + '&sponsorposition=' + sponsorposition + '&option=' + option + '&comment='+comment+'&cache='+ $random(1,99999),
					update: commentarea,
					onComplete: function(response) {
						
						fx.start({
							'background-color': 'ccc'
						}).chain(function(){
							this.start.delay(100, this, {
								'background-color': '#FAFBB3'
							});
						}).chain(function() {
				
							commentarea.value = comment;	
							savecomment.disabled = false;
							savemessage.setHTML('comment saved');
				
						});					
			
					}	
				}).request();	
				
			});											   
			
		});		
			
		}
		
		
	},
	
	// Add sponsor text
	add_sponsor_text : function (sectionid,sponsorposition,option){ 
	
		var savecomment = $(sectionid+'_'+sponsorposition+'_'+option+'_savecomment2');
		var commentarea = $(sectionid+'_'+sponsorposition+'_'+option+'_commentarea2');
		var savemessage = $(sectionid+'_'+sponsorposition+'_'+option+'_savemessage2');
		var url = kitbuilder_address+"_savecomment.asp";
		
		
		if(savecomment){
			
		savemessage.setHTML('');
		
		savecomment.addEvent('click', function() {
											   
			var comment = commentarea.value;
											   
			savecomment.disabled = true;
			savemessage.setHTML('');

			var fx = commentarea.effects({duration: 200, transition: Fx.Transitions.Quart.easeOut});	
			
			fx.start({
				'background-color': 'ccc'
			}).chain(function(){
				this.start.delay(0, this, {
					'background-color': '#ccc'
				});
			}).chain(function() {
				
				new Ajax(url, {
					method: 'get',
					data: 'sectionid=' + sectionid + '&sponsorposition=' + sponsorposition + '&option=' + option + '&comment='+comment+'&cache='+ $random(1,99999),
					update: commentarea,
					onComplete: function(response) {
						
						fx.start({
							'background-color': 'ccc'
						}).chain(function(){
							this.start.delay(100, this, {
								'background-color': '#FAFBB3'
							});
						}).chain(function() {
				
							commentarea.value = comment;	
							savecomment.disabled = false;
							savemessage.setHTML('text saved');
				
						});					
			
					}	
				}).request();	
				
			});											   
			
		});		
			
		}
		
		
	},
	
	// delete comment
	delete_comment : function (sectionid,sponsorposition, option){
		
		new Ajax(kitbuilder_address+"_deletecomment.asp", {
			method: 'get',
			data: 'sectionid=' + sectionid + '&sponsorposition=' + sponsorposition + '&option=' + option + '&cache='+ $random(1,99999),
			onComplete: function() {
				
					
					
				}	
		}).request();					
		
		
	},
	
	// show full kit large image(s) pop up
	fullkitimage_large : function (){
		
		var showfullkit_large = $('showfullkit_large');
		
		if(showfullkit_large){
			showfullkit_large.addEvent('click', function(e) {
											   
				MOOdalBox.open(
					kitbuilder_address+"fullkit.asp","",""
				);	
				
			});
		}
					
	},
	
	// reset image session
	resetImageSession : function(){
	
		$$('.removegarment').each(function(item){
								   
			item.addEvent('click', function(e) {
											
				var id_array = item.id.split("_");
				var itemid = id_array[1];	
											
				new Ajax(kitbuilder_address+'_resetimagesession.asp', {
					method: 'get',
					data: 'imagesession='+itemid+'&cache='+ $random(1,99999),
					onComplete: function() {
						
						
					var itemid = item.getProperty('id');
					
					var sectionid = item.getProperty('title');
					
					var facing = item.getProperty('rel');
					var id2_array=facing.split("_");
					var facing = id2_array[0];
					var next_id = id2_array[1];
					
					var total_cat = id2_array[2];
					var show_option = 0;
					
					BuildKit.ShowKitBody('block');							
					
					BuildKit.removeTabclass();
					
					var tab_array=itemid.split("_");
					$('tab_'+tab_array[1]).addClass('current');
					
					BuildKit.LoadKitOptions(itemid, show_option, total_cat, facing, sectionid, next_id);
						
							
					}	
				}).request();	
					
			});
			
			
		});
	
	},
	//
	
	// style add to basket
	StyleAddtoBasket : function (str1){
	
		$$('.add2b').each(function(item){
			item.addEvent('mouseover', function(e) {
				item.setProperty('src',web_address+'img/buttons/preview_'+str1+'_a.gif');									   
			});
			item.addEvent('mouseout', function(e) {
				item.setProperty('src',web_address+'img/buttons/preview_'+str1+'.gif');									   
			});
		});	
	
	},
	
	// get teamsheet function
	GetTeamSheet : function () {
		
		$('teamsheet').addEvent('click', function(e) {
									   
				BuildKit.LoadTeamsheet();
				
		});
		
		
	},
	
	
	// load teamsheet from #teamsheet tab
	LoadTeamsheet : function (itemid, value) {
		
		var tab = $('teamsheet');
		var div_main = $('content');
		var url = kitbuilder_address+"teamsheet.asp";
		
		if($('outer_sh_sk_intro')){
		$('outer_sh_sk_intro').addClass('hide');
		}

		BuildKit.removeTabclass();
		
		BuildKit.ShowKitBody('hide');	
		tab.addClass('current');
								   
		div_main.adopt(new Element('div', {id: 'teamsheet_div'}));
		var div = $('teamsheet_div').empty().addClass('loading_bar');

									   
			new Ajax(url, {
				method: 'get',
				data: 'cache='+ $random(1,99999),
				update: div,
				evalScripts: true,
				onComplete: function(response) {
					
					div.removeClass('loading_bar');
					
					BuildKit.GetSizes ();
	
					BuildKit.enlarge_kit_image();
					
					BuildKit.SetShortSleeveOption(1);

				}	
			}).request();	
		
		
	},
	
	// image preloader
	preloadimages : function(){
		var p = new Preloader();
		$$('img').each(function(img) {
			p.addEventOnLoad(img.src, function() {
				img.setStyle('opacity', 0)
				img.style.display = 'block';
				img.effect('opacity').start(0,1);
			});
			p.addToQueue(img.src);
		});
	},
	
	// sub image preloader
	subpreloadimages : function(){
		var p = new Preloader();
		$$('.kitimg').each(function(img) {
			p.addEventOnLoad(img.src, function() {
				img.getParent().setStyle('background', 'none');
				img.setStyle('opacity', 0);
				img.style.display = 'block';
				img.effect('opacity').start(0,1);
			});
			p.addToQueue(img.src);
		});
	},
	
	// remove tab class
	removeTabclass : function(){
		$$('.garment').each(function(item){
			item.removeClass('current');
		});
		$('kithome').removeClass('current');
		$('teamsheet').removeClass('current');
	},
	
	// remove garment class
	remove_g_class : function(){
		$$('.items').each(function(item){
			if(item.id != 'goalkeeper shorts_CRD001'){
				item.removeClass('currentimg');
			}
		});
	},
	
	// remove subkit garment class
	remove_subkit_class : function(){
		$$('.items_subkit').each(function(item){
			item.removeClass('cur_subkit');
		});
	},
	
	// remove accordian current class
	remove_acc_class : function(){
		$$('.acc').each(function(item){
			item.removeClass('cur_option');
		});
	},
	
	// show kitbody - after switching between teamsheet
	ShowKitBody : function (display){
		
		$('kitbody').removeClass('hide');
		$('kitbody').removeClass('block');
		
		$('kitbody').addClass(display);
		
		if($('teamsheet_div')){
			$('teamsheet_div').remove()	
		};
		
	},
	
	GetSizes : function (){
		
	
		$$('.getsizes').each(function(item){
		
			item.addEvent('click', function(e) {
											
				BuildKit.GetSizesFunction(item.id)							
				
			});
		
		});

	
	},
	
	GetSizesFunction : function (itemid){
		
	
		var form_field = $(itemid + '_garment_total');
		var url = kitbuilder_address+"teamsheet_sizes.asp";
		var div = $('size_list_' + itemid);
		if($('initial_checker_form_'+itemid)){
			var initial_checker = $('initial_checker_form_'+itemid);
		}else{
			var initial_checker = "false";	
		}
		
		if(form_field.value != ""){				
		div.setStyle('background-color','#efefef');

									
		div.setHTML('Sizes Loading...');
		div.addClass('loading_small');
	
		var fx = div.effect('background-color', {wait: false});
		 
		fx.start('fff').chain(function(){
												  
			new Ajax(url, {
				method: 'get',
				data: 'garment_total=' + form_field.value + '&colour_code='+ itemid +'&initial_checker='+initial_checker.value+'&cache='+ $random(1,99999),
				update: div,
				evalScripts: true,
				onComplete: function(response) {
					
					div.removeClass('loading_small');
					div.setStyle('background-color','#fff');
					
					$('add2basket').setProperty('src',web_address+'img/buttons/addtobasket.gif');
					$('add2basket').setProperty('disabled','');
					
					$('add2basket').addEvent('mouseover', function(e) {
						$('add2basket').setProperty('src',web_address+'img/buttons/addtobasket_a.gif');									   
					});
					$('add2basket').addEvent('mouseout', function(e) {
						$('add2basket').setProperty('src',web_address+'img/buttons/addtobasket.gif');									   
					});
					
						
				}	
			}).request();	
				
		});		
		
		};
				

	
	},
	
	// enlarge kit image 
	enlarge_kit_image : function (str1){
		
		$$('.enlargekit').each(function(item){
		
			item.addEvent('click', function(e) {
											
				MOOdalBox.open(
					kitbuilder_address+"kit_image_large_iframe.asp?notext="+str1,"","820 620"
				);	
				
				
			});
		
		});
		
					
	},
	
	// short sleeve option
	SetShortSleeveOption : function (str1){
		
		if(str1 == 1 ){
			teamsheet_id = '_ts';
		}else{
			teamsheet_id = '';
		}
		
		if($('short_sleeve_option'+teamsheet_id)){
			
			$('short_sleeve_option'+teamsheet_id).addEvent('click', function(e) {
					
				get_short_sleeve_option = $('short_sleeve_option'+teamsheet_id);
				
				if(get_short_sleeve_option.checked == 1){
						short_sleeve_option_value = "true";
				}else{
						short_sleeve_option_value = "false";
				}
				
				new Ajax(kitbuilder_address+"_set_short_sleeve_option.asp", {
					method: 'get',
					data: 'short_sleeve_option=' + short_sleeve_option_value + '&cache='+ $random(1,99999),
					//update: div,
					evalScripts: true,
					onComplete: function(response) {
						
							
					}	
				}).request();	
																	
					
			});
			
		}
	
	}
	
	

	

	
}

window.addEvent('load', BuildKit.start);