// AJAX VARS 
var xmlHttp;
var elm;

// AJAX FUNCTIONS
function GetXmlHttpObject() {
    try {
      // Firefox, Opera 8.0+, Safari
      xmlHttp=new XMLHttpRequest();
    } catch (e) {
      // Internet Explorer
        try {
            xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
        } catch (e) {
            xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
        }
    }
    return xmlHttp;
}

function showhide (id) {
	elm = document.getElementById(id);
	elm.style.display = (elm.style.display == 'none') ? 'block' : 'none';	
}

function morphImageChange (id, image, video, copyright, copyright_url, width, height) {
	
	var copy 				= document.getElementById('copyright');
	var simg 				= document.getElementById('smallimages').getElementsByTagName('img');
	var img 				= document.getElementById('smallimg' + id);
	var liw 				= document.getElementById('largeImageWrapper');
	var querystring 		= '&fs=0&rel=0&autoplay=1';	
	
	var realHeight 			= 390;
	var realWidth 			= 510;
	var size 				= (width > height) ? ((width / height > 1.3) ? 'height: ' + realHeight + 'px' : 'width: ' + realWidth + 'px') : 'width: ' + realWidth + 'px';		
	
	if (image != "") {
		liw.innerHTML = '<a href="' + image + '" target="_blank"><img src="' + image + '" style="' + size + ';border: 0;" alt="" /></a>';
		copy.innerHTML = (copyright != "") ? '&#169; ' + ((copyright_url != "") ? '<a href="' + copyright_url + '" style="text-decoration: none;" title="' + copyright + '">' : '') + copyright + ((copyright_url != "") ? '</a>' : '') : '';
	}
	else {
		liw.innerHTML = '<object width="' + realWidth + '" height="' + realHeight + '"><param name="movie" value="http://www.youtube.com/v/' + video + querystring + '"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/' + video + querystring + '" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="' + realWidth + '" height="' + realHeight + '"></embed></object>';
	}
	
	// reset opacity for all small images
	for (i = 0; i < simg.length; i++) {
		if (simg[i].className == "simg") {
			simg[i].style.opacity = '1.0';
			simg[i].style.filter = 'alpha(opacity=100)';
		}
	}
	
	// Set opacity for choosen small image
	img.style.opacity = '0.4';
	img.style.filter = 'alpha(opacity=40)';
		
}

var recentHash = "";
function checkQuickSearch() {
	
	//var hash 				= window.location.hash;
	//var str 				= '#quicksearch';	
	
	if (window.location.hash == recentHash) {
		return; // Nothing's changed since last polled.
	}
	recentHash = window.location.hash;
	
	// URL has changed, update the UI accordingly.
	quickSearch();
  
	/*
	if (hash != "") {
	if (hash.substring(0, str.length) == str) quickSearch();
	}
	*/
		
}

function quickSearch () {
	
	xmlHttp=GetXmlHttpObject();
    if (xmlHttp==null) {
        alert ("Your browser does not support AJAX!");
        return;
    }
    
    var que	 				= document.getElementById("que"); 
    var div 				= document.getElementById("morphlist");
    var loader 				= document.getElementById("loader");
    
    var res					= document.getElementById("res");
    var dom					= document.getElementById("dom");
    var codom				= document.getElementById("codom");
    
    var basic				= document.getElementById("basic");
    var designer			= document.getElementById("designer");
    
    var genes				= document.getElementById("genes");
    var genesArray			= new Array();
    
   	var values				= '';
   	
   	var count = 0;
	for (i=0; i < genes.options.length; i++) {
		if (genes.options[i].selected) {
			genesArray[count] = genes.options[i].value;
			count++;
		}
	}

   	
   	values += 'quicksearch=' + escape(que.value);
   	values += (codom.checked) ? '&codom=on' : '';
   	values += (dom.checked) ? '&dom=on' : '';
   	values += (res.checked) ? '&res=on' : '';
   	values += (basic.checked) ? '&basic=on' : '';
   	values += (designer.checked) ? '&designer=on' : '';
   	values += '&genes=' + genesArray;
    
    xmlHttp.onreadystatechange = function() {
    	
    	if (xmlHttp.readyState < 4 && xmlHttp.readyState > 0) {
            div.style.opacity = '0.2';
            div.style.filter = 'alpha(opacity=20)';
            loader.innerHTML = '<div><img src="' + jspath + 'gfx/loader.gif" style="height: 20px;padding: 5px 0;" alt="Loader..." /></div>';
        }
        
        if(xmlHttp.readyState == 4) {
            loader.innerHTML = '';
            div.innerHTML = xmlHttp.responseText; 
            div.style.opacity = '1';
            div.style.filter = 'alpha(opacity=100)';
        }
        
    }
    
    xmlHttp.open("POST", jspath + "ajax-files/quicksearch.php?" + values);
    xmlHttp.send(null);
	
}

function calculateWizard () {
	
	xmlHttp=GetXmlHttpObject();
    if (xmlHttp==null) {
        alert ("Your browser does not support AJAX!");
        return;
    }
    
    var div 				= document.getElementById("wizardresult");
    
    var male				= document.getElementById("male");
    var maleArray			= new Array();
    var female				= document.getElementById("female");
    var femaleArray			= new Array();
    
    var values				= '';
    
    var count = 0;
	for (i=0; i < male.options.length; i++) {
		if (male.options[i].selected) {
			maleArray[count] = male.options[i].value;
			count++;
		}
	}
	
	var count = 0;
	for (i=0; i < female.options.length; i++) {
		if (female.options[i].selected) {
			femaleArray[count] = female.options[i].value;
			count++;
		}
	}
	
	values += 'code=allanthomas'; 
	values += '&male=' + maleArray;
	values += '&female=' + femaleArray;
	
    xmlHttp.onreadystatechange = function() {
    	
    	if (xmlHttp.readyState < 4 && xmlHttp.readyState > 0) {
            div.innerHTML = '<div><img src="' + jspath + 'gfx/loader.gif" style="height: 40px;padding: 5px 0;" alt="Loader..." /></div>';
        }
        
        if(xmlHttp.readyState == 4) {
            div.innerHTML = xmlHttp.responseText; 
        }
        
    }
    
    xmlHttp.open("POST", jspath + "ajax-files/wizard.php?" + values);
    xmlHttp.send(null);

}

function resetWizard () {
	
	xmlHttp=GetXmlHttpObject();
    if (xmlHttp==null) {
        alert ("Your browser does not support AJAX!");
        return;
    }
    
    var div 				= document.getElementById("wizardresult");
    
    var male				= document.getElementById("male");
    var maleArray			= new Array();
    var female				= document.getElementById("female");
    var femaleArray			= new Array();
    
    var values				= '';
    
    var count = 0;
	for (i=0; i < male.options.length; i++) {
		if (male.options[i].selected) {
			maleArray[count] = male.options[i].value;
			count++;
		}
	}
	
	var count = 0;
	for (i=0; i < female.options.length; i++) {
		if (female.options[i].selected) {
			femaleArray[count] = female.options[i].value;
			count++;
		}
	}
	
	values += 'code=allanthomas'; 
	values += '&male=' + maleArray;
	values += '&female=' + femaleArray;
	
    xmlHttp.onreadystatechange = function() {
    	
    	if (xmlHttp.readyState < 4 && xmlHttp.readyState > 0) {
            div.innerHTML = '<div><img src="' + jspath + 'gfx/loader.gif" style="height: 40px;padding: 5px 0;" alt="Loader..." /></div>';
        }
        
        if(xmlHttp.readyState == 4) {
            div.innerHTML = xmlHttp.responseText; 
        }
        
    }
    
    xmlHttp.open("POST", jspath + "ajax-files/wizard.php?" + values);
    xmlHttp.send(null);

}

function uploadImage (value, imagepath) {

    xmlHttp=GetXmlHttpObject();
    if (xmlHttp==null) {
        alert ("Your browser does not support AJAX!");
        return;
    }
    
    xmlHttp.onreadystatechange = function() {
        
        elm = document.getElementById("uploaded");
        elm2 = document.getElementById("msg");
        elm3 = document.getElementById("felt");
        elm4 = document.getElementById("done");
        
        if (xmlHttp.readyState < 4 && xmlHttp.readyState > 0) {
            
            elm3.style.display = 'none';
            
            elm2.style.display = 'inline;'
            elm2.innerHTML = "<div style=\"padding: 3px 7px 7px 7px;font-weight: bold;\"><img src=\"../gfx/loader.gif\" alt=\"\" /></div>";
            
            
        
        }
        
        if(xmlHttp.readyState == 4) {
            
            //document.getElementById("filfelt").readOnly = false;
            //document.getElementById("filfelt").value = '';
            elm3.style.display = 'inline';
            elm2.style.display = 'none';
            elm.innerHTML = elm.innerHTML + xmlHttp.responseText; 
            
            if (elm.innerHTML.length > 0) {
                elm4.innerHTML = '<div style="padding: 10px 0 0 0;"><input type=\"button\" value=\"F�rdig med upload\" onclick=\"location.href=\'billed_liste.php?path=' + imagepath + '\'\"></a></a>'
            }
              
               
        }
        
    }
    
    xmlHttp.open("POST","../ajax-files/upload.php?value=" + value + "&imagepath=" + imagepath);
    xmlHttp.send(null);
    

}

function rename_file (go, id, path, file, ext, folderpath) {
    
    var elm = document.getElementById("item" + id);
    
    xmlHttp=GetXmlHttpObject();
    if (xmlHttp==null) {
        alert ("Your browser does not support AJAX!");
        return;
    }
    
    xmlHttp.onreadystatechange = function() {
        
        if(xmlHttp.readyState == 4) {
         
            elm.innerHTML = path + file + '.' + ext;
               
        }
        
    }
    
    if (go) {
        
        alert(folderpath);
        
            xmlHttp.open("POST","../ajax-files/rename_file.php?path=" + path + "&file=" + file + "&ext=" + ext + "folderpath=" + folderpath);
            xmlHttp.send(null); 
    
    }
    else {
    
        
        
        elm.innerHTML = "";
        elm.innerHTML = elm.innerHTML + '<form name="myForm">';
        elm.innerHTML = elm.innerHTML + '<input type="hidden" value="' + path + '" name="path">';
        elm.innerHTML = elm.innerHTML + '<input type="hidden" value="' + ext + '" name="ext">';
        elm.innerHTML = elm.innerHTML + '<input type="hidden" value="' + id + '" name="id">';
        elm.innerHTML = elm.innerHTML + path + '<input type="text" value="'  + file + '" name="textField">.' + ext;
        elm.innerHTML = elm.innerHTML + '<input type="button" value="Omd�b fil" onclick="rename_file(true, ' + id + ', \'' + path +'\', \'' + file + '\', \'' + ext + '\', \'' + document.getElementById("textField").value + '\')">';
        elm.innerHTML = elm.innerHTML + "</form>";
    
    }
}