﻿$(document).ready(function(){	
	populateElement("#txtSearch","zoek hier op trefwoord of productnaam");
	populateElement("#txtStoreSearch","vul hier je postcode in");	
	populateElement("#ctl00_MyVitaminStore1_txtLogin","login");	
	populateElement("#ctl00_MyVitaminStore1_txtPassword","password");	
	
	$("#txtSearch").keypress(function(event) {
            if (event.keyCode == 13) {                
                Search();
                return false;
            }                    
        });
    $("#txtStoreSearch").keypress(function(event) {
            if (event.keyCode == 13) {                
                SearchStore();
                return false;
            }                    
        });
	
	var url = location.pathname;
	if(url.indexOf("Default.aspx")>=0||url=="/"){
	    $("a#home").addClass("active");
	    $("a#home").children("img").attr("src","/images/home_mo.jpg");
	}
	else if(url.indexOf("health")>=0){
	    $("a#health").addClass("active");
	    $("a#health").children("img").attr("src","/images/health_mo.jpg");
	}
	else if(url.indexOf("sports")>=0){
	    $("a#sports").addClass("active");
	    $("a#sports").children("img").attr("src","/images/sports_mo.jpg");
	}
	else if(url.indexOf("beauty")>=0){
	    $("a#beauty").addClass("active");
	    $("a#beauty").children("img").attr("src","/images/beauty_mo.jpg");
	}
	
	
	$("div.navigation a").mouseover(function(){	 
	    if(this.className=="active") return; 
	    var src=$(this).children("img").attr("src");
	    if(src.indexOf("_mo")>0){
	        this.className="active";
	        return;
	    }
	    $(this).children("img").attr("src","/images/"+this.id+"_mo.jpg");
	    }).mouseout(function(){
	    if(this.className=="active") return;	    
	    $(this).children("img").attr("src","/images/"+this.id+".jpg");
	    });
	});

	function CategoryOver(id) {
	    document.images[id].src = "/images/" + id + "_over.jpg";
	}	
	function CategoryOut(id) {
	   document.images[id].src = "/images/" + id + ".jpg";
	}	
		
	function populateElement(selector, defvalue) {
        if($.trim($(selector).val()) == "") {
            $(selector).val(defvalue);
        }
      
        $(selector).focus(function() {
            if($(selector).val() == defvalue) {
                $(selector).val("");
            }
        });
        
        $(selector).blur(function() {
            if($.trim($(selector).val()) == "") {
                $(selector).val(defvalue);
            }
        });
     }
     function buttonFocus(selector, btn) {
        $(selector).keypress(function(event) {
            if (event.keyCode == 13) {                
                $(btn).trigger("focus");
                $(btn).trigger("click");
                return false;
            }                    
        });
    } 
    function getClientBounds()
	{
		var clientWidth;
		var clientHeight;
		switch(Sys.Browser.agent) {
			case Sys.Browser.InternetExplorer:
				clientWidth = document.documentElement.clientWidth;
				clientHeight = document.documentElement.clientHeight;
				break;
			case Sys.Browser.Safari:
				clientWidth = window.innerWidth;
				clientHeight = window.innerHeight;
				break;
			case Sys.Browser.Opera:
				clientWidth = Math.min(window.innerWidth, document.body.clientWidth);
				clientHeight = Math.min(window.innerHeight, document.body.clientHeight);
				break;
			default:  // Sys.Browser.Firefox, etc.
				clientWidth = Math.min(window.innerWidth, document.documentElement.clientWidth);
				clientHeight = Math.min(window.innerHeight, document.documentElement.clientHeight);
				break;
		}

		return new Sys.UI.Bounds(0, 0, clientWidth, clientHeight);
	}

	function resizeElements()
	{
		var clientBounds = getClientBounds();
		var clientWidth = clientBounds.width;
		var clientHeight = clientBounds.height;
	
		var bg = document.getElementById("ajaxBackground");	
		bg.style.width = Math.max(Math.max(document.documentElement.scrollWidth, document.body.scrollWidth), clientWidth) + 'px';
		bg.style.height = Math.max(Math.max(document.documentElement.scrollHeight, document.body.scrollHeight), clientHeight) + 'px';
	
		var scrollLeft = (document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft);
		var scrollTop = (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop);	
		var dialog = document.getElementById("ajaxDialog");
		dialog.style.paddingLeft = (clientWidth-220)/2 + "px";
		dialog.style.paddingTop = (clientHeight-19)/2 + "px";
		dialog.style.left = scrollLeft + "px";
		dialog.style.top = scrollTop + "px";
	}	
	
	function goUrl(adress){
		window.location.href = adress;	
    }
    
    function removeStartText(obj) {
	var e,ne;
	e=document.getElementById('Wachtwoord');
    ne = document.createElement('input');
    ne.id = "ctl00_MyVitaminStore1_txtPassword";
    ne.name = "ctl00$MyVitaminStore1$txtPassword";
    ne.type = 'password';
	ne.className = 'myvitaminstore_TextBox';	
 	e.parentNode.insertBefore(ne,e);
	e.parentNode.removeChild(e);
 	ne.value = '';
 	ne.focus(); 
 	return false;
   }
   
   function Search(){
       var keywords=EncodeURI($.trim(document.getElementById('txtSearch').value),false);
       goUrl("/Search.aspx?keywords="+keywords);
   } 
   
   function SearchStore(){
       var keywords=$.trim(document.getElementById('txtStoreSearch').value);
       goUrl("/StoreSearch.aspx?postcode="+keywords);
   } 
   
   var EncodeURI = function(unzipStr,isCusEncode){
    if(isCusEncode){
        var zipArray = new Array();
        var zipstr = "";
        var lens = new Array();
        for(var i=0;i<unzipStr.length;i++){
         var ac = unzipStr.charCodeAt(i);
         zipstr += ac;
         lens = lens.concat(ac.toString().length);
        } 
        zipArray = zipArray.concat(zipstr);
        zipArray = zipArray.concat(lens.join("O"));
        return zipArray.join("N");
    }else{
        //return encodeURI(unzipStr);
        var zipstr=""; 
        var strSpecial="!\"#$%&'()*+,/:;<=>?[]^`{|}~%"; 
        var tt= "";

        for(var i=0;i<unzipStr.length;i++){ 
            var chr = unzipStr.charAt(i); 
            var c=StringToAscii(chr); 
            tt += chr+":"+c+"n"; 
            if(parseInt("0x"+c) > 0x7f){ 
                 zipstr+=encodeURI(unzipStr.substr(i,1));
            }else{ 
                 if(chr==" ") 
                    zipstr+="+"; 
                 else if(strSpecial.indexOf(chr)!=-1) 
                    zipstr+="%"+c.toString(16); 
                 else 
                    zipstr+=chr; 
                } 
            } 
        return zipstr; 
    }
}

var StringToAscii = function(str){
    return str.charCodeAt(0).toString(16);
}
