/*
Code written by Ciprian Ionescu http://ciprianionescu.com
*/


//make global variables
var projects_array = new Array();
var projects_array_full = new Array();
var curentFilter = "all";

var delayBetweenProjects = 3000;
var cancelSlide = 0;

var leftSensitivity = 458;
var rightSensitivity = 475;

var currentHash = ""; 
var activeProjectCheck = 0;

var autoPlay = 1;
var runOnComplete = "";

var activeElement = -1;
var loadedElements = new Array();
var activeImageSlide = new Array();
var totalImages = new Array();
var backgroundsArray = ['background.jpg', 'background_01.jpg', 'background_02.jpg', 'background_03.jpg'];

  var project_title = {
    src: 'js/nubian-thin.swf'
  };
  var pixel_font = {
    src: 'js/standard0754.swf'
  };

  //sIFR.delayCSS  = true;
  sIFR.activate(project_title, pixel_font);

$(document).ready(function(){
    jQuery(".news").jcarousel({
        scroll: 4,
		vertical: true,
		animation: "slow",
    });
	
	$("a[rel*='external']").click(function(){
		this.target = "_blank";
	});
	
	//set random background
	var bgNum = Math.floor(Math.random()*4);
	$('body').css('background-image','url(img/'+backgroundsArray[bgNum]+')');
	
	
	//assign event to seeMyWorks Link
	$("#seeMyWorks").click(function(){
		$("#main_controls").animate({
			'height':'50px',
			'top':'781px'
		},'fast');
		$("#seeMyWorks").fadeOut('fast');
		
		//first display the control bar
		$("#main_navigation_controls").fadeIn('fast', function(){
			//next. load the projects json
			$.ajaxSetup({ cache: false , async: false});//temp
			$.getJSON("js/projects.json",
			function(data){
				projects_array_full = data;
				projects_array = data;
				//$("#main_controls").css("top","781px");
				initialize_projects();
			});
			
		});
		return false;
	});
	
	if($.browser.msie || $.browser.opera){
		//bad browser stuff
		
		$("#project_left_panel").hide();
		$("#project_right_panel").hide();
		
		$("#project").mousemove(function(evt){
			projectsX = Math.round($(document).width()/2 - 940/2);
			projectsY = projectsX+940;
			//check for left sensitivity
			if(evt.clientX-projectsX < 458){
				$("#project_left_panel").show();
				autoPlay = 0;
			}else{
				if(autoPlay == 0 && $("#auto_play_link").html()=="SLIDESHOW STOP"){
					autoPlay = 1;
				}
				//if(autoPlay == 1) $("#project_left_panel").hide();
				$("#project_left_panel").hide();
			}
			//check for right sensitivity
			if(projectsY - evt.clientX < 475){
				$("#project_right_panel").show();
			}
			if(projectsY - evt.clientX > $("#project_right_panel").width()){
				$("#project_right_panel").hide();
			}
		});
		$("#project").mouseout(function(evt){
			if(autoPlay == 0 && $("#auto_play_link").html()=="SLIDESHOW STOP"){
				autoPlay = 1;
			}
			//if(autoPlay == 1) $("#project_left_panel").hide();
			$("#project_left_panel").hide();
			$("#project_right_panel").hide();
		});
		
		$("#share_link").mouseenter(function(){
			$("#share_links").show();
		});
		$("#share_links").mouseleave(function(){
			$("#share_links").hide();
		});
		$("#project_right_panel").mouseover(function(){
			if(!sIFR.replacements['#projects_categories']){
				$("#projects_categories").removeClass("sIFR-replaced");
				sIFR.replace(pixel_font, {
					selector: '#projects_categories'
					,wmode: 'transparent'
					,css: [
						'.sIFR-root {color: #ffffff; text-align: left; padding:0; margin:0; font-size:8px; leading:0}',
						'a { text-decoration: none; color:#ffffff}',
						'a:link { color: #ffffff }',
						'a:hover { color: #cccccc }'
					]
				});
			}
		});
		
		
	}else{
		//good browser stuff
		$("#project_left_panel").css({
			'opacity': 0.01,
			'display':'block'
		});
		$("#project_right_panel").css({
			'opacity': 0.01,
			'display':'block'
		});
		
		$("#project_left_panel").mouseover(function(){
			$(this).stop().animate({'opacity':1},'fast');
			autoPlay = 0;
		});
		
		$("#project_left_panel").mouseout(function(){
			if(autoPlay == 0 && $("#auto_play_link").html()=="SLIDESHOW STOP"){
				autoPlay = 1;
			}
			//if(autoPlay == 1) $(this).stop().animate({'opacity':0},'fast');
			$(this).stop().animate({'opacity':0},'fast');
		});
		$("#project_right_panel").mouseover(function(){
			$(this).stop().animate({'opacity':1},'fast');
			if(!sIFR.replacements['#projects_categories']){
				$("#projects_categories").removeClass("sIFR-replaced");
				sIFR.replace(pixel_font, {
					selector: '#projects_categories'
					,wmode: 'transparent'
					,css: [
						'.sIFR-root {color: #ffffff; text-align: left; padding:0; margin:0; font-size:8px; leading:0}',
						'a { text-decoration: none; color:#ffffff}',
						'a:link { color: #ffffff }',
						'a:hover { color: #cccccc }'
					]
				});
			}
		});
		$("#project_right_panel").mouseout(function(){
			$(this).stop().animate({'opacity':0},'fast');
		});
		$("#share_link").mouseenter(function(){
			$("#share_links").show();
		});
		$("#share_links").mouseleave(function(){
			$("#share_links").hide();
		});
	}
	
	
	$("#main_navigation_controls").removeClass("sIFR-replaced");
		 	
	sIFR.replace(pixel_font, {
		selector: '#main_navigation_controls'
		,wmode: 'transparent'
		,css: [
			'.sIFR-root {color: #ffffff; text-align: left; padding:0; margin:0; font-size:8px;}',
			'a { text-decoration: none; color:#ffffff}',
			'a:link { color: #ffffff }',
			'a:hover { color: #cccccc }'
		]
	});	 	
	
	$("#main_navigation_controls2").removeClass("sIFR-replaced");
	
	sIFR.replace(pixel_font, {
		selector: '#main_navigation_controls2'
		,wmode: 'transparent'
		,css: [
			'.sIFR-root {color: #ffffff; text-align: right; padding:0; margin:0; font-size:8px; leading:0}',
			'a { text-decoration: none; color:#ffffff}',
			'a:link { color: #ffffff }',
			'a:hover { color: #cccccc }'
		]
	});
	
	$("#project_information").removeClass("sIFR-replaced");
	sIFR.replace(pixel_font, {
		selector: '#project_information'
		,wmode: 'transparent'
		,css: [
			'.sIFR-root {color: #ffffff; text-align: right; padding:0; margin:0; font-size:8px; leading:0}',
			'a { text-decoration: none; color:#ffffff}',
			'a:link { color: #ffffff }',
			'a:hover { color: #cccccc }'
		]
	});

	$("#next_button").click(function(){
		sliderPos = $("#projects_thumbs_slider").css('left').replace("px","")*1;
		activePage = Math.ceil(Math.abs(sliderPos/422));
		totalPages = Math.ceil($("div.project_thumb").size()/4);
		activePage ++;
		if(activePage >= totalPages) activePage = 0;
		$("#projects_thumbs_slider").stop().animate({
			'left': -1 * activePage * 422
		},'fast');
		return false;
	});
	
	$("#prev_button").click(function(){
		sliderPos = $("#projects_thumbs_slider").css('left').replace("px","")*1;
		activePage = Math.ceil(Math.abs(sliderPos/422));
		totalPages = Math.ceil($("div.project_thumb").size()/4);
		activePage --;
		if(activePage == -1) activePage = totalPages-1;
		$("#projects_thumbs_slider").stop().animate({
			'left': -1 * activePage * 422
		},'fast');
		return false;
	});
	
	$("#link_show_prev_project").click(function(){
		display_prev_project(1);
		return false;
	});
	$("#link_show_next_project").click(function(){
		display_next_project(1);
		return false;
	});
	//#projects_categories a.active
	$("#projects_categories a").click(function(){
		$("#projects_categories a").removeClass('active');
		$(this).addClass("active");
	});
	//start hash check feature
	clearInterval(activeProjectCheck);
	activeProjectCheck = setInterval( 'check_hash();', 100 );
	
});

function show_prev_proj(){
	display_prev_project(1);
}

function show_next_proj(){
	display_next_project(1);
}


function initialize_projects(){
	
	var displayIndex = 0;
	var displayPageIndex = 0;
	$("#projects_thumbs_slider").empty();
	$.each(projects_array, function(item, element){
		newLabed = "";
		if(element.is_new == 1) newLabed = "<img class=\"new_label\" src=\"img/new_label.gif\">";
		
		htmlString = "<div class=\"project_thumb\">"+
					"<span>"+item+"</span>"+ newLabed +
					"</div>";
		jQObj = $(htmlString).appendTo('#projects_thumbs_slider');
		
		objXPos = displayPageIndex * 422;
		if(displayIndex%4 == 1 || displayIndex%4 == 3) objXPos += 211;
		objYPos = 0;
		if(displayIndex%4 == 2 || displayIndex%4 == 3) objYPos += 114;
		if(displayIndex%4 == 3) displayPageIndex++;
		
		jQObj.css({
			"background-image": "url('img/projects/"+element.thumbnail+"')",
			"top": objYPos+"px",
			"left": objXPos+"px",
			"cursor": "pointer"
		});
		jQObj.click(function(){
			projectToLoad = $(this).find('span').text();
			projectData = projects_array[projectToLoad];
			projectLink = "#project/"+curentFilter+"/";
			if(typeof(projectData.excerpt)!='undefined'){
				projectLink += projectData.excerpt;
			}else{
				projectLink += projectToLoad;
			}
			document.location.href=projectLink;
			check_hash(1);
			display_active_project(1);			
		});
		jQObj.mouseover(function(){
			$(this).addClass('hovered');
		});
		jQObj.mouseout(function(){
			$(this).removeClass('hovered');
		});
		displayIndex++;
		$("#projects_container").fadeIn();
	});
	getHash = document.location.href.split("#")[1];
	if(document.location.href.split("#").length==2){
		check_hash();
	}else{
		display_next_project();
	}
	
}

function check_hash(force){
	if(typeof(force) == 'undefined') force=0;
	getHash = document.location.href.split("#")[1];
	if($("div.project_thumb").size() == 0 && getHash){
		$("#seeMyWorks").click();
		return;
	}
	if(getHash != currentHash && getHash){
		currentHash = getHash;
		activeElement = 0;
		projectIdentf = currentHash.split("/")[2];
		projectCategory = currentHash.split("/")[1];
		if(curentFilter != projectCategory){
			curentFilter = projectCategory;
			
			$("#projects_thumbs_slider").css({
				'left': 0
			});
			//change sIFR text
			newMainNavContent = '';
			if(curentFilter == 'all'){
				newMainNavContent += '<a href="#project/all/">ALL</a>'
			}else{
				newMainNavContent += '<a href="#project/all/">ALL</a>'
			}
			if(curentFilter == 'illustration'){
				newMainNavContent += ' | <a href="#project/illustration/">ILLUSTRATION</a>'
			}else{
				newMainNavContent += ' | <a href="#project/illustration/">ILLUSTRATION</a>'
			}
			if(curentFilter == 'marks'){
				newMainNavContent += ' | <a href="#project/marks/">MARKS</a>'
			}else{
				newMainNavContent += ' | <a href="#project/marks/">MARKS</a>'
			}
			if(curentFilter == 'logotype'){
				newMainNavContent += ' | <a href="#project/type/">TYPE</a>'
			}else{
				newMainNavContent += ' | <a href="#project/type/">TYPE</a>'
			}
			if(curentFilter == 'interactive'){
				newMainNavContent += ' | <a href="#project/interactive/">INTERACTIVE</a>'
			}else{
				newMainNavContent += ' | <a href="#project/interactive/">INTERACTIVE</a>'
			}
			if(curentFilter == 'prints'){
				newMainNavContent += ' | <a href="#project/prints/">PRINT</a>'
			}else{
				newMainNavContent += ' | <a href="#project/prints/">PRINT</a>'
			}
			if(curentFilter == 'mattepainting'){
				newMainNavContent += ' | <a href="#project/mattepainting/">MATTEPAINTING</a>'
			}else{
				newMainNavContent += ' | <a href="#project/mattepainting/">MATTEPAINTING</a>'
			}
			
			if(sIFR.replacements['#projects_categories']) sIFR.replacements['#projects_categories'][0].replaceText(newMainNavContent);
			
			clearInterval(activeProjectCheck)
			newProjectsArray = new Array()
			$.each(projects_array_full, function(item, element){
				if(element.category == curentFilter || curentFilter == 'all') newProjectsArray.push(element);
			});
			projects_array = newProjectsArray;
			
			$("#project_image_slider").empty();
			initialize_projects();
			
			$.each(projects_array,function(item, element){
				if(typeof(element.excerpt)!='undefined'){
					if(element.excerpt == projectIdentf) activeElement = item;
				}else{
					if(item == projectIdentf) activeElement = item;
				}
			});
			$("div.project_thumb.activ").removeClass("activ");
			$("div.project_thumb:eq("+activeElement+")").addClass("activ");
			
			display_active_project(force);
			activeProjectCheck = setInterval( 'check_hash();', 100 );
			return;
		}
		$.each(projects_array,function(item, element){
			if(typeof(element.excerpt)!='undefined'){
				if(element.excerpt == projectIdentf) activeElement = item;
			}else{
				if(item == projectIdentf) activeElement = item;
			}
		});
		$("div.project_thumb.activ").removeClass("activ");
		$("div.project_thumb:eq("+activeElement+")").addClass("activ");
		display_active_project(force);

	}
}

function display_next_project(force){
	if(typeof(force) == 'undefined') force=0;
	if(activeElement == "") activeElement = -1;
	if(activeElement != ""){
		$("div.project_thumb.activ").removeClass("activ");
		nextElement = (activeElement*1) + 1;
		if($("div.project_thumb:eq("+nextElement+")").size() != 1) nextElement = 0;
		$("div.project_thumb:eq("+nextElement+")").addClass("activ");
		activePage = Math.floor(nextElement/4);
		/*$("#projects_thumbs_slider").stop().animate({
			'left': -1 * activePage * 422
		},'fast');*/
		projectData = projects_array[nextElement];
		projectLink = "#project/"+curentFilter+"/";
		if(typeof(projectData.excerpt)!='undefined'){
			projectLink += projectData.excerpt;
		}else{
			projectLink += activeElement;
		}
		document.location.href=projectLink;
		
	}
}

function display_prev_project(force){
	if(typeof(force) == 'undefined') force=0;
	if(activeElement != ""){
		$("div.project_thumb.activ").removeClass("activ");
		nextElement = (activeElement*1) - 1;
		if(nextElement == -1) nextElement = $("div.project_thumb").size()-1;
		if(nextElement == -1) nextElement = 0;
		$("div.project_thumb:eq("+nextElement+")").addClass("activ");
		activePage = Math.floor(nextElement/4);
		/*$("#projects_thumbs_slider").stop().animate({
			'left': -1 * activePage * 422
		},'fast');*/
		projectData = projects_array[nextElement];
		projectLink = "#project/"+curentFilter+"/";
		if(typeof(projectData.excerpt)!='undefined'){
			projectLink += projectData.excerpt;
		}else{
			projectLink += activeElement;
		}
		document.location.href=projectLink;
		//display_active_project(force);
	}
}

function display_active_project(force){
	if(typeof(force) == 'undefined') force=0;
	$("body").stop();
	activeElement = $("div.project_thumb.activ:eq(0) span").text();
	var activeElementData = projects_array[activeElement];
	
	$("#active_categori").text(curentFilter.toUpperCase());
	$("#projects_count").text($("div.project_thumb").size());
	$("#projects_active").text(activeElement * 1 + 1);
	$("#project_description").html(activeElementData.description);
	$("#project_title h1").html(activeElementData.title);
	
	newMainNavContent = '<a href="javascript:show_prev_proj();" id="link_show_prev_project">SHOW PREVIOUS PROJECT</a>  |  NOW SHOWING <span id="active_categori">'+curentFilter.toUpperCase()+'</span> PROJECTS {<span id="projects_active">'+(activeElement * 1 + 1)+'</span>/<span id="projects_count">'+$("div.project_thumb").size()+'</span>} | <a href="javascript:show_next_proj();" id="link_show_next_project">SHOW NEXT PROJECT</a>';
	
	if(sIFR.replacements['#main_navigation_controls']){
		sIFR.replacements['#main_navigation_controls'][0].replaceText(newMainNavContent);		
	}
	

	if ($.browser.msie || $.browser.opera) {
		if ($("#project_left_panel").css('display') != 'block') {
			$("#project_left_panel").css({
				'display': 'block',
				'opacity': 0.1
			});
		}
	}
	
	$("#project_title h1").removeClass("sIFR-replaced");
	 	
	sIFR.replace(project_title, {
		selector: '#project_title h1'
		,wmode: 'transparent'
		,css: [
			'.sIFR-root {color: #ffffff; text-align: right; padding:0; margin:0; font-size:50px;leading:-16}'
		]
	});
	
	$("#project_subtitle h2").html(activeElementData.subtitle);
	$("#project_subtitle h2").removeClass("sIFR-replaced");
	 	
	sIFR.replace(project_title, {
		selector: '#project_subtitle h2'
		,wmode: 'transparent'
		,css: [
			'.sIFR-root {color: #ffffff; text-align: right; padding:0; margin:0; font-size:21px;}'
		]
	});
	
	if(activeElementData.date){
		$("#project_information span.project_date").html(activeElementData.date.toUpperCase());		
	}
	
	if(activeElementData.designed_for){
		forString = "| FOR ";
		if(activeElementData.designed_for) forString += "<a href=\""+activeElementData.designed_for_link+"\" target=\"_blank\">";
		forString += activeElementData.designed_for.toUpperCase()
		if(activeElementData.designed_for) forString += "</a>"; 
		$("#project_information span.project_for").html(forString);
	}else{
		$("#project_information span.project_for").html(" ");
	}
	if(activeElementData.link){
		forString = "| ";
		forString += "<a href=\""+activeElementData.link+"\" target=\"_blank\">";
		forString += "VIEW PROJECT"
		forString += "</a>"; 
		$("#project_information span.project_link").html(forString);
	}else{
		$("#project_information span.project_link").html(" ");
	}
	
	$("#project_information").removeClass("sIFR-replaced");
	sIFR.replace(pixel_font, {
		selector: '#project_information'
		,wmode: 'transparent'
		,css: [
			'.sIFR-root {color: #ffffff; text-align: right; padding:0; margin:0; font-size:8px; leading:0}',
			'a { text-decoration: none; color:#ffffff}',
			'a:link { color: #ffffff }',
			'a:hover { color: #cccccc }'
		]
	});
	
	if ($.browser.msie || $.browser.opera) {
		if ($("#project_left_panel").css('display') == 'block' && $("#project_left_panel").css('opacity') == 0.1) {
			$("#project_left_panel").css({
				'display': 'none',
				'opacity': 1
			});
		}
	}
	
	if(activeElementData.buy_link){
		$("#buy_link").attr('href', activeElementData.buy_link).show();
	}else{
		$("#buy_link").attr('href', "#").hide();
	}
	
	
	//start the slideshow
	var imgArray = new Array();
	$.each(activeElementData.picture, function(item, source){
		imgArray.push({
			src: "img/projects/" + source
		});
	});
	if($("#project_images_container_"+activeElement).size()==0){
		
		$("<div id=\"project_images_container_"+activeElement+"\"><div class=\"project_active_images\"></div></div>").css({
			'width':'940px',
			'height':'410px',
			'position':'absolute',
			'top':0,
			'left':0,
			'overflow':'hidden'
		}).appendTo("#project_image_slider").hide();
		populate_slide_with_images(activeElement);
		return;
	}else{
		set_active_content(activeElement, 1);		
	}
}

function set_active_content(elementID, start_slide){
	$("#project_image_slider>div:not(#project_images_container_"+elementID+")").fadeOut('fast');	
	$("#project_images_container_"+elementID).fadeIn('fast');
	$("#project_images_container_"+elementID+">div.project_active_images>span").removeClass('active');
	$("#project_images_container_"+elementID+">div.project_active_images>span:eq(0)").addClass('active');
	$('#project_images_container_' + elementID + " > div.main_image").hide();
	activeImageSlide[elementID]= -1;
	
	if(start_slide==1) slide_to_next_image(elementID);
}

function populate_slide_with_images(elementID){
	var activeElementData = projects_array[elementID];
	var imagesArray = activeElementData.picture;
	var imagesCount = $(imagesArray).size();
	loadedElements[elementID] = 0;
	$.each(imagesArray, function(item, element){
		var img = new Image();
		$(img).load(function() {
			$(this).hide();
			var div = $('<div class="main_image"></div>').css({
				'background-image': "url('img/projects/"+element+"')",
				'background-position': '0 0',
				'width': 940+"px",
				'height': 410+"px",
				'position': 'absolute',
				'top': 0,
				'left': 0
			}).prependTo("#project_images_container_"+elementID).hide();
			
			$("<span class=\"project_image\">&nbsp;</span> ").appendTo('#project_images_container_'+elementID+'>div.project_active_images');
			var imgNavContainer = $('#project_images_container_'+elementID+'>div.project_active_images');
			
			loadedElements[elementID]++;
			if(loadedElements[elementID] == imagesCount){ //could be a problem here
				//all the image are loaded start the slideshow
				activeImageSlide[elementID]= -1;
				totalImages[elementID] = imagesCount;
				imgNavContainer.find('span.project_image:eq(0)').addClass('active');
				$('#project_images_container_'+elementID+'>div.project_active_images>span').each(function(i){
					$(this).click(function(){						
						$('body').stop();
						activeImageSlide[elementID] = i-1;
						$('#project_images_container_'+elementID+" > div.main_image").fadeOut('fast');
						slide_to_next_image(elementID);
						
					});
				});
				set_active_content(elementID, 1);
			}
		}).error(function() {
			//in case of error
		}).attr( {
			'src' : "img/projects/"+element
		});
	});
	
	
}

function slide_to_next_image(elementID){
	
	var maxImageIndex = totalImages[elementID]-1;
	var curIndex = activeImageSlide[elementID];
	
	if(curIndex == -1){
		
		$('#project_images_container_'+elementID+" > div.main_image:eq(0)").fadeIn('fast',function(){
			activeImageSlide[elementID] = 0;
			$('body').animate({'padding-top':0},delayBetweenProjects, function(){
				slide_to_next_image(elementID)
			});
		});
		$('#project_images_container_'+elementID+'>div.project_active_images>span').removeClass('active');
		$('#project_images_container_'+elementID+'>div.project_active_images>span').removeClass('passed');
		$('#project_images_container_'+elementID+'>div.project_active_images>span:lt(0)').addClass('passed');
		$("#project_images_container_"+elementID+">div.project_active_images>span:eq(0)").addClass('active');
	return;
	}
	prevIndex = curIndex;
	curIndex++;
	
	
	$("#project_images_container_"+elementID+">div.project_active_images>span").removeClass('active');
	
	$('#project_images_container_'+elementID+'>div.project_active_images>span').removeClass('active');
	$('#project_images_container_'+elementID+'>div.project_active_images>span').removeClass('passed');
	$('#project_images_container_'+elementID+'>div.project_active_images>span:lt('+curIndex+')').addClass('passed');
	$("#project_images_container_"+elementID+">div.project_active_images>span:eq("+curIndex+")").addClass('active');
	
	$('#project_images_container_'+elementID+" > div.main_image:eq("+curIndex+")").fadeIn('fast');
	if ($('#project_images_container_' + elementID + " > div.main_image").size() > 1) {
		$('#project_images_container_' + elementID + " > div.main_image:eq(" + prevIndex + ")").fadeOut('fast', function(){
			activeImageSlide[elementID] = curIndex;
			$('body').animate({
				'padding-top': 0
			}, (delayBetweenProjects), function(){
				slide_to_next_image(elementID);
			});
		});
	}
	
	if (autoPlay == 1) {
		if ($('#project_images_container_' + elementID + " > div.main_image:eq(" + curIndex + ")").size() == 0) {
			display_next_project();
		}
	}else{
		if ($('#project_images_container_' + elementID + " > div.main_image:eq(" + curIndex + ")").size() == 0) {
			if($('#project_images_container_'+elementID+" > div.main_image").size()>1){
				$('#project_images_container_'+elementID+" > div.main_image").fadeOut('fast',function(){
					activeImageSlide[elementID] = -1;
					slide_to_next_image(elementID);					
				});
			}	
		}
		
	}
}

function toggle_play(){
	if(autoPlay == 1){
		$("#auto_play_link").html("SLIDESHOW START");
		autoPlay = 0;
		/*if ($.browser.msie || $.browser.opera) {
			$("#project_left_panel").show();
		}else{
			$("#project_left_panel").stop().animate({
				'opacity':1
			},'fast');			
		}*/
		
		
		newMainNavContent2 = '<a href="javascript:toggle_play();" id="auto_play_link">SLIDESHOW START</a>';
		sIFR.replacements['#main_navigation_controls2'][0].replaceText(newMainNavContent2);
		
	}else{
		$("#auto_play_link").html("STOP");
		/*if ($.browser.msie || $.browser.opera) {
			$("#project_left_panel").hide();
		}
		else {
			$("#project_left_panel").stop().animate({
				'opacity': 0
			}, 'fast');
		}
		*/
		autoPlay = 1;
		
		newMainNavContent2 = '<a href="javascript:toggle_play();" id="auto_play_link">SLIDESHOW STOP</a>';
		sIFR.replacements['#main_navigation_controls2'][0].replaceText(newMainNavContent2);
		
		display_next_project(1);
	}
}


function share_on(engine){
	var curentLink = document.location.href;
	var elementInProjects = activeElement;
	var projectElement = projects_array[activeElement];
	
	if(engine == 'twitter'){
		var linkForRedirect = "http://twitter.com/home?status=" + encodeURIComponent(projectElement.title + " " + curentLink);
		document.location.href = linkForRedirect;
	}
	if(engine == 'facebook'){
		var linkForRedirect = "http://www.facebook.com/sharer.php?u=" + encodeURIComponent(curentLink) + "&t=" + encodeURIComponent(projectElement.title);
		document.location.href = linkForRedirect;
	}
	if(engine == 'digg'){
		var linkForRedirect = "http://digg.com/submit?url=" + encodeURIComponent(curentLink) + "&title=" + encodeURIComponent(projectElement.title);
		document.location.href = linkForRedirect;
	}
	if(engine == 'delicious'){
		var linkForRedirect = "http://del.icio.us/post?url=" + encodeURIComponent(curentLink) + "&title=" + encodeURIComponent(projectElement.title);
		document.location.href = linkForRedirect;
	}
	if(engine == 'stumble_upon'){
		var linkForRedirect = "http://www.stumbleupon.com/submit?url=" + encodeURIComponent(curentLink) + "&title=" + encodeURIComponent(projectElement.title);
		document.location.href = linkForRedirect;
	}
	
	
}