function switchToBig() {
	thePage =1;
	var prodBox = $('products');
	$('pageLinkOne').setStyle('display', 'none');
	var fade = new Fx.Style(prodBox, 'opacity').custom(1,0);
	   var pars   = '?products_id=' + products_id + '&category_id=' + 268 + '&style=big';
       var url    = 'big_view.php' + pars;
       var myAjax = new Ajax( url,
       {
            'method': 'get',
            'onComplete': 
                function()
                {
	               new Fx.Style(this, 'opacity').custom(0,1);
	               if($('volumePricing')) {
	               		$('volumePricing').addEvent('mouseover', showHowTo);
	               		$('volumePricing').addEvent('mouseout', removeHowTo);
	               }
	            }.bind($('products')),
	        'update': prodBox
        }).request();
        var eff1 = new Fx.Style('pageLinkOne', 'opacity', {duration: 200}).custom(1,0);
		var eff2 = new Fx.Style('pageLinkTwo', 'opacity', {duration: 200}).custom(1,0);
    }
    
    function nextProduct(pID, page, image) {
       var bigBox = $('imageContainer');
    //start the fade transition
       new Fx.Style('imageContainer', 'opacity', {'duration': 300}).custom(1,0);
       thePage = page;
       var pb = $('products');
	   var pars   = '?products_id=' + pID + '&category_id=' + 268 + '&style=big&next=yes';
       var url    = 'big_view.php' + pars;
       var myAjax = new Ajax( url,
       {
            'method': 'get',
            'onComplete': 
                function(data)
                { 
						var el = $('bigImage');
						if(el.getStyle('width').toInt() >= 400){
							el.setStyle('marginLeft', '-15px');
						}
                        
                        if($('volumePricing')){
                        	$('volumePricing').addEvent('mouseover', showHowTo);
	               			$('volumePricing').addEvent('mouseout', removeHowTo);
                        }
                        
                        setTimeout(function()
                        {
                        	new Fx.Style('imageContainer', 'opacity',
                        	{
                        		'onStart' : function()
                        		{
                        			$('imageContainer').setStyle('opacity', '0');
                        			$('products').setHTML(this);
                        		}.bind(this)
                        	}).custom(0,1)
                        }.bind(data), 0);
	            }.bind(pb)
        });
    //image preloading
       var nextImage = new Image();
       nextImage.src = image;
       
    //initiate Ajax request
	   myAjax.request();
       
     }

    function backToCategories() {
       var pb = $('products');
	   $('pageLinkOne').setStyle('display', 'block');
       var fadeOut = new Fx.Style('products', 'opacity', {duration: 100, wait: false}).custom(1,0);
       var pars   = '?&category_id=' + 268 + '&page=' + thePage + '&style=small';
       var url    = 'big_view.php' + pars;
       var myAjax = new Ajax( url,
       {
            method: 'get',
            onComplete: 
                function()
                { 
                    setTimeout("doFade()", 100);
	            },
	        evalScripts: true,
	        update: pb
        }).request();
        var eff1 = new Fx.Style('pageLinkOne', 'opacity', {duration: 200, wait: false}).custom(0,1);
        var eff2 = new Fx.Style('pageLinkTwo', 'opacity', {duration: 200, wait: false}).custom(0,1);
    }
    
    function sendForm(action) {
        $('formImg').setStyle('visibility', 'hidden');
        $('loader').setStyle('display', 'block');
        var pars = $('cart_quantity').toQueryString();
        var url = action;
        var formRequest = new Ajax(url,
        {
                method: 'post',
                postBody: pars,
                onComplete: updateShoppingCart
        }).request();
    }
    
    function updateShoppingCart() {
        var url = 'big_view.php?style=updateCart';
        var myAjax = new Ajax(url, {update: $('cartCount'), onComplete: function() {
                                $('loader').setStyle('display', 'none');
                                $('formImg').setStyle('visibility', 'visible');
                            }
        }).request();
        
        var url = 'big_view.php?style=qtyincart&products_id=' + $('pIDdiv').innerHTML;
		new Ajax(url, {update: $('incartqty')}).request();

		var totalsUrl = 'big_view.php?style=updateTotals';
        var myTotals = new Ajax(totalsUrl,
        {
        	'method' : 'get',
        	'update': $('cartTotals')
        }).request();
    }
    function doFade() {
        var fadeIn = new Fx.Style('products', 'opacity', {duration: 100, wait: false, onComplete: attachEvents}).custom(0,1);
    }
    
    function showBig() {
        var id = this.id.split('prod');
        products_id = id[1];
        switchToBig(); 
        return false; 
    }
    
    function showBigLink() {
        var id = this.id.split('prodLink');
        products_id = id[1];
        switchToBig();
        return false;
    }
    
    function attachEvents() {
         var products = $S('.productsImage');
        for(var i=0;i<products.length; i++){
            var el = products[i].id;
            $(el).href="#";
            $(el).addEvent('click', showBig, false);
        }
        var links = $S('.productsImageLink');
        for(var i=0;i<links.length; i++){
            var el = links[i].id;
            $(el).href="#";
            $(el).addEvent('click', showBigLink, false);
		}
    }
    
    function removeHowTo() {
		document.getElementById('howDoI').style.display = 'none';
    }
    
    function showHowTo(){
		document.getElementById('howDoI').style.display = 'block';
    }