Event.observe(window, 'load', function() {
	
	var prd_carousel = new UI.Carousel('newcarousel');
	
	if($('scrollTo')){
		var pos = $('scrollTo').getValue() - 4;
		prd_carousel.scrollTo(pos);
	}
		
	$('content').setStyle({margin: '29px 27px 29px 22px'});
	if($('homepage')){
		$('intro').setStyle({margin: '0 0 0 17px'});
	}
	if($('products')){
		$('product_details').setStyle({margin: '0 0 0 17px'});
	}
	
});

function display_image(id,pid){

	var ajax = new Ajax.Updater('image_holder', 'image_details.php?ajax&id='+id+'&pid='+pid, { 
		method: 'get',
		onComplete: morecoolstuff = function(){
			Effect.Appear('image_holder', { duration: 0.1})
		}

	});

}

function goto_product(id){
	if(window.location.href != 'products.php'){
		window.location.href = 'products.php#'+id;
		return false;
	}else{
		show_product(id);
		return true;
	}
}

function show_product(id){
	
	$('product_details').setStyle({ display: 'none'});
	//Effect.toggle('product_details','appear');
	var ajax = new Ajax.Updater('product_details', 'product_details.php?ajax&id='+id, { 
		method: 'get'
	});
	Effect.toggle('product_details','appear');
	
}


function personalise(id){
  /* TODO: 
  * get the 'personalise' call out of the HTML
  */

  var add_name_cb = $('p_'+id);
  var qty = $('q_'+id).getValue();

  var existing_rows = $$('tbody.personalisation-row-'+id);
  existing_rows.each(function(row){
    row.remove();
  });

  if(qty == 0){
    return;
  }

  if(qty != 0 && add_name_cb.checked){
    for(i = 0; i < qty; i++){
      var existing = $('personalisation-row-'+id+'-'+i);
      if(existing == null){
	t = '<tbody class="personalisation-row personalisation-row-'+id+'" id="personalisation-row-'+id+'-'+i+'"><tr><td class="label"><label for="p_'+id+'_text_'+i+'"><label for="+p_'+id+'_text_'+i+'">Name or Message:</label></td><td colspan="3"><input type="text" name="'+id+'[personalise]['+i+']" id="+p_'+id+'_text_'+i+'" /></td></tr><tr><td class="label">Font:</label></td><td colspan="3"><label for="+p_'+id+'_font_'+i+'_1"><input type="radio" name="'+id+'[font]['+i+']" id="+p_'+id+'_font_'+i+'_1" value="Font_1" /><img src="images/font_1.jpg" alt="Jester"/></label><label for="+p_'+id+'_font_'+i+'_2"><input type="radio" name="'+id+'[font]['+i+']" id="+p_'+id+'_font_'+i+'_2" value="Font_2" /><img src="images/font_2.jpg" alt="Girls are Weird"/></label></td></tr></tbody>';
	$('product-'+id).insert({after: t});
      }else{
	existing.show();
      }
    }
  }

}

function next_image(id){
	
	new Ajax.Updater('fancy-shit-details', 'gallery_details.php?ajax&g='+id,{
		method: 'get',
		onStart: somecooleffect = function(){
			Effect.Fade('fancy-shit-details', { duration: 2.0 });
		},
		onComplete: morecooleffects = function(){
			Effect.Appear('fancy-shit-details', { duration: 2.0 });
		}
	});
	
}