// vars
var slider_page = 1;
var slider_pages_count = 1; // the php code

var cat_clicked = false;
var block_clicked = false;

$(document).ready(function(){
		
	// slider
	var slider = $('.slider');
	var blocks = $('.slider-block');
	var slider_container = $('.slider-container');
	var slider_blocks = slider.find('.slider-blocks');
	var next = $('.slider-next');
	var prev = $('.slider-prev');
	
	blocks.live('mouseover', function(){
		var block = $(this);
		block.addClass('slider-block-hover');
		block.append('<div class="slider-block-data">' + block.attr('data') + '</div>');
	});
	
	blocks.live('mouseout', function(){
		var block = $(this);
		block.removeClass('slider-block-hover');
		$('.slider-block-data').remove();
	});
	
	next.live('click', function(){
		if(slider_page == slider_pages_count) return;
		slider_page ++;
		if(slider_page == slider_pages_count) $(this).css('opacity', 0.1);
		prev.css('opacity', 1);
		
		slider.prepend('<div class="loading-bg"><img class="loading-small" src="' + template + 'images/loading.gif" /> L O A D I N G ...</div>');
		var loading = slider.find('.loading-bg');
		
		loading.css({top:slider_blocks.position().top});
		
		$.ajax({
			url: template + 'ajax.php?type=slider_blocks&page=' + slider_page,
			cache: true,
			success: function(data){
				loading.remove();
				slider_blocks.animate({top:-1 * slider.height(), opacity:0}, 'normal', function(){
					slider_blocks.css({top:slider.height()});
					slider_blocks.html(data);
					slider_blocks.animate({top:0, opacity:1});
				});
			}
		});
	});
	
	prev.live('click', function(){
		if(slider_page == 1) return;
		slider_page --;
		if(slider_page == 1) $(this).css('opacity', 0.1);
		next.css('opacity', 1);
		
		slider.prepend('<div class="loading-bg"><img class="loading-small" src="' + template + 'images/loading.gif" /> L O A D I N G ...</div>');
		var loading = slider.find('.loading-bg');
		
		loading.css({top:slider_blocks.position().top});
		
		$.ajax({
			url: template + 'ajax.php?type=slider_blocks&page=' + slider_page,
			cache: true,
			success: function(data){
				loading.remove();
				slider_blocks.animate({top:slider.height(), opacity:0}, 'normal', function(){
					slider_blocks.css({top: -1 * slider.height()});
					slider_blocks.html(data);
					slider_blocks.animate({top:0, opacity:1});
				});
			}
		});
	});
	
	blocks.live('click', function(){
		if(block_clicked) return;
		block_clicked = true;
		
		var block = $(this);
		
		slider_blocks.append('<img id="loading" class="loading" src="' + template + 'images/loading.gif" />');
		var loading = slider_blocks.find('#loading');
		
		loading.css({top:block.position().top + block.height()/2, left:block.position().left + block.width()/2});
		
		$.ajax({
			url: template + 'ajax.php?type=slider_data&id=' + block.attr('id'),
			cache:true,
			success:function(data){
				loading.remove();
				slider.animate({opacity:0, height:350}, 'normal');
				slider_container.animate({'top':350}, 'slow', function(){
					//slider_container.remove();
					slider.append('<div class="slider-data"><img class="close" src="' + template + 'images/close.png" />' + data + '</div>');
					slider.find('.slider-data').css('top', -1 * slider.height()).animate({'top':0}, 'solw');
					slider.animate({opacity:1});
					
					var slider_data = slider.find('.slider-data');
					var close = slider.find('.close');
					close.click(function(){
						slider.animate({height:250});
						slider_data.animate({top:-1 * slider.height(), opacity:1}, 'normal', function(){
							slider_data.remove();
							slider_container.animate({top:0, opacity:1});
							block_clicked = false;
						});
					});
				});
			}
		});
	});
	
	//categories
	
	var categories = $('.categories');
	
	$('.category').live('click', function(){
		if(cat_clicked) return;
		cat_clicked = true;
		
		var cat = $(this);
		var cats = $('.category');
		var categories_children = $('.categories').children();
		var others = categories_children.not(this);
		
		cats.unbind('click');
		cat.addClass('category-hover');
		var cat_data = null;
		
		categories.prepend('<div class="loading-bg"><img class="loading-small" src="' + template + 'images/loading.gif" style="width:20px; height:20px" /></div>');
		var loading = categories.find('.loading-bg');
		loading.css({top:cat.offset().top + 15, left:cat.offset().left + 140});
		
		$.ajax({
			url: template + 'ajax.php?type=cat_data',
			cache: true,
			success: function(data){
				loading.remove();
				others.animate({opacity:0}, 'normal', function(){
					others.animate({width:0}, 'normal', function(){
						others.remove();
						if(!cat_data){
							categories.append('<div class="categories-data"><img class="close" src="' + template + 'images/close.png" />' + data + '</div>');
							cat_data = $('.categories-data');
							cat_data.animate({opacity:1});
							
							var close = categories.find('.close');
							close.click(function(){
							close.attr('src', template + 'images/loading.gif');
							close.unbind('click');
								$.ajax({
									url: template + 'ajax.php?type=cats',
									cache: true,
									success: function(data){
										categories.animate({opacity:0}, 'normal', function(){
											categories.html(data);
											categories.animate({opacity:1});
											cat_clicked = false;
										});
									}
								});
							});
						}
					});
				});
			}
		});
	});
	
	
			// menu items
	$(document.body).append('<div class="menu-bg"></div>');
	var menu_bg = $('.menu-bg');
	var items = $('.menu-item');
	var menu = $('.menu');
	
	var item = items.filter("[selected='true']");
	var item_offset = item.offset();
	menu_bg.css({left:item_offset.left, top:item_offset.top, width:item.width() + 8, height:item.height() + 8});
	
	items.mouseover(function(){
		menu_bg.clearQueue();
		item = $(this);
		item_offset = item.offset();
		menu_bg.animate({left:item_offset.left, top:item_offset.top, width:item.width() + 8, height:item.height() + 8}, 'slow');
	});
	
	items.mouseout(function(){
		menu_bg.clearQueue();
		item = items.filter("[selected='true']");
		item_offset = item.offset();
		menu_bg.animate({left:item_offset.left, top:item_offset.top, width:item.width() + 8, height:item.height() + 8}, 'slow');
	});
	
	items.click(function(){
		menu_bg.clearQueue();
		item = items.filter("[selected='true']");
		item.attr('selected', 'false');
		item = $(this);
		item.attr('selected', 'true');
		
		$(document.body).append('<img class="loading" src="' + template + 'images/loading.gif" />');
		var loading = $('.loading');
		loading.css({left:menu.offset().left - 30, top:menu.offset().top, width:30, height:30});
		
		var btn = item.attr('id');
		switch(btn){
		case 'latest':
		case 'contact':
		case 'about':
			$.ajax({
				url: template + 'ajax.php?type=' + btn,
				cache:true,
				success:function(data){
					slider.animate({height:250, opacity:0}, 'normal', function(){
						$('.loading').remove();
						slider.html(data);
						slider.animate({opacity:1});
						
						//for lateset
						if(btn == 'latest'){
							block_clicked = false;
							blocks = $('.slider-block');
							slider_container = $('.slider-container');
							slider_blocks = slider.find('.slider-blocks');
							next = $('.slider-next');
							prev = $('.slider-prev');
						}
					});
				}
			});
			
		break;
		case 'projects':
			window.location.href = 'page.php?p=projects';
		break;
		case 'blog':
		
		break;
		default:
			$('.loading').remove();
		}
		
	});
	
	// projects menu
	var project_txt = $('.project-content');
	var projects	= $('.project');
	
	projects.click(function(){
		var project = $(this);
		var cats = project.next();
		var arrow = project.find('.project-arrow, .project-arrow-down');
		if(cats.css('display') == 'none'){
			cats.slideDown();
			arrow.removeClass('project-arrow').addClass('project-arrow-down');
			
		}
		else {
			cats.slideUp();
			arrow.removeClass('project-arrow-down').addClass('project-arrow');
				
		}
	});
	
	$('.project-cat').click(function(){
		scrollTop();
		project_txt.html('<div class="loading-bg loding-static"><img class="loading-small loding-static" src="' + template + 'images/loading.gif" /> L O A D I N G ...</div>');
		$.ajax({
			url: template + 'ajax.php?type=project&id=' + $(this).attr('id'),
			cache:false,
			success:function(data){
				project_txt.html(data);
			}
		});
	});
	
	if(projects) projects.first().trigger('click');
	
});

function scrollTop(){
	var doc = $(document);
	doc.scrollTop(doc.scrollTop() - 20);
	if(doc.scrollTop() != 0) setTimeout('scrollTop()', 10);
}