window.addEvent('domready', function(){

	_total_width = $('title_container').getStyle('width');
	_total_width = _total_width.substring(0, _total_width.length-2);
	_total_width = (_total_width*0.8);
	$('title_underscore').setStyle('width', _total_width);
	
	
	if ($defined($('btn_customSizes'))) {
		$('custom_sizes').slide('hide');
		$('btn_customSizes').addEvent('click', function(event){
			$('custom_sizes').slide('toggle');
		});	
	}
	
	
	setup_custom_size_form();
	
	var _current_tab = $('overview_tab');
	var _current_tab_btn = $('overview_btn');
	//var myFx = new Fx.Slide('detailed_info_tab');
	//myFx.hide();
	
	$$('.thumb_colour_radio').addEvent('click', function(){
		$('selected_swatch').innerHTML = '<div class="attribute_label">Colour: </div>' + this.getProperty('rel');
	});
	
	var Tips1 = new Tips($$('.thumb_colour'));
	
	
	$('detailed_info_tab').slide('hide');
	$('payment_delivery_tab').slide('hide');
	$('usage_tab').slide('hide');
	
	$('detailed_info_btn').addEvent('click', function(e){
		e.stop();
		_current_tab.slide('out');
		_current_tab = $('detailed_info_tab');
		_current_tab.slide('in');
		_current_tab_btn.removeClass('active');
		_current_tab_btn = $('detailed_info_btn');
		_current_tab_btn.addClass('active');
		
	});
	
	$('overview_btn').addEvent('click', function(e){
		e.stop();
		_current_tab.slide('out');
		_current_tab = $('overview_tab');
		_current_tab.slide('in');
		_current_tab_btn.removeClass('active');
		_current_tab_btn = $('overview_btn');
		_current_tab_btn.addClass('active');
		changeTab('overview', _current_tab, _current_tab_btn);
	});
	
	$('payment_delivery_btn').addEvent('click', function(e){
		e.stop();
		_current_tab.slide('out');
		_current_tab = $('payment_delivery_tab');
		_current_tab.slide('in');
		_current_tab_btn.removeClass('active');
		_current_tab_btn = $('payment_delivery_btn');
		_current_tab_btn.addClass('active');
	});
	
	$('usage_btn').addEvent('click', function(e){
		e.stop();
		_current_tab.slide('out');
		_current_tab = $('usage_tab');
		_current_tab.slide('in');
		_current_tab_btn.removeClass('active');
		_current_tab_btn = $('usage_btn');
		_current_tab_btn.addClass('active');
		
	});
	
	if ($defined($('large_image_container'))) {
		$('large_image_container').set('tween',{
			property: 'opacity',
			link: 'cancel'
		});
	}
	
});

function setup_custom_size_form() {
	if ($defined($('btn_custom_size'))) {
		$('btn_custom_size').addEvent('click', function(event){
			event.stop();
			
			var myRequest = new Request.JSON({url: 'send_custom_size_request.php', method: 'post', onSuccess: function(responseJSON) {
			    
				
				if (responseJSON.status == 'success') {
					pageTracker._trackPageview("/custom_size_form_success.php");
			    	$('custom_sizes').set('text', responseJSON.message);
			    } else {
					pageTracker._trackPageview("/custom_size_form_failure.php");
			    	$('custom_sizes_erros').set('text', responseJSON.message);
				}
			}});
			
			myRequest.send('cs_name='+ $('cs_name').value 
					+ '&cs_email=' + $('cs_email').value 
					+ '&cs_product=' + $('cs_product').value 
					+ '&cs_telephone=' + $('cs_telephone').value 
					+ '&cs_size=' + $('cs_size').value 
					+ '&cs_company=' + $('cs_company').value);
			
		})
	}
}


function changeTab(_tab, _current_tab, _current_tab_btn) {
	_current_tab.slide('out');
	_current_tab = $(_tab + '_tab');
	_current_tab.slide('in');
	_current_tab_btn.removeClass('active');
	_current_tab_btn = $(_tab + '_btn');
	_current_tab_btn.addClass('active');
}

function set_colour(element_name, colour_id, sibling_class, new_primary_src) {
	//var selObj = $(element_name);
	//selObj.setProperty('value', colour_id);
	
	$$('.' + sibling_class).removeClass('active_thumbnail');
	
	$('img_'+ colour_id).addClass('active_thumbnail');
	
	set_primary_image(new_primary_src);
	check_enable_add_to_cart();	
}

function set_colour_radio_selected(element_name) {
	var selObj = $('colour_' + element_name);
	selObj.fireEvent('click');
	selObj.setProperty('checked', true);
}

var cart_button_enabled = true;

function setAttribute_result(id_field, value) {
	if (typeof(attributes_array) != "undefined") {
		attributes_array[id_field] = value;
	}
	update_price();
	check_enable_add_to_cart();
}

function update_price() {
  orientation_select_name = "id[16]";
  orientation_element = document.getElementById(orientation_select_name);
  additional_cost = 0;
  if (orientation_element != null) {
  	orientation_selected = orientation_element.value;
  	if (orientation_selected != 0) {
		additional_cost = (o_array[orientation_element.value][2]);	
	}
  }
  
  border_select_name = "id[3]";
	
  with_border = 0;
  	
  	border_option = attributes_array[3];
  	
  	if ((border_option == 880) || (border_option == 272) || (border_option == 273) || (border_option == undefined)) {
  		with_border = 1;
  	} else if ((border_option == 881)) {
  		with_border = 0;
	}
	
  	
	if ((attributes_array[2] != '')&&(attributes_array[2] != '0')) {
		// check if size has without border or with. adjust the price accordingly.
  		for (i=0; i<size_array.length; i++) {
			if (typeof(size_array[i]) != 'undefined' && size_array[i][1] == with_border && size_array[attributes_array[2]][0] == size_array[i][0]) {
				document.getElementById('id[200]').value = i;
				old_price = $('product_price_container').getProperty('html');
				if (old_price.indexOf("VAT") > -1) { additional = ' ex VAT'; }
				else { additional = ''; }
				$('product_price_container').set('html', '&pound;' + (Math.round(((additional_cost * 1)+ (size_array[i][2] * 1))*100)/100).toFixed(2) + ' each' + additional);
				
			}	
			
		}
  		
	}
	
	$$('.size_price').each(function(item){
		for (i=0; i<size_array.length; i++) {
			old_price = $('product_price_container').getProperty('html');
			if (old_price.indexOf("VAT") > -1) { additional = ' ex VAT'; }
			else { additional = ''; }
			
				size_id_string = item.getProperty('id');
				size_id = size_id_string.substring(11);
				if (typeof(size_array[i]) != 'undefined' && size_array[i][1] == with_border && size_array[size_id][0] == size_array[i][0]) {
				// loop through all of the size prices and adjust them.
					//price_of_size = 
					item.set('html', '&pound;' + (Math.round(((additional_cost * 1)+ (size_array[i][2] * 1))*100)/100).toFixed(2) + additional);
					//alert(size_id + ' ' + i + ' ' + size_array[i][2]);
				}
			
		}
	})
}

function choose_message() {
	alert("You must select all options before adding to your basket");
	return false;
	//document.getElementById('btn_add_to_basket').onclick = 'alert("You must select all options before adding to your basket"); return false';		
}

function disable_add_to_cart() {
 	if (cart_button_enabled&&$defined($('btn_add_to_basket'))) {
 		$('btn_add_to_basket').fade('0.4');
		
		//document.getElementById('btn_add_to_basket').disabled = true;
		document.getElementById('btn_add_to_basket').onclick = choose_message;
		cart_button_enabled = false;
		return false;
	}
}

function enable_add_to_cart() {
	if (!cart_button_enabled) {
		$('btn_add_to_basket').fade('in');
		document.getElementById('btn_add_to_basket').onclick = '';
		cart_button_enabled = true;
		return false;
	}
}

function check_enable_add_to_cart() {
	disable_button = false;
	if ( typeof( attributes_array ) != "undefined" ) {
		for (i = 0; i < attributes_array.length; i++) {
			if ((attributes_array[i] == '')||(attributes_array[i] == '0')) {
				disable_button = true;
				disable_add_to_cart();
				break;
			}
		}
		if (!disable_button) {
			enable_add_to_cart();
		}
	} else { enable_add_to_cart(); }
	return false;
}

var primary_image='';
var _current_image='';


function preview_image(_new_image, _text) {
	
	if ($defined($('large_image_container'))) {
		
		if (primary_image == '') {
			primary_image = $('large_image_container').getProperty('src');
		}
		
		if ((_new_image != '')&&(_new_image != _current_image)) {
				
			var largeImg = new Asset.image(_new_image, {id: 'large-image', onload: function() {
				$('large_image_container').tween('1', '0.5');
				$('large_image_container').src=_new_image; 
				$('large_image_container').tween('0.5', '1');
				_current_image = _new_image;
				//myFx.start('1', '0').chain( function(){ }      );
			}});
		}
	}
}

function hide_preview() {
	if (_current_image != primary_image) {	
		$('large_image_container').tween('1', '0.5');
		$('large_image_container').src=primary_image; 
		_current_image = primary_image;
		$('large_image_container').tween('0.5', '1');
	}
}

function set_primary_image(_new_image_src) {
	if (_new_image_src != '') {
		primary_image = _new_image_src;
	}
}