var myToggledDiv = null;
function closeHeader() {
    $('header').style.display = 'none';
}

function expand(nid) {
    var elExpand    = $('fulltext_'+nid);    
    var elColapse   = $('mozaik_'+nid);    
    elColapse.style.display     = 'none';    
    elExpand.style.display      = 'block';    
}

function colapse(nid) {
    var elExpand    = $('mozaik_'+nid);    
    var elColapse   = $('fulltext_'+nid);
    elColapse.style.display     = 'none';    
    elExpand.style.display      = 'block';    
}

var clicked = new Array();
function swapImg(img,imgId,click) {
    if(click == 1) {
        clicked[imgId] = 1;
        $(imgId).src = img;        
    }
    if(clicked[imgId] == null) {
        $(imgId).src = img;
    } else {
        return false;
    }
}

var myId    = null;
var ret     = true;
function postMsg(pid) {
    myId        = pid;
    var name    = $("name_"+pid).value;
    //var email   = $("email_"+pid).value;
    var msg     = $("message_"+pid).value;
    if(name == 'name' || name == '') {
        $("name_"+pid).style.backgroundColor = '#e29494';
        ret = false;
    } else {
        $("name_"+pid).style.backgroundColor = '#ffffff';
    }
    
    /*if(email == 'email/url' || email == '') {
        $("email_"+pid).style.backgroundColor = '#e29494';
        ret = false;
    } else {
        $("email_"+pid).style.backgroundColor = '#ffffff';
    }*/
    
    if(msg == 'message..' || msg == '') {
        $("message_"+pid).style.backgroundColor = '#e29494';
        ret = false;
    } else {
        $("message_"+pid).style.backgroundColor = '#ffffff';
    }
    
    if(ret) {
        param = "ppid="+pid+"&cname="+name+"&message="+msg;
        var myAjax = new Ajax.Request('ajaxReq.php?act=comment', {method: 'get', parameters: param, onLoading: showCommentLoading(), onComplete: showCommentResponse} );
    } else {
        return false;
    }
    
}
function showCommentLoading() {
    $('pcomment_'+myId).innerHTML  = '<div>Loading..Please wait..</div>';
}
function showCommentResponse(originalRequest) {
    $('pcomment_'+myId).innerHTML = originalRequest.responseText;
}

var someDiv;
var updated = new Array();
function showBlock(divId,pid) {
    someDiv     = divId;
    var el      = $(divId);
    if(updated[someDiv] == null) {
        updated[someDiv]    = 1;
        param = "pid="+pid;
        //el.style.display    = 'block';
        //var myAjax = new Ajax.Request('ajaxReq.php?act=projects', {method: 'post', parameters: param, onComplete: showProjectResponse} );
        var ajax = new Ajax.Updater(divId,'ajaxReq.php?act=projects',{method: 'post', parameters: param, onLoading: showLoading(), onSuccess: function() { Effect.toggle(divId,'blind',{duration: 0.3}); } , evalScripts: true});
    } else {
        Effect.toggle(divId,'blind',{duration: 0.3});
            //el.style.display    = 'block';
    }
    
    if(myToggledDiv == null) {
        myToggledDiv    = divId;
    } 
    else if(myToggledDiv == divId) {
        myToggledDiv    = null;
    } else {
        if(myToggledDiv == 'listenDiv') {
            toggleDiv2(myToggledDiv);
        } else {
            Effect.toggle(myToggledDiv,'blind');
        }
        myToggledDiv    = divId;
    }
}

function showLoading() {
    $(someDiv).innerHTML  = '<div>Loading..Please wait..</div>';
}

function showPage(num) {
    param = "bs="+num;
	var myAjax = new Ajax.Request('ajaxReq.php?act=news', {method: 'get', parameters: param, onComplete: showNewsResponse} );
}

function showNewsResponse(originalRequest) {
    $('news').innerHTML = originalRequest.responseText;
}

var imgs = new Array();
function showImg(myImgId,myDivId,swidth,sheight,fwidth,fheight,itype,vSrc,hidId) {
    elImg   = $(myImgId);
    elDiv   = $(myDivId);
    elIdiv  = $("i"+myDivId);
    // console.debug(elIdiv);
    hidDiv  = $(hidId);
    if(imgs[0] == null) {
        imgs[0]             = myImgId;
        imgs[1]             = swidth;
        imgs[2]             = sheight;
        imgs[5]             = hidId;
        if(itype == 'v') {
            //imgs[3]         = elImg.src;
            imgs[3]         = elDiv.innerHTML;
            imgs[6]         = hidDiv.innerHTML;
            //elDiv.innerHTML = 'video html goes here';
            var so = new SWFObject("flash/video_player.swf", "videoPlayer", fwidth, fheight, "8", "#ffffff");
				
            so.addVariable("myImgId", myImgId);
            so.addVariable("myDivId", myDivId);
            so.addVariable("swidth", swidth);
            so.addVariable("sheight", sheight);
            so.addVariable("fwidth", fwidth);
            so.addVariable("fheight", fheight);
            so.addVariable("itype", itype);
            so.addVariable("vSrc", '../'+vSrc);
            so.addVariable("hidId", hidId);
            so.write(myDivId);
            //elDiv.innerHTML = '<div style="float:left;">' + elDiv.innerHTML + '</div><div id="'+hidId+'" style="float:left;">'+imgs[6]+'</div><div class="clear"></div>';
            imgs[4]         = myDivId;
            //document.getElementById(hidId).style.display = 'block';
        } else {
            elImg.style.width   = fwidth+'px';
            elImg.style.height  = fheight+'px';
            elIdiv.style.display = "block";
            imgs[7] = elIdiv;
            //document.getElementById(hidId).style.display = 'block';
            imgs[6] = '';
        }
    }
    else if(imgs[0] == myImgId) {
        if(itype == 'v') {
            //elDiv.innerHTML     = '<img src="'+imgs[3]+'" id="'+myImgId+'" onclick="showImg(\''+myImgId+'\',\''+swidth+'\',\''+sheight+'\',\''+fwidth+'\',\''+fheight+'\',\'v\',\''+vSrc+'\');" style="cursor:pointer; width:'+swidth+'px; height:'+sheight+'px; margin: 0px 4px 4px 0px;" class="photo" />';
            elDiv.innerHTML     = imgs[3];
            //elDiv.innerHTML     = '<div style="float:left;">' + elDiv.innerHTML + '</div><div id="'+hidId+'" style="float: right;">'+imgs[6]+'</div><div class="clear"></div>';
            //document.getElementById(hidId).style.display = 'none';
            imgs[3] = null;
            imgs[4] = null;
        } else {
            elImg.style.width   = imgs[1]+'px';
            elImg.style.height  = imgs[2]+'px';
            elIdiv.style.display = "none";
            imgs[7] = null;
            //document.getElementById(hidId).style.display = 'none';
        }
        imgs[0]     = null;
        imgs[1]     = null;
        imgs[2]     = null;
        imgs[5]     = null;
        imgs[6]     = '';
    } else {
        if(imgs[3] != null) {
            //elDiv.innerHTML     = '<img src="'+imgs[3]+'" id="'+myImgId+'" onclick="showImg(\''+myImgId+'\',\''+swidth+'\',\''+sheight+'\',\''+fwidth+'\',\''+fheight+'\',\'v\',\''+vSrc+'\');" style="cursor:pointer; width:'+swidth+'px; height:'+sheight+'px; margin: 0px 4px 4px 0px;" class="photo" />';
            //elDiv.innerHTML     = imgs[3];
            $(imgs[7]).style.display = 'none';
            divSet  = $(imgs[4]);
            divSet.innerHTML    = imgs[3];
            imgs[3] = null;
            imgs[4] = null;
            imgs[6] = '';
        } else {
            $(imgs[7]).style.display = 'none';
            elOld       = $(imgs[0]);
            elOld.style.width   = imgs[1]+'px';
            elOld.style.height  = imgs[2]+'px';
            //elIdiv.style.display = "none;";
            //document.getElementById(imgs[5]).style.display = 'none';
        }
        if(itype == 'v') {
            //imgs[3]         = elImg.src;
            imgs[3]         = elDiv.innerHTML;
            //elDiv.innerHTML = 'video html goes here';
            var so = new SWFObject("flash/video_player.swf", "videoPlayer", fwidth, fheight, "8", "#ffffff");
            so.addVariable("myImgId", myImgId);
            so.addVariable("myDivId", myDivId);
            so.addVariable("swidth", swidth);
            so.addVariable("sheight", sheight);
            so.addVariable("fwidth", fwidth);
            so.addVariable("fheight", fheight);
            so.addVariable("itype", itype);
            so.addVariable("vSrc", '../'+vSrc);
            so.write(myDivId);
            //elDiv.innerHTML = '<div style="float:left;">' + elDiv.innerHTML + '</div><div id="'+hidId+'" style="float:right;">'+imgs[6]+'</div><div class="clear"></div>';
            imgs[4]         = myDivId;
        } else {
            elImg.style.width   = fwidth+'px';
            elImg.style.height  = fheight+'px';
            elIdiv.style.display = "block";
            imgs[7] = elIdiv;
            //document.getElementById(hidId).style.display = 'block';
        }
        imgs[0]     = myImgId;
        imgs[1]     = swidth;
        imgs[2]     = sheight;
        imgs[5]     = hidId;
    }
}

var flashMovieLoaded = false;

function getFlashMovieObject(movieName)
{
  if (window.document[movieName]) 
  {
      return window.document[movieName];
  }
  if (navigator.appName.indexOf("Microsoft Internet")==-1)
  {
    if (document.embeds && document.embeds[movieName])
      return document.embeds[movieName]; 
  }
  else // if (navigator.appName.indexOf("Microsoft Internet")!=-1)
  {
    return document.getElementById(movieName);
  }
}

var currMp3 = 0;
//alert(songsList[0][0] + " " + songsList[0][1] + " " + songsList.length);
//alert();

function stopMP3() {
    if (flashMovieLoaded) {
	    var flashMovie=getFlashMovieObject("MP3player");
	    flashMovie.stopMP3();
	    var playDiv = document.getElementById("mp3play");
	    playDiv.innerHTML = "<a href='javascript:playMP3()'>Play</a>";
	    if(sLisNow != null) {
	        elOld   = $('s_'+sLisNow);
	        elOld.style.textDecoration = 'none';
	    }
	}
}

function playMP3() {
	if (flashMovieLoaded) {
	    var flashMovie=getFlashMovieObject("MP3player");
	    flashMovie.playMP3();
	    var playDiv = document.getElementById("mp3play");
	    playDiv.innerHTML = "<a href='javascript:pauseMP3()'>Pause</a>";
	}
}

function playNextSong() {
  currMp3++;
  if (currMp3 == songsList.length) {
    currMp3 = 0;
  }
  playMP3file(songsList[currMp3][0], currMp3);
  doUnderline(songsList[currMp3][1]);
}

function pauseMP3() {
	if (flashMovieLoaded) {
	    var flashMovie=getFlashMovieObject("MP3player");
	    flashMovie.pauseMP3();
	    var playDiv = document.getElementById("mp3play");
	    playDiv.innerHTML = "<a href='javascript:playMP3()'>Play</a>";
	}
}

function playMP3file(str,no) {
	if (flashMovieLoaded) {
      currMp3 = no;
   	 	var flashMovie=getFlashMovieObject("MP3player");
    	flashMovie.playMP3file(str);
      var playDiv = document.getElementById("mp3play");
	    playDiv.innerHTML = "<a href='javascript:pauseMP3()'>Pause</a>";
	}
}

function volumeUp() {
	if (flashMovieLoaded) {
	    var flashMovie=getFlashMovieObject("MP3player");
	    flashMovie.volumeUp();
	}
}

function volumeDown() {
	if (flashMovieLoaded) {
	    var flashMovie=getFlashMovieObject("MP3player");
	    flashMovie.volumeDown();
	}
}

var showingPlayer = 0;
var showingLines = 0;
var firstTimePlayer = 1;
function toggleDiv2(divid) {
    if(divid == 'listenDiv') {
        var el1 = $('flashcontent');
        if (el1.style.display == 'inline') {
	  		if (showingPlayer == 1) {
                setTimeout('showPlayer()',100);
			}
        } else {
			if (showingPlayer == 0) {
              	setTimeout('showPlayer()',800);
			}
        }
    }
    Effect.toggle('listenDiv','blind');
}
function toggleDiv(divid) {
    if(divid == 'aboutDiv') {
       /*var el1 = $('line1');
       var el2 = $('line2');
       if (showingLines == 0) {
       		setTimeout('lineDivs()',850);
          } else {
                lineDivs();
          }
      /* if(el1.style.display == 'inline') {
            lineDivs();
        } else {
           setTimeout('lineDivs()',850);
        }*/
    }
    else if(divid == 'listenDiv') {
        var el1 = $('flashcontent');
        if (el1.style.display == 'inline') {
	  		if (showingPlayer == 1) {
                setTimeout('showPlayer()',100);
			}
        } else {
			if (showingPlayer == 0) {
              	setTimeout('showPlayer()',800);
			}
        }
    }
    if(divid == 'allDivs' || divid == 'linksDiv') {
        Effect.toggle(divid,'blind');
    } else {
        Effect.toggle(divid,'blind');
        if(myToggledDiv == null) {
            myToggledDiv    = divid;
        } 
        else if(myToggledDiv == divid) {
            myToggledDiv    = null;
        } else {
            if(myToggledDiv == 'listenDiv') {
                toggleDiv2(myToggledDiv);
            } else {
                Effect.toggle(myToggledDiv,'blind');
            }
            myToggledDiv    = divid;
        }
    }
}

function lineDivs() {
    var el1 = $('line1');
    var el2 = $('line2');
    if(showingLines == 1) {
    		showingLines = 0;
        el1.style.display   = 'none';
        el2.style.display   = 'none';
    } else if (showingLines == 0) {
        showingLines = 1;
        el1.style.display   = 'inline';
        el2.style.display   = 'inline';
    }
   /* if(el1.style.display == 'inline') {
        el1.style.display   = 'none';
        el2.style.display   = 'none';
    } else {
        el1.style.display   = 'inline';
        el2.style.display   = 'inline';
    }*/
}

function showWhite() {
	if (flashMovieLoaded) {
		var flashMovie=getFlashMovieObject("MP3player");
		flashMovie.showWhite();
		flashMovieLoaded = false;
	}
}

function hideWhite() {
	flashMovieLoaded = true;
	var flashMovie=getFlashMovieObject("MP3player");
	flashMovie.hideWhite();
}

function writePlayer() {

	var so = new SWFObject("flash/JB.swf", "MP3player", "310", "310", "8", "#ffffff");

  so.addParam("wmode", "window");
    so.write("flashcontent");

}

function showPlayer() {
    var el1 = $('flashcontent');
    if(showingPlayer == 1) {
		showingPlayer = 0;
      	el1.style.display   = 'none';
		el1.innerHTML = "";
		showWhite();
    } else if (showingPlayer == 0) {
	  	showingPlayer = 1;
		writePlayer();
		el1.style.display   = 'inline';
		firstTimePlayer = 0;
    }

}



var sLisNow;
function doUnderline(sid) {
    el  = $('s_'+sid);
    if(sLisNow == null) {
        el.style.textDecoration = 'underline';
        sLisNow = sid;
    } else {
        elOld   = $('s_'+sLisNow);
        elOld.style.textDecoration = 'none';
        el.style.textDecoration = 'underline';
        sLisNow = sid;
    }
}