var myTimer;
    var interval;
	var currentImage;
    var currentIndex = -1;
	
	var pushIndex = 0;
	
	window.onload = function() {
		//with(document.getElementById("bigPic")) innerHTML = innerHTML+'<a href="#"><img src="/global/images/ads/AD_valentin.png" border="0"/></a>';
		makePOSTRequest('ImageLoader.asp', '' );
	}

    function showImage(index,firstImage)
	{
        if(index < $('#bigPic img').length){
        	var indexImage = $('#bigPic img')[index]
            if(currentImage){   
            	if(currentImage != indexImage ){
                    $(currentImage).css('z-index',2);
                    clearTimeout(myTimer);			
					$(currentImage).hide("slide", { direction: "left" }, 750, function() {
						myTimer = setTimeout("showNext(false)", 6000);
						$(this).css({'display':'none','z-index':1});
					});
                }
            }
            $(indexImage).css({'display':'block'});		
			if(!firstImage) $(indexImage).show("slide", { direction: "right" }, 750);
            currentImage = indexImage;
            currentIndex = index;
			
			/*$('#thumbs li').removeClass('active');$($('#thumbs li')[index]).addClass('active');*/
			
			resetPegs(index);
        }
    }  

    function showNext(firstImage)
	{
        var len = $('#bigPic img').length;
        var next = currentIndex < (len-1) ? currentIndex + 1 : 0;
        showImage(next,firstImage);
    }   

    
	//async calls - load images	
	//------------------------------------------------------------------------------------------------------------------------------------------------------------
	
	function makePOSTRequest(url, parameters)
	{
		http_request = false;
		if (window.XMLHttpRequest) { // Mozilla, Safari,...
			http_request = new XMLHttpRequest();
			if (http_request.overrideMimeType) {
				http_request.overrideMimeType('text/html; charset=ISO-8859-1');
			}
		} else if (window.ActiveXObject) { // IE
			try {
				http_request = new ActiveXObject("Msxml2.XMLHTTP");
			} catch (e) {
				try {
					http_request = new ActiveXObject("Microsoft.XMLHTTP");
				} catch (e) { }
			}
		}
		if (!http_request) {
			jAlert('Erreur non spécifié', 'MatchToi.com');
			return false;
		}
		http_request.onreadystatechange = getImages;
		http_request.open('POST', url, true);
		http_request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
		http_request.setRequestHeader("Content-length", parameters.length);
		http_request.setRequestHeader("Connection", "close");
		http_request.send(parameters);
	}

	function resetPegs(index)
	{
		divThumbs = document.getElementById("thumbs");
		for(var i=0;i<($('#thumbs img').length);i++)
		{
			with(divThumbs.getElementsByTagName("li")[i])
			{
				if(index==i)
				{
					with(getElementsByTagName("img")[0]) src = src.replace("_off","_on");
				}
				else
				{
					with(getElementsByTagName("img")[0]) src = src.replace("_on","_off");
				}
			}
		}

	}

	function getImages()
	{
		if (http_request.readyState == 4) {
			if (http_request.status == 200) {
				
				//manage the head images
				with(document.getElementById("bigPic")) innerHTML = innerHTML + http_request.responseText;
				myTimer = setTimeout("showNext(false)", 6000);
				showNext(true); //loads first image
				//
				
				//manage the pegs
				with(document.getElementById("thumbs"))
				{
					for(var i=1;i<=($('#bigPic img').length);i++)
					{
						varImg = (i==1)?"/global/images/peg_on.png":"/global/images/peg_off.png";
						innerHTML=innerHTML+'<li class="active" rel="'+i+'"><img src="'+varImg+'" alt="" style="cursor:pointer" /></li>';
					}
				}

				$('#thumbs li').bind('click',function(e){
					var count = $(this).attr('rel');
					showImage(parseInt(count)-1);
					
					resetPegs(-1);
					with(this.getElementsByTagName("img")[0]) src = src.replace("_off","_on");
				});
				//
			}
		}
	}