//++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
// SE2 - JavaScript Front End Functions
// Version 1.0
// Required Libraries - Prototype 1.6 & Scriptaculous
//++++++++++++++++++++++++++++++++++++++++++++++++++++++++++



//++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
// Global Form Functions
//++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

var ie = navigator.userAgent.match(/MSIE\s(\d)+/);
    if (ie) {
      var version = parseInt(ie[1]);
      Prototype.Browser['IE' + version.toString()] = true;
      Prototype.Browser.ltIE7 = (version < 7) ? true : false;
    }

document.observe("dom:loaded", function() {
  
  
  //thumb click action
	if($$('.workThumb')){	  
	$$('.workThumb').invoke('observe', 'click', swapDetail);
	}
  
});

//swap detail page
function swapDetail(event){
	Event.stop(event);
 	element = Event.element(event);
	
	
	if(element.id == null || element.id ==''){
		thumbID = element.up('a').id;
	}else{
		thumbID = element.id;
	}
	
	toggleSelectedThumb(thumbID);
	
	//fade out the detail section
	new Effect.Opacity('ajaxWrapper', { from: 1.0, to: 0, duration: 0.5, afterFinish:function() {
		
		//takeout content and bring in preloader
		$('ajaxWrapper').update();
		$('detailWrapper').insert('<div id="imageLoader" style="position:absolute; top:150px; left:200px;"><img src="/image/ajax-loader.gif"/> </div>');
		
		new Ajax.Request('/section/ourwork/getwork/'+thumbID, {
			//method: 'post',
			//parameters: {''}, 
			onComplete: function(transport){
				
				$('ajaxWrapper').insert(transport.responseText);
				
				
			
				//check if its a video
				if(transport.responseText.include('workDetailImage')){
					
					var pic=new Image();//x,y is optional
					pic.src= $('workDetailImage').readAttribute('src');
					
					//alert(pic.src= $('workDetailImage').readAttribute('src'));
					if(pic.complete){
						
						donePic();
						
					}else{
						
						pic.onload= donePic;
						
					}
					
					
				
				} else {
					
					//var pic = $('detailVideoHolder').down('element').readAttribute('src');
					
					//var pic = $('detailVideoHolder').down('object').down('embed').readAttribute('src').onLoad = donePic();
					
					//var videoObj = $('detailVideoHolder').down('object').hide();
					//doneVideo(videoObj);
					
					if (Prototype.Browser.ltIE7) {
						
						donePic();
					
					} else {
						
						var videoObj = $('detailVideoHolder').down('object').hide();
						doneVideo(videoObj);	
						
					}
					
					
					
					
				}

				
				
			}
	
		});
	
	} });
	
}

function donePic(){
	
	$('imageLoader').remove();
	new Effect.Opacity('ajaxWrapper', { from: 0, to: 1.0, duration: 0.5});
}

function doneVideo(videoObj){
	$('imageLoader').remove();
	new Effect.Opacity('ajaxWrapper', { from: 0, to: 1.0, duration: 0.5, afterFinish:function(){videoObj.show();}});
}
					

function toggleSelectedThumb(thumbID){
	
	$$('.workThumb').each(function(el){
														
		el.removeClassName('thumbSelected');
	
	});
	
	$(thumbID).addClassName('thumbSelected');
}


/*
var pic=new Image(x,y);//x,y is optional
pic.src= $('workDetailImage').readAttribute('src');

if(pic.complete) donePic()
else pic.onload= donePic;

function rate(event){
	
	event.stop();
	element = Event.element(event);
	
	if(element.readAttribute('title') == null || element.readAttribute('title') == ''){
		
		element = element.up('a');
		
	}
	
	var type = element.readAttribute('rel');
	var entry_id = element.up('span').id;
	
	var fromURL = location.href;
	
	if(element.hasClassName('minus')){
		
		var vote = 0;
		
	}else if(element.hasClassName('plus')){
		
		var vote = 1;
		
	}
	
	   
	   

	
	//fade out calendar
	new Effect.Opacity('ratings', { from: 1.0, to: 0, duration: 0.25, afterFinish:function() {
	
		new Ajax.Request('/ajax/rate', {
			method: 'post',
			parameters: {entry_id: entry_id, vote: vote, type: type, fromURL: fromURL}, 
			onComplete: function(transport){
				$('ratings').update(transport.responseText);
				new Effect.Opacity('ratings', { from: 0, to: 1.0, duration: 0.5});
			}
	
		});
	
	} });
}*/