clipVideo= function (){
	this.mediaid;//=media_id;
	this.clipid;
	this.clipValues;

	this.showInfo = function(t1){ // updates details status
		//el('details_status').innerHTML=t1;
	}
	this.deleteClip = function(clipid){ // deletes clip
		if(confirm("Are you sure you want to delete?")){
			this.ajax = new ajax()
			this.ajax.init()
			this.ajax.success = function (){
				clipVideo.showInfo("");
				clipVideo.getClipsList();
			}
			this.clipid=0;
			//clipVideo.editClip(0);
			this.showInfo("Deleting...");
			var params='op=delete_clip&clipid='+clipid
			this.ajax.load('GET', url_root+'/ajax.php?'+params,true)
		}
	}
	this.editClip= function(clipid){ // press edit clip
		subBins.myClips=new Array();
		this.clipid=clipid;
		clipVideo.showInfo("");
		if(clipid<=0){
			tem1="New Clip";
			if(clipid==0){
				this.clipin=0;
				this.clipout=0;
			}
			el('clip_form').title.value="";
			el('clip_form').description.value="";
			el('clip_form').tags.value="";
		}else{
			tem1=this.clipValues[clipid][0];
			this.clipin=this.clipValues[clipid][2];
			this.clipout=this.clipValues[clipid][3];
			el('clip_form').title.value=tem1;
			el('clip_form').description.value=this.clipValues[clipid][1];
			el('clip_form').tags.value=this.clipValues[clipid][6];
		}
		el('form_in').innerHTML=clipTime.convTime(this.clipin);
		el('form_out').innerHTML=clipTime.convTime(this.clipout);
		this.backF(3);
		if(clipid<0){
			this.clipid=0;
			clipVideo.updateInfo(tem1,0,0,"");
		}else{
			clipVideo.updateInfo(tem1,this.clipin,this.clipout,"");
		}
	}
	this.updateInfo = function(t1,n1,n2,t2){
		el('details_title').innerHTML=t1;
		el('details_in').innerHTML=clipTime.convTime(n1);
		el('details_out').innerHTML=clipTime.convTime(n2);
		this.showInfo(t2);
		el("video_player").externalLoadClip(this.mediaid,"Clip: "+t1,this.clipin,this.clipout);
	}
	this.getClipsList = function(){ // get clip list according to media id
		//el('clips_list').innerHTML="<i>Loading...</i>";
		this.getSubmittedList();
		this.backF(2);
		/*this.ajax = new ajax()
		this.ajax.init()
		this.ajax.success = function (){
			var values=eval(clipVideo.ajax.getResponseText());
			clipVideo.clipValues=values[1];
	 		el('clips_list').innerHTML=values[0];
			if(clipVideo.clipid>0) clipVideo.updateInfo(clipVideo.clipValues[clipVideo.clipid][0],clipVideo.clipin,clipVideo.clipout,"Info Saved");
		}
		var params='op=get_clips_list&mediaid='+this.mediaid;
		this.ajax.load('GET', url_root+'/ajax2.php?'+params,true);*/
		el('cl-back2media').style.display="inline";
	}
	this.getSubmittedList = function(){ // get submitted list according to media id
		var temDiv='cl-submitted-mid';
		if(!el(temDiv)) temDiv='mediaProjSubmits';
		if(el(temDiv)){
			el(temDiv).innerHTML="<i>Loading...</i>";
			var ajax2 = new ajax()
			ajax2.init()
			ajax2.success = function (){
				var values=ajax2.getResponseText();
				el(temDiv).innerHTML=values;
			}
			var params='op=get_submitted_list&mediaid='+this.mediaid;
			ajax2.load('GET', url_root+'/ajax2.php?'+params,true);
		}
	}
	this.clipSave = function (){
		var title=el('clip_form').title.value
		var description=el('clip_form').description.value
		var tags=el('clip_form').tags.value
		if(title==''){
			alert('Title required.')
			return;
		}
		if(this.clipin == this.clipout){
			alert('Use In and Out buttons to create a Clip.')
			return;
		}

		this.showInfo("Saving...");
		this.ajax = new ajax()
		this.ajax.init()
		this.ajax.success = function (){
			var values=eval(clipVideo.ajax.getResponseText());
			alert(values);
			//clipVideo.showInfo("Clip Created");
			//binsInCut.getBinsProjList(-2);
			//binsInCut.getBinsMediaList('my'+values[0],site_url+'/uploads/'+values[1],values[0],title,values[2]);
			/*if(values!=undefined){
				clipVideo.clipid=values;
			}
			clipVideo.showInfo("Saved");
			clipVideo.getClipsList();
//			alert(clipVideo.clipid);*/
			//binsInCut.getBinsProjList(-2);
		}
		var params='&in='+this.clipin+'&out='+this.clipout+'&title='+title+'&description='+description+'&tags='+tags;
		//if(this.clipid<=0){
			params='op=create_clip&mediaid='+this.mediaid+params;
		//}else{
			//params='op=save_clip&clipid='+this.clipid+params;
		//}
		//window.submitMedia.doOpenDifferentFile();
		SubmitMedia.doOpenDifferentFile();
		//this.ajax.load('GET', url_root+'/ajax.php?'+params,true)
	}
	this.clip = function (){ // when "clip" button pressed
		//clipVideo.showInfo("");
		el('form_in').innerHTML=clipTime.convTime(this.clipin);
		el('form_out').innerHTML=clipTime.convTime(this.clipout);
		/*this.showInfo("Frames Updated");
		if(el('cl-modifyClip').style.display!="block"){
			this.editClip(-1);
		}*/
	}
	this.resetMedia = function (n1){ // when new media loads
		this.mediaid=n1;
		//this.clipid=0;
		//this.clipin=0;
		//this.clipout=0;
		//this.getClipsList();
		this.getSubmittedList();
		this.backF(2);
		el('cl-back2media').style.display="inline";
	}
	this.backF = function (n1){ // when Back button is pressed
		if(n1==1){
			el('cl-clips').style.display="none";
			el('cl-clips-opts').style.display="none";
			el('cl-modifyClip').style.display="none";
			el('cl-modifyClip-opts').style.display="none";
			el('binlist1').style.display="block";
			el('binlist-opts1').style.display="block";
			el('cl-binsmedia-title').innerHTML="Folders & Media";
		}else if(n1==2){
			el('cl-modifyClip').style.display="none";
			el('cl-modifyClip-opts').style.display="none";
			el('binlist1').style.display="block";
			el('binlist-opts1').style.display="none";
			el('cl-clips').style.display="none";
			el('cl-clips-opts').style.display="block";
			el('cl-binsmedia-title').innerHTML="Media View & Submit";
		}else if(n1==3){
			el('binlist1').style.display="none";
			el('binlist-opts1').style.display="none";
			el('cl-clips').style.display="none";
			el('cl-clips-opts').style.display="none";
			el('cl-modifyClip').style.display="block";
			el('cl-modifyClip-opts').style.display="block";
			el('cl-binsmedia-title').innerHTML="Create & Edit Clip";
		}
	}
}
var clipVideo = new clipVideo();

// "submit to bins" view code
subBins = function (){
	this.myBins=new Array();
	this.myClips=new Array();
	this.curSection=1; // 0=my 1=proj 2=edit
	this.brHist=new Array();

	this.sectionClick = function(n1,t1,n2){
		clipVideo.showInfo("Opening...");
		this.myBins=new Array();
		this.ajax = new ajax()
		this.ajax.init()
		this.ajax.success = function (){
			var values=eval(subBins.ajax.getResponseText());
			el('roomMidSec').innerHTML=values[0];
			el('roomRightSec').innerHTML=values[2];
			for(i=0;i<values[1].length;i++){
				if(values[1][i].length>0){
					el('roomLeftSec-'+i).innerHTML=values[1][i];
				}
			}
			clipVideo.showInfo("");
		}
		if(t1=='studio'){ // root
			this.curSection=n1;
			this.brHist=new Array();
			for(i=0; i<3; i++){
				if(el('cl-ttl-tag-'+i)){
					el('cl-ttl-tag-'+i).className= (i==n1) ? "cl-bins-ttl-sel" : "";
				}
			}
		}
		var params='op=clip_submit_bins_list&tp='+this.curSection+'&ftype='+t1+'&binid='+n2
		this.ajax.load('GET', url_root+'/ajax2.php?'+params,true)
		this.brHist[this.brHist.length]=new Array(n1,t1,n2);
		el('roomLeftSecHistory').style.display= (this.brHist.length>1) ? "block" : "none";
	}
	this.histClick = function(){
		if(this.brHist.length>1){
			var tem11=this.brHist[this.brHist.length-2];
			this.brHist.splice(this.brHist.length-2,2);
			if(this.brHist.length<=0){
				el('roomLeftSecHistory').style.display="none";
			}
			this.sectionClick(tem11[0],tem11[1],tem11[2]);
		}
	}
	this.assignSel = function(){// clicking "submit"
		var ajaxAssign = new ajax();
		ajaxAssign.init();
		ajaxAssign.success = function (){
			var values=eval(ajaxAssign.getResponseText());
			if(values=='y'){
				clipVideo.getSubmittedList();
				clipVideo.showInfo("Submitted");
			}else if(values=='n'){
				clipVideo.showInfo("Agreement is not signed");
				alert('Agreement between the media owner and the project is not signed, only the owner of them media can sign this agreement.');
			}else{
				clipVideo.showInfo("Please complete the agreement");
				tb_show(null, site_url+'/ajax-thickbox.php?op=show_media_proj_agreement&projid='+values+'&mediaid='+clipVideo.mediaid, false);
			}
		}
		if(clipVideo.mediaid<=0){
		//if(subBins.myClips.length<=0 && el('clip_clip_0').checked!=true){
			//alert("Select the clips or just the media that you want to submit.");
			alert("Select the media that you want to submit.");
		}else if(subBins.myBins.length<=0){
			alert("Select 1 or more bin from the top list to submit to.");
		}else{
			clipVideo.showInfo("Submitting...");
			//var tem771=clipVideo.clipid;
			//if(tem771<=0) tem771="";
			//var tem771=subBins.myClips.join();
			var tem121=subBins.myBins.join();
			//alert(tem771+' '+tem121);
			var params='op=add_to_bin&mediaid='+clipVideo.mediaid+'&binid='+tem121+'&clips=';//+tem771;
			//alert(params);
			ajaxAssign.load('GET', url_root+'/ajax2.php?'+params,true);
		}
	}
	this.submitAgreement = function(){ // process agreement
		var temPrc=parseFloat(el('agreePrice').value);
		if(temPrc>=0 && (temPrc<=parseFloat(el('projectPrice').value) || parseFloat(el('projectPrice').value)==-1)){
			tb_remove();
			clipVideo.showInfo("Submitting the agreement...");
			var ajax2 = new ajax()
			ajax2.init()
			ajax2.success = function (){
				var values=eval(ajax2.getResponseText());
				if(values=='y'){ // complete
					subBins.assignSel();
				}else{
					subBins.submitAgreement();
				}
			}
			var params='op=show_media_proj_agreement&projid='+el('projectId').value+'&mediaid='+clipVideo.mediaid+'&price='+temPrc;
			ajax2.load('GET', url_root+'/ajax-thickbox.php?'+params,true);
		}else{
			alert("Your Price cannot exceed the project maximum price.");
		}
	}
	this.addToSubList = function(n1,n2){ // adds to variable list of selected bins
		if(n2==0){ // bin
			var tem2=this.myBins;
			var tem3='bin_bin_';
		}else{ // clip
			var tem2=this.myClips;
			var tem3='clip_clip_';
		}
		var tem4=el(tem3+n1).checked;
		var tem5=new Array();
		for(i=0;i<tem2.length;i++){
			if(tem2[i]!=n1){
				tem5[tem5.length]=tem2[i];
			}
		}
		if(tem4){
			tem5[tem5.length]=n1;
		}
		if(n2==0){ // bin
			this.myBins=tem5;
		}else{ // clip
			this.myClips=tem5;
		}
	}
	this.submitDelete = function(binid){ // remove from submitted
		if(confirm("Are you sure you want to remove?")){
			var ajax3 = new ajax()
			ajax3.init()
			ajax3.success = function (){
				clipVideo.showInfo("");
				clipVideo.getSubmittedList();
			}
			clipVideo.showInfo("Removing...");
			var params='op=submit_delete&binid='+binid+'&mediaid='+clipVideo.mediaid;
			ajax3.load('GET', url_root+'/ajax2.php?'+params,true)
		}
	}



/*	this.binClick = function(){
		ding="";
		for (var i in this.selRooms){
			if(this.selRooms[i]=="Y"){
				if(ding.length>0) ding+=",";
				ding+=i;
			}
		}
		if(this.page=="upload"){
			el("objs").value=ding;
			doStep3();
		}else if(this.page=="clip"){
			//alert("disconnected "+ding);
			this.ajax = new ajax()
			this.ajax.init()
			this.ajax.success = function (){
				el('details_status').innerHTML="Updated";
				clipVideo.clipValues[clipVideo.clipid][5]=subBins.temSubs;
			}
			this.temSubs=ding;
			var params='op=set_clips_sub&clipid='+clipVideo.clipid+'&objectids='+this.temSubs
			this.ajax.load('GET', url_root+'/ajax.php?'+params,true)
		}else if(this.page=="feat"){
			feat_submit(ding);
		}
	}

	this.saveChanges2 = function(){
		ding="";
		for (var i in this.selRooms){
			if(this.selRooms[i]=="Y"){
				if(ding.length>0) ding+=",";
				ding+=i;
			}
		}
		if(this.page=="upload"){
			el("objs").value=ding;
			doStep3();
		}else if(this.page=="clip"){
			//alert("disconnected "+ding);
			this.ajax = new ajax()
			this.ajax.init()
			this.ajax.success = function (){
				el('details_status').innerHTML="Updated";
				clipVideo.clipValues[clipVideo.clipid][5]=subBins.temSubs;
			}
			this.temSubs=ding;
			var params='op=set_clips_sub&clipid='+clipVideo.clipid+'&objectids='+this.temSubs
			this.ajax.load('GET', url_root+'/ajax.php?'+params,true)
		}else if(this.page=="feat"){
			feat_submit(ding);
		}
	}

	this.drawObjects = function(room){
		ding="";
		for (var i in this.myRooms){
			if(this.myRooms[i][2]==room){
				tem2="";
				if(this.selRooms[this.myRooms[i][0]]=="Y"){
					tem2="2";
				}
				ding+= "<div class=\"roomMidItems\"><a href=\"javascript:void(0);\" onclick=\"subBins.objectInfo("+subBins.myRooms[i][0]+");\"><img src=\"<?php echo $url_root?>/images/home/room_objects/"+subBins.myRooms[i][0]+".jpg\" border=\"0\"></a><br>"+subBins.myRooms[i][1]+"<br><a href=\"javascript:void(0);\" onclick=\"subBins.clickAddObj("+subBins.myRooms[i][0]+");\"><img id=\"add"+subBins.myRooms[i][0]+"\" src=\"<?php echo $url_root?>/images/add"+tem2+".gif\" border=\"0\"></a></div>";
			}
		}
		el("roomMidSec").innerHTML=ding;
		if(this.curRoom>0) el("roomLink"+this.curRoom).style.backgroundColor="";
		this.curRoom=room;
		el("roomLink"+this.curRoom).style.backgroundColor="#CCCCCC";
	}

	this.objectInfo = function(obj){
		ding="Title: "+this.myRooms[obj][1]+"<br>Media: <br><br>Description: "+this.myRooms[obj][3];
		el("roomRightSec").innerHTML=ding;
	}

	this.startFresh = function(t1){
		this.curRoom=0;
		this.selRooms=new Array();
		this.loadLeftSide();
		el('roomMidSec').innerHTML="";
		el('roomRightSec').innerHTML="";
		if(t1.length>0){
			ding=t1.split(",");
			for (var i in ding){
				if(i==(ding.length-1)){
					this.clickAddObj(ding[i]);
				}else{
					this.selRooms[ding[i]]="Y";
				}
			}
		}
	}
	this.clickAddObj = function(obj){
		if(this.myRooms[obj][2]!=this.curRoom){
			this.selRooms[obj]="Y";
			this.drawObjects(this.myRooms[obj][2]);
		}else{
			this.toggleAddObj(obj);
		}
	}
	this.toggleAddObj = function(obj){
		tem1="";
		tem2="";
		if(this.selRooms[obj]!="Y"){
			tem1="Y";
			tem2="2";
		}
		this.selRooms[obj]=tem1;
		el("add"+obj).src="<?php echo $url_root?>/images/add"+tem2+".gif";
	}
	this.loadLeftSide = function(){
		ding="";
		<?php
		$query="select * from rooms";
		$db->query($query);
		$obj_vdo_id=$db->fetchAll();
		foreach($obj_vdo_id as $ids){
			echo 'ding+=\'<a id="roomLink'.$ids['id'].'" href="javascript:void(0);" onclick="subBins.drawObjects('.$ids['id'].')">'.$ids['name'].'</a><br>\';'."\n";
		}
		?>
		el('roomLeftSecRooms').innerHTML=ding;
	}*/
}
var subBins = new subBins();