function hoverColour(id, name) {
	$('colour_name').innerHTML = name;
}
function _hoverColour() {
    $('colour_name').innerHTML = 'Not Available';
}
function unHoverColour() {
	$('colour_name').innerHTML = (display_colour == null) ? 'none selected' : display_colour;
}

function selectColour(id, name) {
    display_colour ='';
	colourElements = $A($('colours').getElementsByTagName('li'));
	colourElements.each( 
		function(el) {
			el.className = '';
		}		
	);
	
	$('col_' + id).className = 'selected';


	$('colour_name').innerHTML = name;
	$('selected_colour_id').value = id;
	display_colour = name;
	updateSelection();
}
function _selectColour(id, name) {
    $('selected_colour_id').value = -2;
    display_colour = "Nil";
    updateSelection();
    
}
function hoverSize(typeid, id, name, price) {
	$('size_name_' + typeid).innerHTML = name;	
}


function unHoverSize(typeid, id, name, price) {
	$('size_name_' + typeid).innerHTML = (display_size == null) ? 'none selected' : display_size;
}

function selectSize(typeid, id, name, price,line_id) {
    
    display_colour = null;
	sizeElements = $A($('sizes_' + typeid).getElementsByTagName('li'));
	sizeElements.each( 
		function(el) {
			el.className = '';
		}		
	);
	
	$('size_' + id).className = 'selectedSize';



	$('size_name_' + typeid).innerHTML = name;
	$('selected_product_id').value = id;
	display_price = price;
	display_size = name;

	updateSelection();
    //render color selections to screen
    var data= 'pid=' + id + '&lineid=' + line_id;
    render_view('color_selection','color_selection',data);
}

function updateSelection() {
	desc = '';
	desc += ($('quantity').value + ' x ');
	
	
	if(display_size != null) desc += (display_size + ' ');
	if(display_type != null) desc += (display_type + ' ');	
	
	if(display_colour != null) {
        desc += ( '  :  ' + display_colour);
	}
    
    
	$('current_selection_desc').innerHTML = desc;
	$('current_selection_price').innerHTML = '$' + ($('quantity').value * display_price).toFixed(2);
}


function showImage(imageFile) {
    $('bigImage').src = imageFile;
}


// -----------


function addToBasket() {
	// validate
	if($('selected_product_id').value == -1) {
		alert("Please select a size.");
		return;
	}
	
	else if($('selected_colour_id').value == -1) {
		alert("Please select a colour.");
		return;		
	}
    else if($('selected_colour_id').value == -2) {
        alert("The colour is currently not available.");
        return;        
    }
	else{
	remote_function('store.add_product_to_cart', Form.serialize('new_basket_item'), 
		function() { 
			render_view_and_highlight('basket_header', 'checkoutbox', null); 
			
			Effect.Appear('product_added_flash', { duration: 0.5 });
			
			window.setTimeout(
				function() {
					Effect.Fade('product_added_flash');
				}, 5000);
			
			
		}, 
		function() { alert("Err")});
    }
}




function sendToFriend(form) {
    
    data = Form.serialize(form);
    $('send_beta_spinner').style.display = 'inline';
    
    remote_function('store.send_to_friend', data, 
		function(req, json) {
			// hide the spinner
			$('send_beta_spinner').className = 'done';
			$('send_beta_spinner').innerHTML = 'Feedback sent!';			
		}, 

		function(req, json) {
			alert("Error: " + req.responseText);
		}
	);
    
}