var serverURL = "http://www.hmegallery.com/";
var loadingHTML = '<img src="images/loading.gif" />';
$(document).ready(function() {
						   pageLoadedFunc();
						   setMainRadioBtn(currentPage);
						   setRemoteLinks();
						   //swfobject.embedSWF("soundControl.swf", "soundControl", "16", "14", "9.0.0","expressInstall.swf", {}, {menu:"false",bgcolor:"#DCDCDC",allowFullScreen:true,allowScriptAccess:"always"}, {id:"soundControl",name:"soundControl"});
						   });
$(function() {});
function setRemoteLinks(){
	/*$('a.remote').click(function(e) {
		e.preventDefault();
		changePage($(this).attr('href'));
	});*/
}
var isMute = false;
function soundControlLoaded(){
	if(isMute){
		//swfobject.getObjectById("soundControl").pauseSound();
	}
}
var loadCounter;
var currentPageFile;
function checkLoadCounter(){
	loadCounter--;
	if(loadCounter <= 0) {
		pageLoadedFunc();
	}
}
function changePage(pageFile){
	currentPageFile = pageFile;
	loadCounter = 4;
	$('#rightContent').html('<div class="loadingFrame">' + loadingHTML + '</div>');
	$('#bottomContent').html('');
	$('#rightTitle').html('&nbsp;');
	$('#content').html(loadingHTML);
	$.ajax({url:pageFile + "?inner=RightContent",type:'GET',cache:false,success:function(result) {
				if(currentPageFile == pageFile) {
					$('#rightContent').html(result);
					checkLoadCounter();
				}
			}});
	$.ajax({url:pageFile + "?inner=BottomContent",type:'GET',cache:false,success:function(result) {
				if(currentPageFile == pageFile) {
					$('#bottomContent').html(result);
					checkLoadCounter();
				}
			}});
	$.ajax({url:pageFile + "?inner=RightTitle",type:'GET',cache:false,success:function(result) {
				if(currentPageFile == pageFile) {
					$('#rightTitle').html(result);
					checkLoadCounter();
				}
			}});
	$.ajax({url:pageFile + "?inner=LeftContent",type:'GET',cache:false,success:function(result) {
				if(currentPageFile == pageFile) {
					$('#content').html(result);
					checkLoadCounter();
				}
			}});
	switch(pageFile.toLowerCase()){
		case 'home.php':
			setMainRadioBtn('home');
			break;
		case 'photos.php':
			setMainRadioBtn('photos');
			break;
		case 'video.php':
			setMainRadioBtn('video');
			break;
		case 'lyrics.php':
			setMainRadioBtn('lyrics');
			break;
		case 'team.php':
			setMainRadioBtn('team');
			break;
		case 'news.php':
			setMainRadioBtn('news');
			break;
		case 'contact.php':
			setMainRadioBtn('contact');
			break;
		case 'collection.php':
			setMainRadioBtn('collection');
			break;
	}
	
}
function setMainRadioBtn(currentPage) {
	$('.btn').each(function(e){
			if($(this).attr('id') == currentPage + 'Btn') {
				$(this).unbind('mouseenter mouseleave');
				$(this).addClass('btnOn');
			} else {
				$(this).removeClass('btnOn');
				$(this).hover(function(){
						$(this).addClass('btnOn');
				   },function() {
						$(this).removeClass('btnOn');
				   });
			}
		});
}
function showLegend(isVisible){
	$('#legend').css('visibility', isVisible ? 'visible' : 'hidden');
}
function setMinZeros(str, amount) {
	str = String(str);
	while(str.length < amount) {
		str = "0" + str;
	}
	return str;
}
function brakeNameValueString(str){
	var obj = {};
	var pairs = str.split('&');
	for(var i = 0; i < pairs.length; i++) {
		var nameValue = pairs[i].split('=');
		obj[nameValue[0]] = nameValue[1];
	}
	return obj;
}

var PhotoSizes={};
var selectedPhoto="";
function setPic(index){
	if(index=='-1'){
		if(readCookie('lastPic') != null) {
			index = readCookie('lastPic');
		} else {
			index = 1;
		}
	} else {
		createCookie('lastPic', String(index));
	}
	//
	$('#bigPhotoNav').html('<div id="navPrev"><div id="navPrevBtn" style="visibility:hidden;"></div><img src="images/px.gif" width="262px" height="349px" /></div><div id="navNext"><div id="navNextBtn" style="visibility:hidden;"></div><img src="images/px.gif" width="262px" height="349px" /></div>');
	$('#bigPhotoNav').css('z-index', 999);
	if(index > 1){$("#navPrev").hover(function(){$('#navPrevBtn').css('visibility', 'visible');},function() {$('#navPrevBtn').css('visibility', 'hidden');});}
	if(index < 2096){$("#navNext").hover(function(){$('#navNextBtn').css('visibility', 'visible');},function() {$('#navNextBtn').css('visibility', 'hidden');});}
	$('#navPrevBtn').click(function(){String(setPic(Number(index)-1));});
	$('#navNextBtn').click(function(){String(setPic(Number(index)+1));});
	//
	var indexName = setMinZeros(String(index), 4);
	$('#bigPhoto').html("<img src='images/524x349/" + indexName + ".jpg' />");
	$('#photoType').html('&nbsp;');
	$('#photoName').html('&nbsp;');
	$('#photoPrice').html('&nbsp;');
	$('#photoSize').html('&nbsp;');
	$('#photoStatus').html('&nbsp;');
	$('#bigPhotoStatus').html('&nbsp;');
	$('#hosted_button_id').attr('value', '');
	$.ajax({url:'getPhotoData.php?id=' + index,
		type:'GET',
		cache:false,
		success:function(result) {
			var resultObj = brakeNameValueString(result);
			$('#photoType').html(resultObj.phototype + '&nbsp;');
			$('#photoName').html('#' + setMinZeros(String(index), 4) + '&nbsp;|&nbsp;Single edition<br /><br />');
			
            if(resultObj.status == '0') // Image is up to sale
            {
                var sizesString=resultObj.sizes.split('|');
                for(i=0;i<sizesString.length;i++)
                {
                    var sizePairs=sizesString[i].split(';');
                    var size={};
                    for(j = 0; j < sizePairs.length; j++) {
    	               	var nameValue = sizePairs[j].split(':');
    	               	size[nameValue[0]] = nameValue[1];
                	}
                    PhotoSizes[i]=size;
                }
                
                
                ///////////////////////////////////////
                //////printing sizes
                //////////////////////////////////////
                    var availableSizes = "<div onclick='updatePhotoSize("+PhotoSizes[0].id+")' id='"+PhotoSizes[0].id+"' class='selectedSize'>";
                    availableSizes += "<table><tr><td class='iconTD' width='10'></td><td width='55'>"
                    availableSizes += "&nbsp;" + PhotoSizes[0].width + "X" + PhotoSizes[0].height + "cm";
                    availableSizes += "</td><td>";
                    availableSizes +="| $"  +PhotoSizes[0].price;
                    availableSizes += "</td></tr></table>";
                    availableSizes += "</div>";
                for(i=1;i<sizesString.length;i++)
                {
                    availableSizes += "<div onclick='updatePhotoSize("+PhotoSizes[i].id+")' id='"+PhotoSizes[i].id+"' class='unselectedSize'>";
                    availableSizes += "<table><tr><td class='iconTD' width='10'></td><td width='55'>"
                    availableSizes += "&nbsp;" + PhotoSizes[i].width + "X" + PhotoSizes[i].height + "cm";
                    availableSizes += "</td><td>";
                    availableSizes +="| $"  +PhotoSizes[i].price;
                    availableSizes += "</td></tr></table>";
                    availableSizes += "</div>";
                }
                
    			$('#photoSize').html('<br />' + availableSizes );
                
                $('#photoSizeDetails').html(PhotoSizes[0].width + "X" + PhotoSizes[0].height+"cm | $"+PhotoSizes[0].price );
    			$('#photoStatus').html(resultObj.statusName);
    			
    			//
    			var buyFormHTML = '';
	            selectedPhoto=resultObj.photoid;
                $('#collectPhotoBT').removeClass();
                $("#sizesLabel").removeClass().addClass('paramTitle');
                $("#SoldPhotoBT").addClass('hidden');
            }
            else //image Sold or Unvaild
            {
                $("#sizesLabel").removeClass().addClass('hidden');
                $('#collectPhotoBT').addClass('hidden');
                $("#SoldPhotoBT").removeClass();
            }
            
            //change bigphoto status
            var statusImage = "";
			var statusHTML = "";
			var collection = getCollection();
			if(collection['id' + index] == index) {
				statusImage = 'status_big_collection.png';
			} else {
				switch(resultObj.status){
					case '1':
						statusImage = 'status_big_sold.png';
						break;
                    case '3':
						statusImage = 'status_big_sold.png';
						break;
					case '2':
						statusImage = 'status_big_gallery.png';
						break;
				}
			}
			if(statusImage != "") { statusHTML = '<img src="images/' + statusImage + '" />' }
			$('#bigPhotoStatus').html(statusHTML);
            
            
		}
	   });
}

//////////////////////////////
////update the style of photo sizes in gallery
/////////////////////////////
function updatePhotoSize(id)
{
    $('#photoSize div[class=selectedSize]').removeClass().addClass('unselectedSize');
    $('#photoSize div[id='+id+']').removeClass().addClass('selectedSize');
}



function buyPhoto(){
	if($('#hosted_button_id').attr('value') != '') {
		$('#buyForm').submit();
	}
}
function collectPhoto(){
	var index = selectedPhoto;
	addToCollection(index);
    addPhotoSize(index);
	swfobject.getObjectById("thumbsScroller").addToCollection(index);
	$('#bigPhotoStatus').html('<img src="images/status_big_collection.png" />');
}

var photos=new Array();
function setCollectionContent(){
	$('#collectionBigPic').hide();
	if(itemsAmountInCollection() == 0) {
		$('#content-holder').html('Collection empty');
	} else {
		var collection = getPhotoSizes();
		var topDiv = '<div id="topDiv" class="collectionRow clear">';
		var midDiv = '<div id="midDiv" class="collectionRow clear">';
        var mid2Div = '<div id="mid2Div" class="collectionRow clear">';
		var botDiv = '<div id="botDiv" class="collectionRow clear">';
		var i = 0;
		for(var item in collection){
			var id = setMinZeros(String(item), 4);
			if(id != '0000') {
				var itemStr = '<div class="collectionItem clear"><div class="frame" photoId="' + id + '"><img src="images/139x93/' + id + '.jpg" /></div><div class="details" id="details_' + item + '">' + loadingHTML + '</div></div>';
				switch((i++ % 4)) {
					case 0:
						topDiv += itemStr;
						break;
					case 1:
						midDiv += itemStr;
						break;
                    case 2:
					   mid2Div += itemStr;
					   break;
					case 3:
						botDiv += itemStr;
						break;
				}
				$.ajax({url:'getPhotoData.php?id=' + item,
					type:'GET',
					cache:false,
					success:function(result) {
						var resultObj = brakeNameValueString(result);
						var detailsHolder = $('#details_' + resultObj.photoid);
						if(detailsHolder) {
                            var pid=resultObj.photoid;
                            var phototype=resultObj.phototype;
                            var photo={};
							var detailsHTML='<div id="'+pid+'div" class="activeItem">';
                            detailsHTML += '<div> <label onclick="changeSelected('+pid+')" class="deleteIcon" > X </label>   <b>Photo  #' + setMinZeros(String(pid), 4) + '</b></div>';
                            photo['selected']=true;
                            photo['id']=pid;
                            photo['type']=phototype;
                            ////////////////////////////////////////////////
                            //////insert the query string of sizes to the 
                            //////array of the photo sizes as an array
                            ////// photosSizes[pid][size(int)].arr
                            ////////////////////////////////////////////////
                            var sizesString=resultObj.sizes.split('|');
                            var psizes={};
                            for(i=0;i<sizesString.length;i++)
                            {
                                var sizePairs=sizesString[i].split(';');
                                var size={};
                                for(j = 0; j < sizePairs.length; j++) {
                	               	var nameValue = sizePairs[j].split(':');
                	               	size[nameValue[0]] = nameValue[1];
                            	}
                                psizes[i]=size;
                            }
                            photo['sizes']=psizes;
                            
                            //////////////////////////////////////
                            ///// printing sizes of photo
                            //////////////////////////////////////
                            

                            availableSizes= "<div id='"+pid+"photoSize'>";
                            
                            for(i=0;i<sizesString.length;i++)
                            {
                                if(photo['sizes'][i].id==collection[pid])
                                {
                                    availableSizes += "<div place='"+i+"' onclick='cartUpdatePhotoSize("+pid+","+photo['sizes'][i].id+","+i+")' id='"+photo['sizes'][i].id+"' class='selectedSize' >";
                                    availableSizes += "<table><tr ><td class='iconTD' width='10'></td><td width='55'>"
                                    availableSizes += photo['sizes'][i].width + "X" + photo['sizes'][i].height + "cm";
                                    availableSizes += "</td><td>";
                                    availableSizes +="| $"  +photo['sizes'][i].price;
                                    availableSizes += "</td></tr></table>";
                                    availableSizes += "</div>";
                                    photo['selectedSize']=photo['sizes'][i].name;
                                    photo['selectedSizeId']=photo['sizes'][i].id;
                                    photo['selectedSizePlace']=i;
                                }
                                else
                                {
                                    availableSizes += "<div place='"+i+"'  onclick='cartUpdatePhotoSize("+pid+","+photo['sizes'][i].id+","+i+")' id='"+photo['sizes'][i].id+"' class='unselectedSize' >";
                                    availableSizes += "<table><tr ><td class='iconTD' width='10'></td><td width='55'>"
                                    availableSizes += photo['sizes'][i].width + "X" + photo['sizes'][i].height + "cm";
                                    availableSizes += "</td><td>";
                                    availableSizes +="| $"  +photo['sizes'][i].price;
                                    availableSizes += "</td></tr></table>";
                                    availableSizes += "</div>";
                                }
                            }
                            availableSizes+="</div>";
                            
                            /*
                            availableSizes="<div class='paramText'>";
                            for (i=0;i<sizesString.length;i++)
                            {
                                 availableSizes+=' | <label onclick="changePhotoSizeDetails('+pid+',\''+photo['sizes'][i].name+'\','+i+')" ';
                                if(photo['sizes'][i].id==collection[pid])
                                {
                                    photo['selectedSize']=photo['sizes'][i].name;
                                    photo['selectedSizePlace']=i;
                                    availableSizes+= "class='SelectedSizeDetails'";
                                    photoSizeDetails=photo['sizes'][i].width + "X" + photo['sizes'][i].height+"cm | $"+photo['sizes'][i].price ;
                                }
                                availableSizes+=" id='"+pid+photo['sizes'][i].name+"size'  >" + photo['sizes'][i].name +"</label>";
                            }
                            availableSizes+='</div>';*/
                            
                            detailsHTML+=availableSizes;
                            /*detailsHTML+='<div class="paramText" id="'+pid+'details">';
                            detailsHTML+=photoSizeDetails;
                            detailsHTML+='</div>';*/
                            //closing the main div
                            detailsHTML+='</div>';
                            
							detailsHolder.html(detailsHTML);
                            photos[pid]=photo;
                            CaculatePrice();
						}
					}});
			}
		}
		topDiv += '</div>';
		midDiv += '</div>';
        mid2Div += '</div>';
		botDiv += '</div>';
		$('#content-holder').html(topDiv + '<div id="colLin" class="sepLine2">&nbsp;</div>' + midDiv + '<div id="colLin2" class="sepLine2">&nbsp;</div>' + mid2Div + '<div id="colLin3" class="sepLine2">&nbsp;</div>' + botDiv);
		$('div.frame').hover(function(e) {$('#collectionBigPic').html('<img src="images/524x349/' + $(this).attr('photoId') + '.jpg" width="244px" height="160px" style="margin-top:3px;margin-left:3px;" />');$('#collectionBigPic').show();$('#collectionBigPic').css('z-index', 1000);}, function(){$('#collectionBigPic').html('');$('#collectionBigPic').hide();});
		$('div.frame').mousemove(function(e){
										  var offsetX = ($(window).width() - 752) / 2;
										  var posX = ((e.pageX < ($().width() / 2)) ? ($(this).offset().left + 145) : ($(this).offset().left - 250)) - offsetX;
										  $("#collectionBigPic").css({top:(e.pageY - 57) + "px",left: posX + "px"});});
		var containerWidth = 524; // HARDCODED!!!
		var lineWidth = Math.ceil(i/3) * $('.collectionItem')[0].clientWidth;
		lineWidth = (lineWidth < containerWidth) ? containerWidth : lineWidth;
		$('#topDiv').css('width', lineWidth);
		$('#colLin').css('width', lineWidth);
		$('#midDiv').css('width', lineWidth);
        $('#colLin2').css('width', lineWidth);
        $('#mid2Div').css('width', lineWidth);
		$('#colLin3').css('width', lineWidth);
		$('#botDiv').css('width', lineWidth);
		
		if(lineWidth > containerWidth) {
			$("#content-slider").slider({
				animate: true,
				change: handleSliderChange,
				slide: handleSliderSlide
			  });
		}
	}
    
}

function cartUpdatePhotoSize(pid,id,i)
{
    if(photos[pid]['selected']==false) changeSelected(pid);
    $('#'+pid+"div div[class=selectedSize]").removeClass().addClass("unselectedSize");
    $('#'+id).removeClass().addClass('selectedSize');
    photos[pid]['selectedSizeId']=id;
    photos[pid]['selectedSizePlace']=i;
    photos[pid]['selectedSize']=photos[pid]['sizes'][i].name;
    var SizeCollection = getPhotoSizes();
    SizeCollection[pid] = id;
    setPhotoSizes(SizeCollection);
    CaculatePrice();
}

function changeSelected(id)
{
    photos[id]['selected']= !photos[id]['selected'];
    if(photos[id]['selected'])
    {
        addToCollection(id);
        var SizeCollection = getPhotoSizes();
        SizeCollection[id] = photos[id]['selectedSizeId'];
        setPhotoSizes(SizeCollection);
        $('#'+photos[id]['selectedSizeId']).removeClass().addClass('selectedSize');
        $('#'+id+'div').removeClass().addClass('activeItem');
    }
    else
    {
        removeFromCollection(id);
        removePhotoSize(id);  
        $('#'+photos[id]['selectedSizeId']).removeClass().addClass('unselectedSize');  
        $('#'+id+'div').removeClass().addClass('disactiveItem'); 
    }
    CaculatePrice();
    loadCart();
}

function PrintPaypalItems()
{
    num=1;
    numofitems=0;
    ppitems="";
    for(photo in photos)
    {
        if(photos[photo]['selected'])
        {
            numofitems++;
        }
    }
    if(numofitems==2){dis=5;}
    else if(numofitems==3){dis=7.5;}
    else if(numofitems==1){dis=0}
    else {dis=10}
    for(photo in photos)
    {
        if(photos[photo]['selected'])
        {
            pr=photos[photo]['sizes'][photos[photo]['selectedSizePlace']].price;
            ppitems+='<input type="hidden" name="item_name_'+num+'" value="'+photos[photo].type+' #'+ setMinZeros(String(photos[photo].id), 4) +' | '+ photos[photo]['selectedSize'] +'" />';
            ppitems+='<input type="hidden" name="amount_'+num+'" value="'+toPretty(pr+"")+'" />';
            ppitems+='<input type="hidden" name="discount_rate_cart" value="'+dis+'" />';
            num++;
        }
        ppitems+='<input type="hidden" name="shipping_1" value="'+TotalShipping+'" >';
    }
    $('#paypalItems').html(ppitems);
}

function toPretty(num)
{
    i=0;
    while(num.charAt(i)!='.' && num.length>i)
    {
        i++;
    }
    if(num[i]=='.')
    {
        if(num.length>i+3)
        {
            num=num.substring(0,i+1)+num.substring(i+1,i+3);
        }
    }
    return num;
}

var TotalShipping;
function CaculatePrice()
{
    ///////////////////////////
    /////Caculate subtotal
    ///////////////////////////
    subtotal=0;
    highShip=0;
    numofphotos=0;
    for(photo in photos)
    {
        if(photos[photo]['selected'])
        {
            subtotal+=parseFloat(photos[photo]['sizes'][photos[photo]['selectedSizePlace']].price);
            if(parseFloat(photos[photo]['sizes'][photos[photo]['selectedSizePlace']].shipping)>highShip)
            {
                highShip=parseFloat(photos[photo]['sizes'][photos[photo]['selectedSizePlace']].shipping);
            }
            numofphotos++;
        }
    }
    TotalShipping=highShip;
    if(numofphotos==2)
    {
        tp=subtotal*0.95;
        $('#discountOffer').html(" -5% Discount");
    }
    else if(numofphotos==3)
    {
        tp=subtotal*0.925;
        $('#discountOffer').html(" -7.5% Discount");
    }
    else if(numofphotos>=4)
    {
        tp=subtotal*0.9;
        $('#discountOffer').html(" -10% Discount");
    }
    else
    {
        tp=subtotal;
        $('#discountOffer').html("");
    }
	if(subtotal==0.44999999999999996) subtotal=0.45;
    $('#Subtotal').html(toPretty(subtotal.toString()));
    $('#shippingPrice').html(highShip);
    $('#TotalPrice').html(toPretty(tp+highShip+""));       
}

function changePhotoSizeDetails(pid , size , sizeplace)
{
    $('#'+pid+photos[pid]['selectedSize']+"size").removeClass('SelectedSizeDetails');
    photos[pid]['selectedSize']=size;
    photos[pid]['selectedSizePlace']=sizeplace;
    $('#'+pid+size+"size").addClass('SelectedSizeDetails');
    $('#'+pid+'details').html(photos[pid]['sizes'][sizeplace].width + "X" + photos[pid]['sizes'][sizeplace].height+"cm | $"+photos[pid]['sizes'][sizeplace].price );
    CaculatePrice();
}

function loadCart()
{
    if(readCookie('collection') != null) {
        c=unescape(readCookie('collection'));
		items = c.split(",");
	}
    if(items.length!=0) num=items.length-1;
    else num=items.length;
    $('#CartButtonCount').html(num);
}

function handleSliderChange(e, ui){
  var maxScroll = $("#content-scroll").attr("scrollWidth") - $("#content-scroll").width();
  $("#content-scroll").animate({scrollLeft: ui.value * (maxScroll / 100) }, 1000);
}

function handleSliderSlide(e, ui){
  var maxScroll = $("#content-scroll").attr("scrollWidth") - $("#content-scroll").width();
  $("#content-scroll").attr({scrollLeft: ui.value * (maxScroll / 100) });
}
//
function sendContactForm() {
	if(validateContactForm()) {
		var dataStr	= 'fullName=' + $("#fullName").val() + '&email=' + $("#email").val() + '&msg=' + $("#msg").val(); 
		$.ajax({url:"contactSubmit.php",
			   type:'GET',
			   data:dataStr,
			   cache:false,
			   success:function(result) {}
			   });
		$('#contactFormResult').show();
		$('#contactForm').hide();
	}
}
function validateContactForm() {
	if($("#fullName").val() == '') {
		$("#fullName").focus();
		$("#formError").html('You must enter a name!');
		return false;
	}
	if(!validateEmail($("#email").val())) {
		$("#email").focus();
		$("#formError").html('You must enter a valid email!');
		return false;
	}
	if($("#msg").val() == '') {
		$("#msg").focus();
		$("#formError").html('You must enter a message!');
		return false;
	}
	$("#formError").html('');
	return true;
}
function validateEmail(email) {
   var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
   return (reg.test(email));
}
//
function getCollection(){
	var collection = {};
	var items = new Array();
	if(readCookie('collection') != null) {
	   c=unescape(readCookie('collection'));
		items = c.split(",");
	}
	for(var i = 0; i < items.length; ++i) {
		collection["id" + items[i]] = items[i];
	}
	return collection;
}





function getPhotoSizes()
{
    var SizeCollection={};
    var items = new Array();
    if(readCookie('sizeCollection')!=null)
    {
        cook=unescape(readCookie('sizeCollection'));
        items=cook.split('&');
    }
    for(var i=0;i<items.length;i++)
    {
        if(items[i]!="")
        {
        s= items[i].split(':');
        SizeCollection[s[0]]=s[1];
        }
    }
    return SizeCollection;
}

function setPhotoSizes(SizeCollection)
{
    var sizeCollectionStr = '';
	for(var item in SizeCollection) {
		if(SizeCollection[item] != "") {
			sizeCollectionStr += item+":"+ SizeCollection[item] + "&";
		}
	}
	createCookie('sizeCollection', sizeCollectionStr, 9999);
}

function addPhotoSize(id){
	var SizeCollection = getPhotoSizes();
	SizeCollection[id] = $('#photoSize div[class=selectedSize]').attr("id");
	setPhotoSizes(SizeCollection);
}
function removePhotoSize(id){
	var SizeCollection = getPhotoSizes();
	SizeCollection[id] = "";
	setPhotoSizes(SizeCollection);
}

function itemsAmountInCollection(){
	var collection = getCollection();
	var counter = 0;
	for(var item in collection){
		counter++
	}
	return counter;
}
function setCollection(collection){
	var collectionStr = '';
	for(var item in collection) {
		if(collection[item] != "") {
			collectionStr += collection[item] + ",";
		}
	}
	createCookie('collection', collectionStr, 9999);
}
function addToCollection(id){
	var collection = getCollection();
	collection["id" + id] = id;
	setCollection(collection);
    loadCart();
}
function removeFromCollection(id){
	var collection = getCollection();
	collection["id" + id] = "";
	setCollection(collection);
    loadCart();
}
//
function createCookie(name,value,days) {
	if (days) {
		var date = new Date();
		date.setTime(date.getTime()+(days*24*60*60*1000));
		var expires = "; expires="+date.toGMTString();
	}
	else var expires = "";
	document.cookie = name+"="+value+expires+"; path=/";
}
function readCookie(name) {
	var nameEQ = name + "=";
	var ca = document.cookie.split(';');
	for(var i=0;i < ca.length;i++) {
		var c = ca[i];
		while (c.charAt(0)==' ') c = c.substring(1,c.length);
		if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
	}
	return null;
}