/* 
 *   getDocHeight function taken from:
 *   http://james.padolsey.com/javascript/get-document-height-cross-browser/
 */

function getDocHeight() {
    var D = document;
    return Math.max(
	    Math.max(D.body.scrollHeight, D.documentElement.scrollHeight),
	    Math.max(D.body.offsetHeight, D.documentElement.offsetHeight),
	    Math.max(D.body.clientHeight, D.documentElement.clientHeight)
    );
}

function toggleOffer(id, on){
    var offer = document.getElementById('offer' + id);
    var shade = document.getElementById('shade');
    var shade2 = document.getElementById('shade2');
    var shadei = document.getElementById('infoshade');
    
    if(on == 1){
	// set variables
	var height = getDocHeight();
	var width = 780;
	offer.style.display = 'block'; 
	var blockheight = offer.offsetHeight;
	var blockwidth = offer.offsetWidth;
	offer.style.display = 'none';
	
	// set offer position
	if(offer){
	    // set horizontal position
	    var xpos = (width/2) - (blockwidth/2);
	    offer.style.left = xpos + 'px';
	    
	    // set vertical position
	    var ypos;
	    if(typeof window.pageYOffset != 'undefined'){
	        ypos = window.pageYOffset;
	    }
	    else{
    	    ypos = document.documentElement.scrollTop;
    	}
	        
	    var resultpos = 0;
	    if((ypos + blockheight + 20) > height){
		    resultpos = height - (blockheight + 10);
	    }
	    else{
		    resultpos = ypos + 20;
	    }
	    offer.style.top = resultpos + 'px';
	}
	// set shade height and turn on
	if(shade){
	    shade.style.height = height + 'px';
	    shade.style.display = 'block';
	    shade.style.zIndex = 2;
	}
	if(shade2){
	    shade2.style.height = height + 'px';
	    shade2.style.display = 'block';
	    shade2.style.zIndex = 2;
	}
	if(shadei){
	    shadei.style.height = height + 'px';
	    shadei.style.display = 'block';
	    shadei.style.zIndex = 2;
	}
	// turn on offer
	if(offer){ 
	    offer.style.display = 'block'; 
	    offer.style.zIndex = 99;
	}
    }
    else{
	if(offer){ offer.style.display = 'none'; }
	if(shade){ shade.style.display = 'none'; }
	if(shade2){ shade2.style.display = 'none'; }
	if(shadei){ shadei.style.display = 'none'; }
    }
}

function hideAll(){
    var offers = $('#offers>div');//document.getElementById('offers').getElementsByTagName('div');
    var shade = document.getElementById('shade');
    var shade2 = document.getElementById('shade2');
    var shadei = document.getElementById('infoshade');
	
    /*for(var i = 0; i < offers.length; i++){
	    if(offers[i]){ 
	        offers[i].style.display = 'none'; 
	        var divs = offers[i].getElementsByTagName('div');
	    }
    }*/
    
    offers.each(function(){
        $(this).css('display','none');
    });
    
    if(shade){ shade.style.display = 'none'; }
    if(shade2){ shade2.style.display = 'none'; }
    if(shadei){ shadei.style.display = 'none'; }
}