function get_offset(el,type) {
    var i = 0;
		var nde = el;
    while (nde != document.body) {
        try { 
    			i += (type=='left') ? nde.offsetLeft:nde.offsetTop;
					nde = nde.offsetParent;
        } catch (ex) {
        	break;
        }
    }
    return i;
}

	/** show 'more' texts from description **/
	function showMore() {
		var visible = $('#moreinfo').is(':visible');
		if(!visible) {
			$('.clip-details-container').removeClass().addClass('clip-details-container-ext');
			$('#morelink').html('Less Info');
			$('#summary').hide();
			$('#moreinfo').show();
			//$('#tags_title').show();
			//$('#tags_content').show();
		} else {
			$('.clip-details-container-ext').removeClass().addClass('clip-details-container');
			$('#morelink').html('More Info');
			$('#summary').show();
			$('#moreinfo').hide();
			//$('#tags_title').hide();
			//$('#tags_content').hide();	
		}
	}

	/** image preloading **/
	jQuery.preloadImages = function() {
	  for(var i = 0; i<arguments.length; i++){
	    jQuery('<img>').attr('src', arguments[i]);
	  }
	}
	
	/** preload the buttons **/
	$.preloadImages('images/down_btn.gif','images/up_btn.gif');

jQuery(document).ready(function() {
	/*var query_string = location.search;
		if(query_string == "") {
			$('#related').hide();
			$('#related_img').attr({src: 'images/down_btn.gif'});
		}
	*/
		var t = 'To start watching videos, Log in or Sign Up For FREE!';
		var a = 'login_popup.php?height=486&width=735';
		var g = '';
		//tb_show(t,a,g); // Welcome!
	$('.cantshare, .networking').click(function() {
		alert('The clip you want to share with friends is only available to subscribers. If you do really want to share a clip with a friend, can we suggest you share "Free Clip of the week" or a DVD preview clip. Thanks.');
		return false;
	});
			
	/** hide some stuff **/
	$('#more').hide();
	$('#fav').hide();
	$('.fav-content').hide();
	$('.vid-content').hide();
	
	/** slide effect for side panels ala accordion **/
	$('.clips-btn, #fav_clip, #related_clip, #more_clip').click(function() {
		var id = $(this).attr('id');
		var tmp = id.split('_');
		var ele = tmp[0];	
		var related = $('#'+ele).is(':hidden');
		if($(this).hasClass('lock')) {
			alert('No videos to display.');
			return false;
		}
		
				if(related == false) {
					$('#'+ele).slideUp('normal');
					$('#'+ele+'_img').attr({src: 'images/down_btn.gif'});
					return false;
				} else {
					$('#'+ele).slideDown('normal');
					$('#'+ele+'_img').attr({src: 'images/up_btn.gif'});							
					if(ele != 'related') {
							if($('#related').is(':visible')) {
								$('#related').hide();
								$('#related_img').attr({src: 'images/down_btn.gif'});							
							}
					}
					
					if(ele != 'more') {
							if($('#more').is(':visible')) {
								$('#more').hide();
								$('#more_img').attr({src: 'images/down_btn.gif'});
							}
					}
					
					if(ele != 'fav') {
							if($('#fav').is(':visible')) {
								$('#fav').hide();
								$('#fav_img').attr({src: 'images/down_btn.gif'});
							}
					}			
					return false;
				}
	});
	
	/** add to favorites **/
	$('#addtofave').click(function() {
		var rel  = $('#addlink').attr('rel').split('_');
		var v_id = rel[0];
		var u_id = rel[1];
		var o	 = rel[2];
		var act	 = 'add';
		
		$.post("favorites.php", { vid: v_id, uid: u_id, owner: o, action: act });

		$('#add_fave').fadeIn('slow',function(){
			$(this).text('Video has been added to Favourites.');
		});	
	});
	
	/** remove from favorites **/
	$('#removelink').click(function() {
		var rel    = $('#removelink').attr('rel').split('_');
		var v_id   = rel[0];
		var u_id   = rel[1];
		var act    = 'del';
		
		$.post("favorites.php", { vid: v_id, uid: u_id, action: act });

		$('#not_fave').fadeIn('slow',function(){
			$(this).text('Video has been removed from Favourites.');
		});			
		
	});
	
	/** remove from favorites (favourites panel) **/
	$('.removefav').click(function() {
		var rel    = $(this).attr('rel').split('_');
		var v_id   = rel[0];
		var u_id   = rel[1];
		var act    = 'del';
		
		$.post("favorites.php", { vid: v_id, uid: u_id, action: act });
		
		$('#con_'+v_id).fadeOut('slow',function(){
			$(this).remove();
		});			
		
		return false;
	});	
	
	/** share tab **/
	$('#share_btn').click(function() {
		$('#share').removeClass().addClass('sft-share-s');
		$('#share_img').attr({src: 'images/share_selected.gif'});
		
		$('#fave').removeClass().addClass('sft-fav-ns');
		$('#fave_img').attr({src: 'images/fav_not-selected.gif'});
		
		$('#vids').removeClass().addClass('sft-vid-ns');
		$('#vids_img').attr({src: 'images/vid_not-selected.gif'});
				
		$('.vid-content').hide();				
		$('.sfc-1').fadeIn('normal');
		$('.fav-content').hide();
	});
	
	/** videos tab **/
	$('#vid_btn').click(function() {
		$('#vids').removeClass().addClass('sft-vid-s');
		$('#vids_img').attr({src: 'images/vid_selected.gif'});
				
		$('#share').removeClass().addClass('sft-share-ns');
		$('#share_img').attr({src: 'images/share_not-selected.gif'});
		
		$('#fave').removeClass().addClass('sft-fav-ns');
		$('#fave_img').attr({src: 'images/fav_not-selected.gif'});
		$('.sfc-1').hide();
		$('.fav-content').hide();
		$('.vid-content').fadeIn('normal');	
	});	
	
	/** favorites tab **/
	$('#fave_btn').click(function() {
		$('#share').removeClass().addClass('sft-share-ns');
		$('#share_img').attr({src: 'images/share_not-selected.gif'});

		$('#vids').removeClass().addClass('sft-vid-ns');
		$('#vids_img').attr({src: 'images/vid_not-selected.gif'});
		
		$('#fave').removeClass().addClass('sft-fav-s');
		$('#fave_img').attr({src: 'images/fav_selected.gif'});
		
		$('.sfc-1').hide();
		$('.vid-content').hide();	
		$('.fav-content').fadeIn('normal');
		var num = $('#num').attr('class');
		
		/** Favorites text containers **/
		if(num == 0) {
			$('#add_fave').show();
		} else {
			$('#not_fave').show();
		}
	});	
	
	/** search button action **/
	$('#searchbtn').attr({style: 'cursor:pointer'});
	$('#searchbtn').click(function() {
		var keyword = $('#keyword').val();
		if(keyword != '') {
			$('#searchform').submit();
		} else {
			alert('Please enter a keyword.');
		}
	});

	/** miscs **/
	var query = location.search;
	//if(query.indexOf('type') >= 0) alert('is dvd');
		
	var elem = document.getElementById('vidmain');
	var elem2 = document.getElementById('video-main');
	var elem3 = document.getElementById('addtocart');

	var pos_left = get_offset(elem,'left');
	var pos_top = get_offset(elem,'top');
	
	var pos_leftx = get_offset(elem2,'left');
	var pos_topx = get_offset(elem2,'top');	
	
	var pos_leftxx = get_offset(elem3,'left');
	var pos_topxx = get_offset(elem3,'top');		

	$('.video-main').attr({style:'cursor:pointer'});
	$('.video-main').click(function() {
		$('#welcome').show();
		$('#welcome_content').show();
		return false;
	});
	
	$('#myoverlay').css({
			"top": (pos_top-28) +"px",
			"left":(pos_left-10) +"px"
	});
	
	$('#advert').css({
			"top": (pos_topxx) +"px",
			"left":(pos_leftxx) +"px"
	});	
	
	$('#advert_content').css({
			"top": (pos_topxx+10) +"px",
			"left":(pos_leftxx+12) +"px"
	});	
	
	$('#play_arrow').css({
			"top": (pos_top+240) +"px",
			"left":(pos_left+280) +"px" 
	});	
	
	$('#plogo').css({
			"top": (pos_top+30) +"px",
			"left":(pos_left+200) +"px" 
	});	
		
	$('#fakebar').css({
			"top": (pos_topx+450) +"px",
			"left":(pos_leftx-1) +"px" 
	});	
		
	$('#myoverlaytext').css({
			"top": (pos_top) +"px",
			"left":(pos_left) +"px"
		});
		
	$('#welcome').css({
			"top": (pos_top-10) +"px",
			"left":(pos_left-10) +"px"
	});

	$('#welcome_content').css({
			"top": (pos_top) +"px",
			"left":(pos_left) +"px"
	});	
	
	//$('#welcome').click(function() {
	//		$(this).fadeOut('slow');
	//		$('#welcome_content').fadeOut('slow');
	//});
	
	//$('#welcome_content').click(function() {
	//		$(this).fadeOut('slow');
	//		$('#welcome').fadeOut('slow');
	//});	
	var vid_id = $('#welcome_content').attr('rel');
	var stype = '',sh = $('#welcome_content').hasClass('shared');

	if(sh) stype = 'shared';
	$('#welcome_content').load('login_popup.php', {vid: vid_id,shared: stype});
	
	var page = location.href;
	
	if(page.indexOf('type') >= 0 && page.indexOf('ref') < 0) {
		$('#advert').show();
		$('#advert_content').show();
	}
	
	$(window).resize(function() {
		var elem = document.getElementById('vidmain');
		var elem2 = document.getElementById('video-main');
		var elem3 = document.getElementById('addtocart');		
		var pos_left = get_offset(elem,'left');
		var pos_top = get_offset(elem,'top');
		
		var pos_leftx = get_offset(elem2,'left');
		var pos_topx = get_offset(elem2,'top');	
		
		var pos_leftxx = get_offset(elem3,'left');
		var pos_topxx = get_offset(elem3,'top');
		
		$('#advert').css({
				"top": (pos_topxx) +"px",
				"left":(pos_leftxx) +"px"
		});	
		
		$('#advert_content').css({
				"top": (pos_topxx+10) +"px",
				"left":(pos_leftxx+12) +"px"
		});

		$('#myoverlay').css({
				"top": (pos_top-28) +"px",
				"left":(pos_left-10) +"px" /*2*/
			});
		
		$('#play_arrow').css({
				"top": (pos_top+240) +"px",
				"left":(pos_left+280) +"px" /*2*/
		});	
			
		$('#plogo').css({
				"top": (pos_top+40) +"px",
				"left":(pos_left+200) +"px" 
		});	

		$('#fakebar').css({
				"top": (pos_topx+450) +"px",
				"left":(pos_leftx-1) +"px" 
		});	
						
		$('#myoverlaytext').css({
				"top": (pos_top) +"px",
				"left":(pos_left) +"px" /*2*/
			});
			
		$('#welcome').css({
				"top": (pos_top-10) +"px",
				"left":(pos_left-10) +"px" /*2*/
			});
			
		$('#welcome_content').css({
				"top": (pos_top) +"px",
				"left":(pos_left) +"px" /*2*/
		});				
		
	});
	
	$('.welcome_link').click(function() {
		$('#welcome').show();
		$('#welcome_content').show();
		$('#advert').hide();
		$('#advert_content').hide();
		return false;
	});
	
	$('#closeadvert').click(function() {
		$('#advert').hide();
		$('#advert_content').hide();
		return false;
	});
	
	//$(document).click(function() {
	//		$('#welcome_content').fadeOut('slow');
	//		$('#welcome').fadeOut('slow');		
	//});
});