var getItem = function(target){
	return document.getElementById(target);
}
var mouseOver_bt = function(target,element){
	target_object = getItem(target);
	target_object.src = element;
}
var getCommentBox = function(identifier,content_unique){
	if(document.getElementById('currentOpenContent').value!=''){
	document.getElementById('head' + document.getElementById('currentOpenContent').value).style.display = 'block';
	}
	headBlock = document.getElementById('head' + identifier) ;
	headBlock.style.display = 'none';
	createNewElement('identifier' + identifier,'DIV','id;commentBlock|ALIGN;left|className;commentBox',false);
	createNewElement('commentBlock','DIV','id;closeBox|align;right|className;closeElement',false);
	createNewElement('closeBox','DIV','id;closeImg|className;closeBt',false);
	createNewElement('commentBlock','DIV','id;comment_container',false);
	createNewElement('commentBlock','DIV','id;commentContent',false);
	openTarget = identifier;
	//alert('get_extra_info.asp?MenuID=' + content_unique + '&CompType=' + document.getElementById('thisCompType').value + '&search=' + document.getElementById('thissearch').value);
	if(document.getElementById('thissearch')){
	ajax_loadContent('comment_container','get_extra_info.asp?MenuID=' + content_unique + '&CompType=' + document.getElementById('thisCompType').value + '&search=' + document.getElementById('thissearch').value,'true');
	}
		if(document.getElementById('thiscat')){
	ajax_loadContent('comment_container','get_extra_info.asp?MenuID=' + content_unique + '&CompType=' + document.getElementById('thisCompType').value + '&cat=' + document.getElementById('thiscat').value,'true');
	}
	
		//alert(content_unique);
	document.getElementById('currentOpenContent').value = identifier;
	document.getElementById('closeImg').innerHTML = 'sluiten';
	document.getElementById('closeImg').className = 'closeBt';
	document.getElementById('closeImg').onclick = function(){removeBox('commentBlock');headBlock.style.display = 'block';document.getElementById('currentOpenContent').value='';};
}
function GetTimeInMillisec()
{
    var Now = new Date()
    var UnStamp = Now.getTime()

    return UnStamp
}

var createNewElement = function(thisTarget,childType,newAttribute,doBefore){
		var targetDiv = document.getElementById(thisTarget);
		var newChild
		var existing_elem = new Array();
		var elements_arr = new Array();
		newChild = document.createElement(childType);
		//alert(childType);
			if(childType=='IFRAME'){
				newChild.name = GetTimeInMillisec();	
				newChild.frameBorder = '0';
				newChild.scrolling='no';
				//newChild.style.width = '100%';
			}
		if(newAttribute){
		//alert('1');
			var thisElementAttr_arr = newAttribute.split('|');
				for(i=0;i<thisElementAttr_arr.length;i++){
					//alert('1 | ' +i);
				var thisElementAttr = thisElementAttr_arr[i].split(';');
				if(thisElementAttr[0]!='className'){
					if(thisElementAttr[0]=='id' || thisElementAttr[0]=='align' ){
						if(document.getElementById(thisElementAttr[1])){
							removeBox(thisElementAttr[1]);
						}
						thisNewAttr = document.createAttribute(thisElementAttr[0]); 
						thisNewAttr.nodeValue = thisElementAttr[1];
						newChild.setAttributeNode(thisNewAttr) ;
						}
				} else {
				newChild[thisElementAttr[0]] = thisElementAttr[1];
				}
				}
		}
			
		//alert('5');	
		targetDiv.appendChild(newChild);
		existing_elem = targetDiv.getElementsByTagName('DIV');
		if(doBefore==true){
			//alert('doBefore')
			for(var no=0;no<existing_elem.length;no++){
				if(existing_elem[no].className=='Titel'){
					elements_arr = elements_arr + ',' + existing_elem[no].id;
				}	
			}	
			elements_arr = elements_arr.split(',');
			if(elements_arr[1]){
				targetDiv.insertBefore(newChild,document.getElementById(elements_arr[1]));
			}
			try{
			}catch(e){
				alert('doBefore error');
			}
		}
		return newChild;
}

//end createlement 

var removeBox = function(thisBox){
					var findParentNode=document.getElementById(thisBox).parentNode;
						findParentNode.removeChild(document.getElementById(thisBox));
}

var getOrderScreen = function(idCode,theIndex){
	if(!document.getElementById('div102')){
	screenOverlay('div102');
	contentIfame = createNewElement('div102','DIV','id;orderContent|className;orderContent',false);
	contentIfame2 = createNewElement('orderContent','DIV','id;orderContentIf',false);
	closeContainer = createNewElement('orderContent','DIV','id;closeCont',false);
	contentIfame.style.top = 33 + Math.max(document.body.scrollTop,document.documentElement.scrollTop) + 'px';
	contentIfame.style.left = 50 + '%';
	contentIfame.style.width = 0 + 'px';
	contentIfame.style.zIndex = '160';
	contentIfame.style.position = 'absolute';
	contentIfame.style.marginTop = browserDiffrence + 'px';
	contentIfame.style.marginLeft = -((830)/2) + 'px';
	contentIfame2.style.backgroundColor = '#FFFFFF';
	closeContainer.style.position = 'absolute';
	closeContainer.style.marginTop = '-10px';
	closeContainer.style.zIndex = '170';
	closeContainer.style.float = 'right';
	closeContainer.style.visibility = 'hidden';
	document.body.appendChild(contentIfame);
	closeContainer.innerHTML = '<img src="images/close_bt.png" alt="scherm sluiten" title="scherm sluiten" style="cursor:pointer;" onclick="closeIframeContent(\'div102\'); closeIframeContent(\'orderContent\');"/>';
	contentIfame.appendChild(contentIfame2);
	}    
	getImageAjax(idCode,theIndex);
}
var closeIframeContent = function(target){
	document.body.removeChild(document.getElementById(target));
		
}
var centerDiv = function(prev,next){
	if(!prev){
		document.getElementById('previousImage').style.visibility = 'visible';
	}
	if(!next){
		document.getElementById('nextImage').style.visibility = 'visible';
	}
	var thisWidth=document.getElementById('thisImage').width;
	var thisHeight=document.getElementById('thisImage').height;
	document.getElementById('orderContent').style.marginLeft = -((thisWidth)/2) + 'px';
	//document.getElementById('orderContent').style.border = '1px solid #EEEEEE';
	document.getElementById('orderContent').style.width = thisWidth + 20 + 'px';
	document.getElementById('orderContent').style.height = thisHeight + 150 + 'px';
	document.getElementById('orderContent').style.backgroundColor = '#FFFFFF';
	//document.getElementById('orderContent').style.marginTop = 100 + 'px';
	document.getElementById('closeCont').style.marginLeft = thisWidth + 'px';
	document.getElementById('closeCont').style.visibility = 'visible';
	document.getElementById('nextImage').style.marginLeft = (thisWidth-23) + 'px';
	document.getElementById('nextImage').style.zIndex = 201;
	document.getElementById('previousImage').style.marginLeft = 2 +'px';
	document.getElementById('previousImage').style.zIndex = 201;
	document.getElementById('thisImage').style.visibility = 'visible';
	document.getElementById('imageContent').style.width = (thisWidth) + 'px';
	
	//document.getElementById('imageContent').style.marginTop = (-150) + 'px';
}
	var ajaxObjects = new Array();
	var ajaxObjects2 = new Array();
	function getImageAjax(idCode,theIndex){ 			
	var target='image2.asp?ContID=' + idCode + '&index=' + theIndex;	
				var ajaxIndex2 = ajaxObjects2.length;
			    ajaxObjects2[ajaxIndex2] = new sack();
			    var url = target
				//alert(url);
				//document.getElementById('sessionVar').innerHTML=url;
			    ajaxObjects2[ajaxIndex2].requestFile = url;  // Specifying which file to get  // Specify function that will be executed after file has been found
				ajaxObjects2[ajaxIndex2].onCompletion = function() { doImage(GetResponse(ajaxIndex2),idCode,theIndex); } ;
			    ajaxObjects2[ajaxIndex2].runAJAX();    // Execute AJAX function
				
	}
	function getTagAjax(idCode,theIndex){ 			
	var target='imagetag.asp?ContID=' + idCode + '&index=' + theIndex;	
				var ajaxIndex2 = ajaxObjects2.length;
			    ajaxObjects2[ajaxIndex2] = new sack();
			    var url = target
				//alert(url);
				//document.getElementById('sessionVar').innerHTML=url;
			    ajaxObjects2[ajaxIndex2].requestFile = url;  // Specifying which file to get  // Specify function that will be executed after file has been found
				ajaxObjects2[ajaxIndex2].onCompletion = function() { document.getElementById('imageContent').innerHTML = GetResponse(ajaxIndex2); } ;
			    ajaxObjects2[ajaxIndex2].runAJAX();    // Execute AJAX function
				
	}

function GetResponse(index){			
	Svariable=ajaxObjects2[index].response;
	return Svariable
	}
var doImage = function(imageFile,idCode,theIndex){
	var imageArray = imageFile.split(',');
	var next = parseInt(theIndex) + 1
	var previous = parseInt(theIndex) - 1
	newImage = createNewElement('orderContent','DIV','id;thisImageContainer',false);
	newImageContent = createNewElement('orderContent','DIV','id;imageContent|className;imageContent',false);
	imagePlaceHolder = document.getElementById('orderContent');
	newImage.innerHTML = '<img src="siteimg/' + imageArray[0] + '" id="thisImage" alt="Bild" title="Bild" style="cursor:pointer;visibility:hidden; border:10px solid #FFFFFF;filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0;" onclick="closeIframeContent(\'div102\'); closeIframeContent(\'orderContent\');"/><div style="clear:both;"></div><div onclick="getOrderScreen(' + idCode + ',' + (previous)+')" style="position:absolute;cursor:pointer;visibility:hidden;" id="previousImage"></div><div onclick="getOrderScreen(' + idCode + ',' + (next)+')" style="position:absolute;cursor:pointer;visibility:hidden;" id="nextImage"></div>';
	imagePlaceHolder.appendChild(closeContainer);
	imagePlaceHolder.appendChild(newImage);
	imagePlaceHolder.appendChild(newImageContent);
	if(parseInt(theIndex)==0){
		previousHidden=true;
	} else {
		previousHidden=false;
	}
	if(parseInt(imageArray[1]-1)==parseInt(theIndex)){
		nextHidden=true ;
	}else{
		nextHidden=false ;
	}
	
	attachEvent2(document.getElementById('thisImage'),'load',function(e){ centerDiv(previousHidden,nextHidden); shiftOpacity('thisImage',1000);getTagAjax(idCode,theIndex);});
		
	}
function shiftOpacity(id, millisec) { 
    //if an element is invisible, make it visible, else make it ivisible 
    if(document.getElementById(id).style.opacity == 0) { 
        opacity(id, 0, 100, millisec); 
    } else { 
        opacity(id, 0, 100, millisec); 
    } 
} 
function opacity(id, opacStart, opacEnd, millisec) { 
    //speed for each frame 
    var speed = Math.round(millisec / 100); 
    var timer = 0; 

    //determine the direction for the blending, if start and end are the same nothing happens 
    if(opacStart > opacEnd) { 
        for(i = opacStart; i >= opacEnd; i--) { 
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); 
            timer++; 
        } 
    } else if(opacStart < opacEnd) { 
        for(i = opacStart; i <= opacEnd; i++) 
            { 
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); 
            timer++; 
        } 
    } 
} 

//change the opacity for different browsers 
function changeOpac(opacity, id) { 
    var object = document.getElementById(id).style; 
    object.opacity = (opacity / 100); 
    object.MozOpacity = (opacity / 100); 
    object.KhtmlOpacity = (opacity / 100); 
    object.filter = "alpha(opacity=" + opacity + ")"; 
} 
function blendimage(divid, imageid, imagefile, millisec) { 
    var speed = Math.round(millisec / 100); 
    var timer = 0; 
     
    //set the current image as background 
    document.getElementById(divid).style.backgroundImage = "url(" + document.getElementById(imageid).src + ")"; 
     
    //make image transparent 
    changeOpac(0, imageid); 
     
    //make new image 
    document.getElementById(imageid).src = imagefile; 

    //fade in image 
    for(i = 0; i <= 100; i++) { 
        setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed)); 
        timer++; 
    } 
} 
var browserDiffrence
var repositionSite = function(){
	browser_size_array = new Array();
	browser_size_array = getBrowserSize();
	diffrence = parseInt(browser_size_array[1])-parseInt(document.getElementById('siteContainer').scrollHeight);
	if(diffrence>0){
	browserDiffrence = (diffrence/2);
	}else{
	browserDiffrence = 10;
	}
	document.getElementById('siteContainer').style.marginTop = browserDiffrence + 'px';
	document.getElementById('siteContainer').style.visibility = 'visible';
	//alert(browser_size_array[1]);
}