//===========================
var maxBottomMargin = 0;
var portfolioMainBlockFlag = false;
var portfolioBottomBlockFlag = false;
var portfolioMainEffects;
var portfolioRightEffects;
var portfolioLeftEffects;
//===========================
function createPortfolioList(portfolio_list)
{
    $('portfolio_content').setStyle('margin-left','0px');
    $('portfolio_bottom_content').setStyle('margin-left','0px');
    $('portfolio_content').innerHTML = '<div class="portfolio_section"><img style="margin-left: 190px; margin-top: 67px;" src="images/ajax-loader.gif" alt=""></div>';
    $('portfolio_bottom_content').innerHTML = '';
    for (var i=0; i<portfolio_list.length; i++)
    {
        var id_field = new Element ('input', {'type':'hidden', 'value':portfolio_list[i].id});
        id_field.inject($('portfolio_bottom_content'));
        var section = new Element ('img', {'class':'portfolio_bottom_section'});
        section.setProperty('src', portfolio_list[i].thumb_picture);
        section.inject($('portfolio_bottom_content'));

        section.addEvent('click', function() {
        	if (portfolioMainBlockFlag == true) {return;}
        	$('portfolio_content').innerHTML = '<div class="portfolio_section"><img style="margin-left: 190px; margin-top: 67px;" src="images/ajax-loader.gif" alt=""></div>';
            new Request.JSON({url: site_url+"/request.php?portfolio_id="+this.getPrevious().value+"&lang="+lang, onSuccess: createPortfolioContent}).get();
        });
    }
    if (portfolio_list.length<6)
    {
        $('portfolio_left_button').style.visibility = 'hidden';
        $('portfolio_right_button').style.visibility = 'hidden';
    }
    else
    {
        maxBottomMargin = -((portfolio_list.length-5)*88)
        $('portfolio_left_button').style.visibility = 'visible';
        $('portfolio_right_button').style.visibility = 'visible';
    }
    if (portfolio_list.length == 0)
    {
    	$('portfolio_caption').innerHTML ='';
        $('portfolio_description_description').innerHTML = '';
        $('portfolio_description_skills').innerHTML = '';
        $('portfolio_content').innerHTML = '';
        $('portfolio_pages').innerHTML = '';
    }
    new Request.JSON({url: site_url+"/request.php?portfolio_id="+portfolio_list[0].id+"&lang="+lang, onSuccess: createPortfolioContent}).get();
}
//===========================
function createPortfolioContent(portfolio_content)
{
    portfolioMainEffects.set('margin-left', 0);
    $('portfolio_caption').innerHTML = portfolio_content.caption;
    $('portfolio_description_description').innerHTML = portfolio_content.description;
    $('portfolio_description_skills').innerHTML = portfolio_content.skills;
    $('portfolio_content').innerHTML = '';
    $('portfolio_pages').innerHTML = '';

    for (var i=0; i<portfolio_content.content.length; i++)
    {
       if (portfolio_content.content.length > 1)
       {
       	  var page;
       	  if (i == 0) {page = new Element ('div', {'class':'portfolio_page portfolio_page_active'});}
       	  else {page = new Element ('div', {'class':'portfolio_page portfolio_page_not_active'});}
          page.innerHTML = i*1+1;
          page.addEvent('click', function() {
          	if (portfolioMainBlockFlag == true) {return;}
          	portfolioMainBlockFlag = true;
          	$$('.portfolio_page').each( function ( obj ) {
          	   obj.className = 'portfolio_page portfolio_page_not_active';
          	});
          	this.className = 'portfolio_page portfolio_page_active';
          	portfolioMainEffects.start('margin-left', (-((this.innerHTML-1)*490)));
          });
          page.inject($('portfolio_pages'));
       }

       var leftmargin = portfolio_content.content[i].width;
       if (leftmargin <= 488) {leftmargin = Math.floor((488-leftmargin)/2);}
       else {leftmargin = 0;}

       var topmargin = portfolio_content.content[i].height;
       if (topmargin <= 233) {topmargin = Math.floor((233-topmargin)/2);}
       else {topmargin = 0;}

       if (portfolio_content.content[i].type == 1)//picture
       {
           var div = new Element ('div', {'class':'portfolio_section'});
           div.inject($('portfolio_content'));

           var section = new Element ('img', {'style':'margin-left:'+leftmargin+'px; margin-top:'+topmargin+'px;'});
           section.setProperty('src', portfolio_content.content[i].name);
           section.inject(div);
       }
       else if (portfolio_content.content[i].type == 2)//flash
       {

           var section = new Element ('div', {'class':'portfolio_section'});
           section.inject($('portfolio_content'));

           if ((Browser.Engine.trident) || (Browser.Engine.gecko))
           {
               section.innerHTML+='<embed src="'+portfolio_content.content[i].name+'" wmode="opaque" quality="best" bgcolor="#f8f8fa" menu="false" width="'+portfolio_content.content[i].width+'" height="'+portfolio_content.content[i].height+'" style="margin-left:'+leftmargin+'px; margin-top:'+topmargin+'px;" type="application/x-shockwave-flash"></embed>';
           }
           else
           {
               var swf_object = new Element ('object', {'classid':'clsid:D27CDB6E-AE6D-11cf-96B8-444553540000', 'width':portfolio_content.content[i].width, 'height':portfolio_content.content[i].height, 'style':'margin-left:'+leftmargin+'px; margin-top:'+topmargin+'px;'});
               swf_object.inject(section);
               var movie = new Element ('param', {'name':'movie', 'value':portfolio_content.content[i].name});
               movie.inject(swf_object);
               var wmode = new Element ('param', {'name':'wmode', 'value':'opaque'});
               wmode.inject(swf_object);
               var menu = new Element ('param', {'name':'menu', 'value':'false'});
               menu.inject(swf_object);
               var quality = new Element ('param', {'name':'quality', 'value':'best'});
               quality.inject(swf_object);
               var bgcolor = new Element ('param', {'name':'bgcolor', 'value':'#f8f8fa'});
               bgcolor.inject(swf_object);
           }

       }

    }
}
//=============================
function getCategory(obj)
{
	if (portfolioMainBlockFlag == true) {return;}
    $('portfolio_content').innerHTML = '<div class="portfolio_section"><img style="margin-left: 190px; margin-top: 67px;" src="images/ajax-loader.gif" alt=""></div>';
    new Request.JSON({url: site_url+"/request.php?category="+obj.getPrevious().value+"&lang="+lang, onSuccess: createPortfolioList}).get();
}
//=============================
window.addEvent('domready', function () {
	        new Request.JSON({url: site_url+"/request.php?category="+p_cat+"&lang="+lang, onSuccess: createPortfolioList}).get();
            portfolioMainEffects = new Fx.Tween('portfolio_content', {duration: 1000, transition: Fx.Transitions.Cubic.easeInOut, onComplete: function(){portfolioMainBlockFlag = false;}});
            portfolioRightEffects = new Fx.Tween('portfolio_bottom_content', {duration: 1, transition: Fx.Transitions.linear, onComplete: function(){$('portfolio_right_button').fireEvent('move')}});
            portfolioLeftEffects = new Fx.Tween('portfolio_bottom_content', {duration: 1, transition: Fx.Transitions.linear, onComplete: function(){$('portfolio_left_button').fireEvent('move')}});

            $('portfolio_left_button').addEvent('mouseenter', function() {
                if((navigator.appName=="Microsoft Internet Explorer")&(Browser.Engine.version=="4"))
                {this.setStyle("filter","progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/portfolio_left.png',sizingMethod='crop'");}
                else{this.style.background = 'url(/images/portfolio_left.png) no-repeat center top';}
            });
            $('portfolio_left_button').addEvent('mouseleave', function() {
            	if((navigator.appName=="Microsoft Internet Explorer")&(Browser.Engine.version=="4"))
                {this.setStyle("filter","progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/portfolio_left_not_active.png',sizingMethod='crop'");}
                else{this.style.background = 'url(/images/portfolio_left_not_active.png) no-repeat center top';}
            });
            $('portfolio_right_button').addEvent('mouseenter', function() {
            	if((navigator.appName=="Microsoft Internet Explorer")&(Browser.Engine.version=="4"))
                {this.setStyle("filter","progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/portfolio_right.png',sizingMethod='crop'");}
                else{this.style.background = 'url(/images/portfolio_right.png) no-repeat center top';}
            });
            $('portfolio_right_button').addEvent('mouseleave', function() {
            	if((navigator.appName=="Microsoft Internet Explorer")&(Browser.Engine.version=="4"))
                {this.setStyle("filter","progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/portfolio_right_not_active.png',sizingMethod='crop'");}
                else{this.style.background = 'url(/images/portfolio_right_not_active.png) no-repeat center top';}
            });
            $('portfolio_left_button').addEvent('mousedown', function() {
          	    portfolioBottomBlockFlag = false;

          	    var leftmargin = $('portfolio_bottom_content').getStyle('margin-left');
	            leftmargin = leftmargin.substring(0, leftmargin.length-2);

          	    if (leftmargin > 0)
                {
                	portfolioBottomBlockFlag = true;
                	$('portfolio_bottom_content').setStyle('margin-left', '0px');
                }
                else
                {
          	        portfolioLeftEffects.start('margin-left', leftmargin*1+10);
          	    }

            });
             $('portfolio_left_button').addEvent('move', function() {
            	if (portfolioBottomBlockFlag == true) {return;}

          	    var leftmargin = $('portfolio_bottom_content').getStyle('margin-left');
	            leftmargin = leftmargin.substring(0, leftmargin.length-2);

          	    if (leftmargin > 0)
                {
                	portfolioBottomBlockFlag = true;
                	$('portfolio_bottom_content').setStyle('margin-left', '0px');
                }
                else
                {
          	        portfolioLeftEffects.start('margin-left', leftmargin*1+10);
          	    }
            });

            $('portfolio_right_button').addEvent('mousedown', function() {
          	    portfolioBottomBlockFlag = false;

          	    var leftmargin = $('portfolio_bottom_content').getStyle('margin-left');
	            leftmargin = leftmargin.substring(0, leftmargin.length-2);

          	    if (leftmargin < maxBottomMargin)
                {
                	portfolioBottomBlockFlag = true;
                	$('portfolio_bottom_content').setStyle('margin-left', maxBottomMargin+'px');
                }
                else
                {
          	        portfolioRightEffects.start('margin-left', leftmargin*1-10);
          	    }

            });
            $('portfolio_right_button').addEvent('move', function() {
            	if (portfolioBottomBlockFlag == true) {return;}

          	    var leftmargin = $('portfolio_bottom_content').getStyle('margin-left');
	            leftmargin = leftmargin.substring(0, leftmargin.length-2);

                if (leftmargin < maxBottomMargin)
                {
                	portfolioBottomBlockFlag = true;
                	$('portfolio_bottom_content').setStyle('margin-left', maxBottomMargin+'px');
                }
                else
                {
          	        portfolioRightEffects.start('margin-left', leftmargin*1-10);
          	    }

            });

            $('body').addEvent('mouseup', function() {
            	portfolioBottomBlockFlag = true;
            })
});
//=============================