// JavaScript Document
var timerCookie;

function customerServices(){
	pos = $('customer_services').positionedOffset();
	if(pos[1] == 0){
		new Effect.Fade($('dropdown_links'), { duration: 0.8, queue: 'end', scope: 'csbar', limit: 2 });
		new Effect.Move($('customer_services'), { duration: 1.0, x: 0, y: -120, mode: 'absolute', queue: 'end', scope: 'csbar', limit: 2 })
		$('open_close').style.backgroundPosition = '0 0';
	}
	if(pos[1] == -120){
		new Effect.Move($('customer_services'), { x: 0, y: 0, mode: 'absolute', queue: 'end', scope: 'csbar', limit: 2 })
		new Effect.Appear($('dropdown_links'), { duration: 2.0, queue: 'end', scope: 'csbar', limit: 2 });
		$('open_close').style.backgroundPosition = '0 -31px';
	}
}

function openAreasCovered(){
	$('openAreasCovered').style.display = "none";{ queue: 'end' }
	$('closeAreasCovered').style.display = "";
	new Effect.BlindDown($('areascoveredtrans'));
}
function closeAreasCovered(){
	$('closeAreasCovered').style.display = "none";
	$('openAreasCovered').style.display = "";
	new Effect.BlindUp($('areascoveredtrans'));
}
function featureOver(id,pos){
	id.style.backgroundPosition = pos;
	id.style.cursor = "pointer";
}
function featureOut(id,pos){
	id.style.backgroundPosition = pos;
	id.style.cursor = "";
}
function featureClick(id){
	link = $(id).down('a');
	if(link != undefined) {
		location.href = link.href;
	}
}
function headermenu(item){
	if($(item)){
		$(item).addClassName('header-menu-on');
	}
}
function continueShoppingB(cSLink){
	switch (cSLink) {
		case 'shutters':
			$('moreshutters').style.display = "";
		break;
	}
}
function additem(itemid){

	quty = $('quantity'+itemid).value;

	new Ajax.Request('/modules/shop/add.php', {
	  method: 'get',
	  parameters: {dataid: itemid, orderquantity: quty},
	  onSuccess: cartchanged
	  });

}
function cartchanged(transport){
	$('products_cartnote').style.display = "";
	setTimeout("$('products_cartnote').style.display = 'none';", 2000 );
}
function onLoad() {
	// this doesn't help, Opera is currently broken:
	if (window.opera && window.history) {
		history.navigationMode = 'compatible';
	}
	// Set-up the polling:
	timerCookie = window.setTimeout(onTick, 200);
}
function onUnload() {
	if (timerCookie) {
		window.clearTimeout(timerCookie);
	}
}
function galleryZoom(id) {

	imagebox = "gallery_image_"+id;
	imagelink = $(imagebox).select('a');
	popUp(imagelink[0].href,300,400);
//	eval("page" + id + " = window.open('" + imagelink[0].href + "', 'page" + id + "', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=1,width=300,height=400');");
//	window.location.href = imagelink[0].href;
	return false;
}

function temporder(width) {

	tempsmall = 0;

	templarge = Math.floor(width / 1210);

	widthleft = width - (templarge * 1210);

	if(widthleft < 910) {
		tempsmall = 1;
	}
	else {
		templarge = templarge + 1;
	}
	baskettempsmall += tempsmall;
	baskettemplarge += templarge;
}

function tempExtraOrder() {

	baskettempsmall = baskettempsmall - dataid[99];
	baskettemplarge = baskettemplarge - dataid[100];

	if(baskettempsmall > 0 || baskettemplarge > 0) {
		$('extraTemps').style.display = "";
		extraTempsTotal = 0;
		if(baskettempsmall > 0)	{
			extraTempsTotal = baskettempsmall * 5;
		}
		if(baskettemplarge > 0)	{
			extraTempsTotal = extraTempsTotal + (baskettemplarge * 8);
		}
		$('extraTempsPrice').innerHTML = extraTempsTotal;
	}


}
function getDataQuantity(basid) {
	if($('quantity['+basid+']')) {
		return $('quantity['+basid+']').value;
	}
}

function tempExtraOrderAdd() {

	if(baskettempsmall > 0)	{
		new Ajax.Request('/modules/shop/add.php', {method: 'get', parameters: {dataid: 99, orderquantity: baskettempsmall}});
	}
	if(baskettemplarge > 0)	{
		new Ajax.Request('/modules/shop/add.php', {method: 'get', parameters: {dataid: 100, orderquantity: baskettemplarge}});
	}
	setTimeout("window.location = '/Basket/'", 1000 );
}

//GALLERY SCROLL
var gallerySlider;
var galleryScroll;
var galleryScrollPosition = 0;
var galleryScrollMax = 0;

function gallerySetup() {
	$('datadisplay_scroll').style.width = (gallerySize * 104)+'px';
	if(gallerySize > 5){
		$('datadisplay_slider_handel').style.width = ((473/gallerySize)*5) +'px';
		
		galleryScrollMax = (gallerySize * 104) - 518;
		gallerySlider = new Control.Slider('datadisplay_slider_handel','datadisplay_slider', {onSlide: scrollGallery, onChange: scrollGallery, range: $R(0, galleryScrollMax), sliderValue: galleryScrollPosition });
	}
	else {
		$('datadisplay_scrollbar').hide();
	}
	images = $('datadisplay_scroll').select('.gallery-category');
	image = $(images[0]).select('img');
	newImage = image[0].src.replace(/(91x90-Crop)/,'405x541-Crop');
	$('datadisplay_image_display').replace('<div id="datadisplay_image_display"><img src="'+newImage+'" width="405" height="541" /></div>');
	
	images[0].addClassName('select');
	
	content = $(images[0]).select('div');
	$('datadisplay_image_text').replace('<div id="datadisplay_image_text">'+content[0].innerHTML+'</div>');	
}

function scrollGallery(value) {
	$('datadisplay_scroll').setStyle({ left: '-'+value+'px' });
	galleryScrollPosition = value;
}
function scrollGalleryLeft(){
	galleryScroll = window.setTimeout('scrollButton(-3)', 5);
}
function scrollGalleryRight(){
	galleryScroll = window.setTimeout('scrollButton(3)', 5);
}
function scrollGalleryStop(){
	window.clearTimeout(galleryScroll);
}
function scrollButton(val){
	galleryScrollPosition = galleryScrollPosition + val;
	if(galleryScrollPosition > galleryScrollMax){
		window.clearTimeout(galleryScroll);
		galleryScrollPosition = galleryScrollMax;
	}
	if(galleryScrollPosition < 0){
		window.clearTimeout(galleryScroll);
		galleryScrollPosition = 0;
	}
	gallerySlider.setValue(galleryScrollPosition);
	galleryScroll = window.setTimeout('scrollButton('+val+')', 5);
}
function galleryLoad(id){
	imagebox = "gallery_image_"+id;
	image = $(imagebox).select('img');
	newImage = image[0].src.replace(/(91x90-Crop)/,'405x541-Crop');
	$('datadisplay_image_display').replace('<div id="datadisplay_image_display"><img src="'+newImage+'" width="405" height="541" /></div>');
	content = $(imagebox).select('div');
	$('datadisplay_image_text').replace('<div id="datadisplay_image_text">'+content[0].innerHTML+'</div>');
	
	$$('.gallery-category.select').each(function(value, index) { value.removeClassName('select');});
	$("gallery_image_"+id).addClassName('select');
}


//VERTICAL SCROLL
var verticalSlider;
var verticalScroll;
var verticalScrollPosition = 0;
var verticalScrollMax = 0;

function verticalSetup() {
	verticalSize = $('vertical_scroll').getHeight();
	if(verticalSize > 447){
		$('vertical_slider_handel').style.height = ((447/verticalSize)*100)*4.8 +'px';
	
		verticalScrollMax = verticalSize - 466;
		verticalSlider = new Control.Slider('vertical_slider_handel','vertical_slider', {axis: 'vertical', onSlide: scrollVertical, onChange: scrollVertical, range: $R(0, verticalScrollMax), sliderValue: verticalScrollPosition });
	}
	else {
		$('vertical_scrollbar').hide();
	}
}

function scrollVertical(value) {
	$('vertical_scroll').setStyle({ top: '-'+value+'px' });
	verticalScrollPosition = value;
}
function scrollVerticalUp(){
	verticalScroll = window.setTimeout('scrollVButton(-3)', 5);
}
function scrollVerticalDown(){
	verticalScroll = window.setTimeout('scrollVButton(3)', 5);
}
function scrollVerticalStop(){
	window.clearTimeout(verticalScroll);
}
function scrollVButton(val){
	verticalScrollPosition = verticalScrollPosition + val;
	if(verticalScrollPosition > verticalScrollMax){
		window.clearTimeout(verticalScroll);
		verticalScrollPosition = verticalScrollMax;
	}
	if(verticalScrollPosition < 0){
		window.clearTimeout(verticalScroll);
		verticalScrollPosition = 0;
	}
	verticalSlider.setValue(verticalScrollPosition);
	verticalScroll = window.setTimeout('scrollVButton('+val+')', 5);
}

function setupProductTab() {
	addLoadEvent(moveDetails);
	changeProductTab('description');
}
function moveDetails() {
	$('detailview').insert({ top: $('detailview2') });
	$('detailview2').show();
}

var readMoreRaady = false;

function changeProductTab(id) {
	$$('.tab').each(function(value, index) { value.removeClassName('on');});
	$$('.tabarea').each(function(value, index) { value.hide();});
	
	$('tab_'+id).addClassName('on');
	$('area_'+id).show();
	
	if(id == 'reviews' && !readMoreRaady){
		readMoreSetup();
	}
}

// Read more
function readMoreSetup(){
	$$('.apost .text').each(function(value, index) {
			if(value.getHeight() > 58){
				value.addClassName('short');
				value.insert({ after: '<a class="moretext" onClick="readMoreOpen(this);">read more...</a>' });
			}
		}
	);
	
}
function readMoreOpen(id){
	id.previous().removeClassName('short');
	id.replace('<a class="moretext" onClick="readMoreClose(this);">close</a>');
}
function readMoreClose(id){
	id.previous().addClassName('short');
	id.replace('<a class="moretext" onClick="readMoreOpen(this);">read more...</a>');
}

function scrollStandardColumn(){
	$$('.standard-column').each(function(value, index) {
			if(value.getHeight() > 540){

				content = value.innerHTML;
				value.style.height = '528px';
				value.style.position = 'relative';
				value.style.overflow = 'hidden';
				value.update('<div id="vertical_scroll"></div>');
				$('vertical_scroll').update(content);
				
				value.insert({ bottom: '<div id="vertical_scrollbar" class="scroll_standard"><a href="javascript:void(0);" onmousedown="scrollVerticalUp()" onmouseup="scrollVerticalStop()" class="top">up</a><a href="javascript:void(0);" onmousedown="scrollVerticalDown()" onmouseup="scrollVerticalStop()" class="bottom">down</a><div id="vertical_slider"><div id="vertical_slider_handel"><span></span></div></div><script type="text/javascript">verticalSetup();</script>'});
			}
		}
	);
}

function setupColourHover() {
	$('doc').insert({'after': new Element('div', {'id':'hover_outer'})});
	$('hover_outer').hide();
	$(document).observe('mousemove', function(e) {
		_x = Event.pointerX(e)+10;
		_y = Event.pointerY(e)-160;

		$('hover_outer').setStyle({
			'left':_x+'px',
			'top':_y+'px'
		});
	});
}

function captureColourHover(id) {
	$$(id).invoke('observe', 'mouseover', function() {
			$('hover_outer').innerHTML = '<span class="'+this.className+'"></span>';
			$('hover_outer').show();
	}).invoke('observe', 'mouseout', function() {
//		$('hover_outer').innerHTML = '';
		$('hover_outer').hide();
	});
}