var baseurl = "http://samenvoorduurzaam.eneco.nl/";

function setIntroCookie () {
    var showIntro = ($('#showIntro:checked').val() !== undefined) ? 0: 1;
    setCookie("showIntro",showIntro,365);
}

function getIntro () {
    var searchaction = $("#searchform").attr("action");
    if (searchaction == "index-listview.php"){
        // user searched during start animation
        document.searchform.submit();
    }else{
        var introShown = getCookie("intro");
        var viewtype = parseInt($("#viewtype").val());
        var showIntro = getCookie("showIntro");
        if ((showIntro == 1 || showIntro == undefined) && introShown <1) {
                showPanel (1);                
        }else{
                $('input[name=showIntro]').attr('checked', true);
                if (viewtype == 1) {
                    $("#flashControls").show();
                    playFlash ();
                }
        }
    }
}

function SNConnect(network) {
    var action = $("#action").val();
    var pid = $("#pid").val();
    var sid = $("#sid").val();
    var el1 = $("#el1").val();
    var el2 = $("#el2").val();
    var el3 = $("#el3").val();
    var optin = ($('#optin:checked').val() !== undefined) ? 1: 0;
    switch (network) {
	case 1:
	    var page = "script/redirectfacebook.php";
	    break;
	case 2:
	    var page = "script/redirecthyves.php";
	    break;
	case 3:
	    var page = "script/redirecttwitter.php";
	    break;
    }
    var url = page+"?action=1&pid="+pid+"&sid="+sid+"&el1="+el1+"&el2="+el2+"&el3="+el3+"&optin="+optin;
    open_win(url);
}

function emailConnect() {
    $("#slide").hide();
    $("#email").show();
}

function stuurMail () {
    var pid = $("#pid").val();
    var sid = $("#sid").val();
    var el1 = $("#el1").val();
    var el2 = $("#el2").val();
    var el3 = $("#el3").val();
    var firstName = $("#firstName").val();
    var lastName = $("#lastName").val();
    var myEmail = $("#myEmail").val();
    if (!(isValidEmailAddress(myEmail))) {myEmail="Uw e-mailadres";}
    if (firstName != "Uw voornaam" && lastName != "Uw achternaam" && myEmail != "Uw e-mailadres") {
        var url = "script/emailshare.php?myemail="+myEmail+"&firstname="+firstName+"&lastname="+lastName+"&pid="+pid+"&sid="+sid+"&el1="+el1+"&el2="+el2+"&el3="+el3+"&callback=?";
        $.getJSON(url, function(json){
            var err_code=parseInt(json.error.err_code);
            if (err_code==0){
                $("#err_txt").html("");
                $("#email").hide();
                $("#emailcheck").show();
            }else{
                $("#err_txt").html("Niet alles ingevuld");
            }
        });
    }else{
        $("#err_txt").html("Niet alles ingevuld");
    }
}

function step1() {
    $('#slide').hide();
    $('#email').hide();
	$('#emailcheck').hide();
    $('#project').show();
}

function step2() {
    $('#slide').show();
    $('#email').hide();
	$('#emailcheck').hide();
    $('#project').hide();
}

function step3() {
    $('#slide').hide();
    $('#email').show();
	$('#emailcheck').hide();
    $('#project').hide();
}

function showPopup (mywidth, myheight, url) {
    $("#popupLayer").fancybox({width: 800});
    $("#popupLayer").fancybox({height: myheight});
    $("#popupLayer").attr("href", url);
    $("#popupLayer").click();
}

function projectDetail (pid) {
	pid = parseInt(pid);
	//alert(pid);
    switch (pid) {
        case 0:
            $("#projectenframe").attr("src", "projecten.php");
            showPanel(2);
            break;
        case 14:
            showPanel(4);
            break;
        default:
            $("#projectenframe").attr("src", "projecten.php?pid="+pid);
            showPanel(2);
            break;
    }
}

function getLastID () {
    var lastID = $("#lastid").val();
    $("#lastid").val(0);
    return lastID;
}

function setPos () {
    if($.browser.safari || $.browser.chrome ){ bodyelem = $("body"); } else{ bodyelem = $("html,body"); }
    $("#newTopPos").val(bodyelem.scrollTop());
}

function search () {
    var q = $("#q").val();
    if (q!=="" && q!=="Naam van een vriend"){
        $("#searchBox").hide();
        $("#searchLoader").show();
        var url = baseurl+"slides.php?lastid=0&ipp=10&noloop=1&q="+q+"&callback=?";
        $.getJSON(url, function(json){
            if (json.response.err_code==0 && json.response.numslides>0){
                $("#searchResults").html(json.response.numslides+" vrienden gevonden");
                $("#loaderImg").hide();
                $("#searchResults").show();
                var viewType = parseInt($("#viewtype").val());
                if (viewType == 1) {
                    hidePanel();
                    playFlash ();
                    $("#searchform").attr("action", "index-listview.php");
                    sendSearchForm();
                }else{
                    fillList (0, 10, q);
                }
            }
        $("#searchLoader").delay(3000).fadeOut("fast",function(){
                $("#searchBox").fadeIn("fast");
            });
        });
    }
}

function submitSearchForm () {
    document.searchform.submit();
}

function fillList (lastid, ipp, q) {
    q= (q==undefined)? "" : q;
    if (parseInt($(".animatieTab").attr("visible"))==1){hidePanel();}
    if (lastid==0){
            var init = true;
            $("#content").html("");
            lastid = getLastID ();
    }
    var url = baseurl+"slides.php?lastid="+lastid+"&ipp="+ipp+"&noloop=1&q="+q+"&callback=?";
    var ratio = 0.56;
    $(".more").remove();
    var html = "<div class=\"more\"><img src=\"images/zoomloader.gif\" alt=\"laden\"  /></div>";
    $("#content").append(html);
    $.getJSON(url, function(json){
	if (json.response.err_code==0 && json.response.numslides>0){
            $(".more").remove();
            var numSlides = json.response.numslides;
            var firstId = 0;
            if (numSlides>0){
                $.each(json.slides, function(i,item){
                    var html = "";
                    if (firstId==0){
                        firstId=item.id;
                    }
                    var network = parseFloat(item.person.network);
                    switch(network){
                        case 1:
                            networkname = "hyves";
                            break;
                        case 2:
                            networkname = "facebook";
                            break;
                        case 3:
                            networkname = "twitter";
                            break;
                        default:
                            networkname = "";
                            break;
                    }
					if (item.project.project_id == 14){
	                    html += "<div class=\"deelnemergrijs\" id=\"slidewrapper"+item.id+"\">";
					}else{
	                    html += "<div class=\"deelnemer\" id=\"slidewrapper"+item.id+"\">";
					}
                    html += "   <div class=\"\">";
                    html += "       <img class=\"usrThumb\" src=\""+item.person.user_picture_url+"\" alt=\""+item.person.user_name+"\" /><br />";
                    html += "       <a class=\"projectLink\" href=\"javascript:projectDetail("+item.project.project_id+");\">"+item.project.project_name+"</a><br />";
                    html += "       <span class=\"legenda\">mede mogelijk gemaakt door</span><br />";
                    html += "       <span class=\"userName\">"+item.person.user_name+"</span><br />";
                    html += "       <span class=\"dividerHorOrange\"><img src=\"images/stippellijn-hor-oranje.png\" /></span><br />";
                    html += "       <span class=\"socialPlace\">Geplaatst "+item. date_created+"</span><br />";
                    html += "       <div class=\"buttonShow\"><a id=\"detailLink"+item.id+"\" href=\"javascript:showSlide("+item.id+");\"><span id=\"detailLinkTxt"+item.id+"\"><img src=\"images/btn-bekijk-link.png\" alt=\"bekijk\" class=\"rollover\" /></span></a></div>";
                    html += "   </div>";
                    html += "   <div class=\"slideDetail\" id=\"slide"+item.id+"\">";
                    if (typeof (item.elements[0]) == "object"){ html += "       <img id=\"surface_img\" src=\""+item.elements[0].element_img+"\" width=\""+(item.elements[0].width*ratio)+"\" height=\""+(item.elements[0].height*ratio)+"\"style=\"position:absolute;left:0px;bottom:0px;z-index:0;\" />";}
                    if (typeof (item.elements[1]) == "object"){ html += "<a href=\"javascript:projectDetail("+item.project.project_id+");\">"+getElementImg ("el1", item.elements[1].element_img, item.elements[1].width, item.elements[1].height, item.elements[1].postion_x, item.elements[1].postion_z, ratio, item.elements[1].offset_x, item.elements[1].offset_z)+"</a>";}
                    if (typeof (item.elements[2]) == "object"){ html += getElementImg ("el2", item.elements[2].element_img, item.elements[2].width, item.elements[2].height, item.elements[2].postion_x, item.elements[2].postion_z, ratio, item.elements[2].offset_x, item.elements[2].offset_z);}
                    if (typeof (item.elements[3]) == "object"){ html += getElementImg ("el3", item.elements[3].element_img, item.elements[3].width, item.elements[3].height, item.elements[3].postion_x, item.elements[3].postion_z, ratio, item.elements[3].offset_x, item.elements[3].offset_z);}
                    
                    html += "   </div>";
                    html += "</div>";
                    $("#content").append(html);
                });
            }
            if (numSlides == ipp) {
                var more = "<div class=\"more\"><a href=\"javascript:fillList ("+json.response.lastid+", "+ipp+", '') \"><img src=\"images/btn-laatmeerzien-link.png\" alt=\"laat meer zien ->\" class=\"rollover\" /></a></div>";
            }
            $("#content").append(more);
            setRollovers();
            if (init) {
                showSlide(firstId);
            }
            numSlides = json.response.totslides;
	    setCounter (numSlides);
        }
    });
}

function getElementImg (idEl, src, width, height, element_x, element_z, ratio, offset_x, offset_z) {
    element_x = parseFloat(element_x);
    element_z = parseFloat(element_z);
    width = parseFloat(width);
    height = parseFloat(height);
    if (idEl=="el1") {
        var scale = 1;
    }else{
        var scale = getScale (element_z);
    }
    var newwidth = width*ratio*scale;
    var newheight = height*ratio*scale;
    var left = ratio*(get_x (element_x, offset_x));
    var newLeft = left-(newwidth/2);
    var bottom = ratio*(get_z (element_z, offset_z));
    html = "<img src=\""+src+"\" width=\""+newwidth+"\" height=\""+newheight+"\" style=\"position:absolute;left:"+newLeft+"px;bottom:"+bottom+"px;z-index:"+(10-element_z)+";\" />";
    return html;
}

function showSlide(sid) {
    var elID = ""+$(".open").attr("id");
    var openID = parseFloat(elID.replace("slide",""));
    hideSlide(openID);
    $("#slide"+sid).addClass("open");
    $("#slide"+sid).show(100);
    $("#detailLinkTxt"+sid).html("<img src=\"images/btn-sluit-listview-link.png\" alt=\"sluit\" class=\"rollover\" />");
    $("#detailLink"+sid).attr("href", "javascript:hideSlide("+sid+");");
    setRollovers();
}

function hideSlide(sid) {
    $("#slide"+sid).removeClass("open");
    $("#slide"+sid).hide(100);
    $("#detailLinkTxt"+sid).html("<img src=\"images/btn-bekijk-link.png\" alt=\"bekijk\" class=\"rollover\" />");
    $("#detailLink"+sid).attr("href", "javascript:showSlide("+sid+");");
    setRollovers();
}

function getproject() {
    $("#project").hide();
    $("#slide").show();
    $("#fb").val(0);
    $("#slideimages").html("");
    var pid = $("#pid").val();
    var url = baseurl+"script/setproject.php?pid="+pid+"&callback=?";
    var html = "";
    var element_x = 0;
    var element_z = 0;
    $("#slideimages").hide();
    $("#loadslide").show();
    elements = ["11", "12", "13", "21", "22", "23", "31", "32", "33"];
    for (x in elements) {
        $("#element"+elements[x]).html("");
    }
    $.getJSON(url, function(json){
	if (json.response.err_code==0){
            $("#textBlock").hide();
            var project = json.data;
            var projectTitle = project.projectTitle;
            populateProject("projectname", projectTitle);
            var ratio = 0.56;
            //var ratio = 1;
            $("#projel").val("element"+project.element1.element_x+""+project.element1.element_z);
            populateSurface ("sid", project.surface.slide_element_id, "surface", project.surface.element_src, project.surface.width, project.surface.height, ratio);
            populateElement ("el1", project.element1.slide_element_id, "element1", project.element1.element_src, project.element1.width, project.element1.height, project.element1.element_x, project.element1.element_z, ratio, project.element1.offset_x, project.element1.offset_z);
            populateElement ("el2", project.element2.slide_element_id, "element2", project.element2.element_src, project.element2.width, project.element2.height, project.element2.element_x, project.element2.element_z, ratio, project.element2.offset_x, project.element2.offset_z);
            populateElement ("el3", project.element3.slide_element_id, "element3", project.element3.element_src, project.element3.width, project.element3.height, project.element3.element_x, project.element3.element_z, ratio, project.element3.offset_x, project.element3.offset_z);
            $("#slide").show();
        }
    });
}

function updateOffset(element) {
    eid = $("#element"+element+"ID").html();
    offset_x = $("#element"+element+"x_offset").val();
    offset_z = $("#element"+element+"z_offset").val();
    var url = baseurl+"script/updateoffset.php?eid="+eid+"&x="+offset_x+"&z="+offset_z+"&callback=?";
    $.getJSON(url, function(json){
	if (json.response.err_code==0){
            document.myform.submit();
        }
    });
}

function populatePerson (elDiv){
    bottom = $("#"+elDiv).css("top");
    left = $("#"+elDiv).css("left");
    $("#person").css("bottom", bottom);
    $("#"+elDiv).css("left", left);
}

function populateProject (elDiv, proName){
    $("#"+elDiv).html(proName);
}

function populateSurface (idEl, pid, elDiv, src, width, height, ratio){
    var fb = parseFloat($("#fb").val());
    if (fb<1) {
        $("#"+idEl).val(pid);
    }
    html = "<img id=\"surface_img\" src=\""+src+"\" width=\""+(width*ratio)+"\" height=\""+(height*ratio)+"\"style=\"position:absolute;left:0px;bottom:0px;z-index:0;\" />";
    $("#slideimages").prepend(html);
    $("#surfaceID").html(pid+" (<a href='cms/ondergronden.php?sid="+pid+"' target='_blank'>Ondergrond aanpassen</a>)");

}

function populateElement (idEl, pid, elDiv, src, width, height, element_x, element_z, ratio, offset_x, offset_z){
    element_x = parseFloat(element_x);
    element_z = parseFloat(element_z);
    width = parseFloat(width);
    height = parseFloat(height);
    var fb = parseFloat($("#fb").val());
    if (fb<1) {
        $("#"+idEl).val(pid);
    }
    if (idEl=="el1") {
        var scale = 1;
    }else{
        var scale = getScale (element_z);
    }
    var newwidth = width*ratio*scale;
    var newheight = height*ratio*scale;
    var left = ratio*(get_x (element_x, offset_x));
    var newLeft = left-(newwidth/2);
    var bottom = ratio*(get_z (element_z, offset_z));
    html = "<img id=\""+elDiv+"_img\" src=\""+src+"\" width=\""+newwidth+"\" height=\""+newheight+"\" style=\"position:absolute;left:"+newLeft+"px;bottom:"+bottom+"px;z-index:"+(10-element_z)+";\" />";
    $("#slideimages").append(html);
    if (idEl=="el1") {
        $("#person").css("bottom", (bottom+newheight+100)+"px");
        newLeft = left - 101;
        newLeft = getLeft (element_x, left);
        $("#person").css("left", (newLeft)+"px");
    }
    if (idEl=="el3") {
        $("#loadslide").hide();
        $("#slideimages").show();
    }
    var debug = 1;
    if (debug==1){
        $("#"+elDiv.toLowerCase()+"ID").html(pid);
        $("#"+elDiv.toLowerCase()+"Pos").html(element_x+", "+element_z);
        $("#"+elDiv.toLowerCase()+"x_offset").val(offset_x);
        $("#"+elDiv.toLowerCase()+"z_offset").val(offset_z);
    }
}

function get_x (x_pos, offset_x) {
    var x = parseFloat(offset_x)+((parseFloat(x_pos)-1)*278)+139;
    return x;
}

function get_z (z_pos, offset_z) {
    var z = parseFloat(offset_z)+((parseFloat(z_pos)-1)*45);
    return z;
}

function getScale (z_pos) {
    var h = 100-((z_pos-1)*33);
    h= h/100;
    return h;
}

function getLeft (element_x, left) {
    switch(element_x) {
        case 1:
            l = left + 202 - 101;    
            break;
        case 2:
            l = left - 202 - 101;    
            break;
        case 3:
            l = left - 202 - 101;    
            break;
    }
    return l;
}

function controlFlash () {
    if ($("#flashControl").attr("flashPlay")==0) {
        playFlash();
    }else{
        pauseFlash();
    }
}

function flashSpeed (step) {
    // check if flash is playing
    if ($("#flashControl").attr("flashPlay")==1) {
        if (step > 0) {
            fasterFlash(step);
        }else{
            slowerFlash(step);
        }
    }
}

function setRollovers () {
    $("img.rollover").hover(
            function(){
                    this.src = this.src.replace("-link","-hover");
            },
            function(){
                    this.src = this.src.replace("-hover","-link");
            }
    );

}
// Functions to control the flash animation
function writeFlash() {
    var params = {wmode:"transparent"};
    swfobject.embedSWF("eneco.swf", "enecoFlash", "960", "454", "10.0.0", "expressInstall.swf", null, params);
}

function resetDone () {
    //alert("door");
    $("#lastid").val("0");
    writeFlash();
}

function pauseFlash () {
    var flashMovie=getFlashMovieObject("enecoFlash");
    if (flashMovie !== undefined) {
        flashMovie.pauseRotation () ;
    }
    $("#flashControlImg").attr("src", "images/btn-play.png");
    $("#flashControl").attr("flashPlay", 0);
}

function playFlash () {
    var flashMovie=getFlashMovieObject("enecoFlash");
    if (flashMovie !== undefined) {
        flashMovie.resumeRotation  () ;
    }
    $("#flashControlImg").attr("src", "images/btn-pause.png");
    $("#flashControl").attr("flashPlay", 1);
}

function fasterFlash (step) {
    var flashMovie=getFlashMovieObject("enecoFlash");
    if (flashMovie !== undefined) {
        flashMovie.fasterRotation (step) ;
    }
}

function slowerFlash (step) {
    var flashMovie=getFlashMovieObject("enecoFlash");
    if (flashMovie !== undefined) {
        flashMovie.slowerRotation (step) ;
    }
}

function resetFlash () {
    var flashMovie=getFlashMovieObject("enecoFlash");
    if (flashMovie !== undefined) {
        flashMovie.resetRotation () ;
    }else{
    }
}

function sendSearchForm () {
    var flashMovie=getFlashMovieObject("enecoFlash");
    if (flashMovie !== undefined) {
        flashMovie.sendSearchForm () ;
        //submitSearchForm();
    }else{
        submitSearchForm();
    }
}

// obsolete functions
function showproject () {
    var pid = $("#pid").val();
    $("#projectname").html(projects[pid][0]);
    $("#projectbody").html(projects[pid][1]);
}
 
function closeWin (){
    //self.close();
    //window.opener.playFlash();
    parent.playFlash();
    parent.$.fancybox.close();
}

function doeMee () {
    pauseFlash();
    $("#popupLayer").width("600");
    $("#popupLayer").attr("href", "getproject.php");
    $("#popupLayer").click();
}